updated articles

Author: domasmark

.gitignore

@@ -18,3 +18,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+package-lock.json
+yarn.lock
+package-lock.json
+package-lock.json

LICENSE

@@ -0,0 +1,86 @@
+---
+slug: how-it-works
+title: Learn How Docusaurus Works
+authors: [personX]
+tags: [dhub, docusaurus, features]
+---
+
+# Learn How Docusaurus Works
+
+This page is your gateway to understanding the essential features that make your blog tick. Get ready to explore the key elements that make Docusaurus a powerful tool for bloggers.
+
+### Framework
+
+[Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog). Simply add Markdown files (or folders) to the `blog` directory. The blog post date can be extracted from filenames, such as:
+
+- `2024-01-21.md`
+- `2024-01-21-how-it-works/index.md`
+
+### Page structure
+
+Docusaurus relies on _frontmatter variables_ to generate the blog post page. Instead of using the Heading-1 level title from the content, it extracts information from these variables:
+
+```
+slug: page-url-slug
+title: The title Docusaurus uses to show in a page
+authors: [ceo, arijus]
+tags: [any, words, here, become, tags]
+```
+
+Understanding this structure ensures a cohesive layout for your blog pages, allowing for a personalized and organized reader experience.
+
+### Images
+
+Explore two ways to add visuals to your blog:
+
+1. **Centralized Folder**
+
+   Keep your images in a centralized folder. Upload them to `/static/img/`:
+
+   [![A closeup shot of rocks](/img/rocks.jpg 'A photo by Nick Nice')](https://unsplash.com/photos/shallow-focus-photography-of-gravels-zwjSCTItiZU)
+
+2. **Next to the Post File**
+
+   Place your images next to the post file. For example, `plants.png` can be stored next to the `index.md` file in the `2024-01-20-how-it-works` folder:[![A closeup shop of plants](./plants.jpg 'A photo by Nahil Naseer')](https://unsplash.com/photos/green-leaf-plants-xljtGZ2-P3Y)
+
+## Truncate
+
+Limit the size of your blog posts in the list view using a `<!-- truncate -->` comment. In the Dhub editor, add it as an **embedded MDX** code block from "/" components menu:
+
+<!--truncate-->
+
+## React components
+
+Docusaurus supports interactive components as part of the post's content. For example, if you insert this code block in Dhub's **embedded MDX** component:
+
+```js
+<button onClick={() => alert('button clicked!')}>Click me!</button>Tags
+```
+
+In the published site, it will show this element:
+
+```mdx-code-block
+<button onClick={() => alert('button clicked!')}>Click me!</button>
+```
+
+## Tags
+
+Tagging system enhances the organization of your posts, making it easy for readers to explore content based on their interests.
+
+Create new tags by adding them as _frontmatter variables_ at the start of the file:
+
+```
+tags: [tag 1, tag 2, tag 3]
+```
+
+## Authors
+
+Understand how authors are managed through the `blog/authors.yml` file, ensuring proper attribution to content creators.
+
+:::note
+
+At the moment, Dhub editor doesn't support opening this file; it has to be configured outside the Dhub editor.
+
+:::
+
+Learn about the `authors.yml` file structure at Docusaurus documentation: [Docusaurus Blog Documentation - Global Authors.](https://docusaurus.io/docs/blog#global-authors)

blog/2019-05-28-first-blog-post.md

@@ -0,0 +1,60 @@
+---
+slug: welcome
+title: Welcome to Your Blog!
+authors: [ceo, arijus]
+tags: [dhub, hello, docusaurus]
+---
+
+# **Welcome to Your Blog!**
+
+## Getting Started with Dhub and Docusaurus
+
+Greetings, blogger! 🚀 Welcome to Dhub, your all-in-one online editor designed for crafting beautiful blogs using the powerful Docusaurus framework.
+
+## Navigating Your Blogging Space
+
+As you embark on your blogging adventure, this initial page serves as your welcome hub. Here, you can find essential information about Dhub, including helpful tips and guidelines to kickstart your blogging journey. The intuitive editor interface is designed to enhance your writing experience, making it both enjoyable and efficient.
+
+## How to Use Dhub
+
+1. **Add Components:**
+
+   - Type "/" in the editor to reveal a list of available Docusaurus components.
+
+   - Select the desired component to add it to your blog post.
+
+2. **Editing Made Easy:**
+
+   - Click on any component to modify its content.
+
+   - Utilize the toolbar for additional [_formatting_](#) options.
+
+3. **Create New Blog Posts:**
+
+   - Click **"•••"** on the **"blog"** folder in the sidebar to open a contextual menu.
+
+   - Choose **"New file..."** to create a new page.
+
+   - Give it a name and hit enter. If the file format isn't specified, Dhub will create a .mdx file.
+
+   - Dhub supports .md and .mdx files.![](/img/tutorial.jpg)
+
+4. **Push to Github:**
+
+   - Hit the "Push to Github" button to store your changes outside Dhub.
+
+5. **Publish your blog:**
+
+   - For publishing, we recommend using external platforms like [Netlify](https://www.netlify.com/) or [Vercel](https://vercel.com/), which seamlessly integrate with Docusaurus.
+
+## Understanding Docusaurus
+
+Dhub harnesses the capabilities of Docusaurus, a modern open-source documentation framework by Facebook. It enables you to build and maintain a clean, organized, and feature-rich blog with ease.
+
+:::note Learn more
+
+Go to **"[2024-01-20-how-it-works.md](2024-01-20-how-it-works/index.md)"** file to learn the best practices using Docusaurus.
+
+:::
+
+Remember, your creativity knows no bounds, and Dhub is here to support your blogging journey every step of the way. Happy blogging!