DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Adding more features to SSG similar to docusaurus
Japneet Singh
Japneet Singh

Posted on

Adding more features to SSG similar to docusaurus

Introduction to Docusaurus

Docusaurus is a tool designed to make it easy for teams to publish documentation websites without having to worry about the infrastructure and design details. Docusaurus also provides core website and documentation features out-of-the-box including blog support, internationalization, search, and versioning. For more info.
To anyone who wants to design a webpage without coding knowledge can use this open-source project.
Easy to deploy and easy-to-use pre-design webpages for your website.
Intro to docusaurus

Features copied from Docusaurus

Well, I was impressed looking at docusaurus implementing so many features to their website. I wanted to work on Theme and Search Engine Optimization that required a lot of effort and knowledge. So, I started with some basic features that support my ModernSSG.

Approach

I wanted to make my Html page more supportive with Markdown. I did it by adding more supports to tags.

  • Improved Accessibility of generated HTML
  • Full Markdown support
  • Syntax Highlighting for code blocks

Future Features

Well, I would love to work on Issues. If anyone is interested to practice with this static site generator feel free to reach out.

Example of feature

//Improved Accessibility of generated HTML
 data = data.replacingOccurrences(of: "```

bash", with: "<pre><code>", options: .regularExpression)
                    data = data.replacingOccurrences(of: "

```", with: "</code></pre>", options: .regularExpression)
Enter fullscreen mode Exit fullscreen mode

Image description

More issues

Pull requests are welcome. For changes, please open an issue first to discuss what you would like to change.

  1. Static Assets for images, stylesheets, etc.
  2. Themes
  3. Configurable Sidebar (i.e., table of contents)
  4. Blog posts in addition to Pages
  5. Search Engine Optimization (SEO)

Top comments (0)

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›