Author: HelloGitHub – ChungZH

Many of you would like to create your own blog or document your project. This article is going to recommend the Static Site Generator (SSG), which does all the work of taking your documents and content (usually Markdown files) and generating tools that can be published as web sites (HTML) so that you can concentrate on creating, It also has a website where it publishes its own ideas. Then GitHub, Gitee and other support free Page service, through a simple configuration of SSG can achieve a command to issue, have a nest is so simple and convenient ~

HelloGitHub has carefully selected the popular and excellent open source static website generator on GitHub. Welcome to comment and discuss.

1. Hexo

  • GitHub Repository: github.com/hexojs/hexo

  • Number of Stars: 29.6K

  • Official website: hexo.io

Hexo is developed using Node.js and is very popular. It has hundreds of themes and plugins, supports GFM (GitHub Markdown), and can deploy Hexo website to GitHub Pages, Heroku, and other platforms with a single command. It currently drives the official Vue. Js documentation. However, Hexo’s speed is not very fast compared to other frameworks.

Here is a Hexo tutorial: EasyHexo.

2. Hugo

  • GitHub Repository: github.com/gohugoio/hu…

  • Number of Stars: 41.9K

  • Official website: Gohugo.io /

Developed in Go, Hugo claims to be “the world’s fastest web generator”. The number of Stars is much higher than that of Hexo. There are currently over three hundred topics.

3. VuePress

  • GitHub Repository: github.com/vuejs/vuepr…

  • Number of Stars: 15.6K

  • Official website: vuepress.vuejs.org/zh/

VuePress is an “up-and-comer” among all living things. It was initially developed by You Yuxi. It will replace Hexo as a generator of vue.js official documents when it reaches a certain level. It is Vue based and can be used in Markdown for Vue components as well as to develop custom themes.

4. MkDocs

  • GitHub Repository: github.com/mkdocs/mkdo…

  • Number of Stars: 9.1K

  • Official website: www.mkdocs.org/

MkDocs is developed in Python with a more document generation bias. Not too many users, just a dozen topics.

5. Gatsby

  • GitHub Repository: github.com/gatsbyjs/ga…

  • Number of Stars: 42.5K

  • Official website: www.gatsbyjs.org/

Gatsby is GitHub’s #static-site-generator topic with the largest number of Star projects, based on React. It’s more powerful than static websites. You can load data from anywhere.

6. Docsify

  • GitHub Repository: github.com/docsifyjs/d…

  • Number of Stars: 12.6K

  • Official website: docsify.js.org/

Also based on Vue, Docsify is document-oriented and dynamically generates web pages. The best feature of Docsify is that it only has an index. HTML that starts generating when you open the page. Docsify is also compatible with IE 11. The downside is that it’s not very SEO friendly.

7. Jekyll

  • GitHub Repository: github.com/jekyll/jeky…

  • Number of Stars: 39.8K

  • Official website: jekyllrb.com/

Jekyll is developed in Ruby, which is simple enough to keep you focused on the content. It has nearly 400 themes and over 200 plugins, and that alone speaks for itself.

As a final reminder, blogging is all about content, so once you’ve picked a generator and a favorite topic, don’t overdo it or embellish it. It’s about content.

Pay attention to the public account to join the communication group