静态博客搭建工具汇总


Jekyll、Hugo、Hexo 是简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown 以及 Liquid 转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll、Hugo、Hexo 也可以运行在 码云(Gitee.com) Pages 上,也就是说,你可以使用码云的服务来搭建你的仓库页面、博客或者网站,而且是完全免费的。
image.png
https://zhuanlan.zhihu.com/p/79515327

1) Hexo

Hexo 是一个基于 node.js 的静态博客生成系统,它使用 markdown 语法来写作,同时支持丰富的自定义标签系统。
用户在本地安装 Hexo 系统并进行写作,通过一条命令,Hexo 可以自动生成静态页面,并发布到多个平台上。
与传统的博客相比,Hexo 可以说是一个本地运行远程发布的博客程序。
Hexo 使用文档:https://hexo.io/docs/
hexo 主题:https://hexo.io/themes/
优点:

  • 1、搭建的博客平台,速度快,免费,可以搭建在 Github 上。
  • 2、操作比 Jekyll 简单,命令少,易于记忆。
  • 3.支持 markdown,Hexo 最终生成的是一个静态博客,这就意味着它拥有其他博客系统无法比拟的低负载与高速度的特性。

缺点:

  • 1、每次在一台新电脑或者别人电脑首次使用时,都要重新安装和配置编译环境,不适合随时随地愉快的写博客。(
  • 2、相对 Wordpress 而言,没有强大的后台和插件支持,学习成本较高,需要一些网页基础。

安装
安装使用 hexo 之前需要先安装 Node.js 和 Git,当已经安装了 Node.js 和 npm(npm 是 node.js 的包管理工具),可以通过以下命令安装 hexo
$ npm install -g hexo-cli

2) Nuxt

Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。Nuxt.js 的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js。
Nuxt 更像是为构建应用程序而生的,而不是独立的内容静态网站。
Nuxt.js 官网

3) Docsify

Docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 .md 转成 .html 文件,所有转换工作都是在运行时进行。
Docsify 是基于 Vue,完全的运行时驱动,不需要渲染 html,所以对 SEO 不够友好。如果不关注 SEO,安装简单化不想有大量依赖,他是比较好的选择,比如公司或这团队内部的文档系统。
docsify 官网
image.png

4 Docute

Docute 本质上就是一个 JavaScript 文件,它可以获取 Markdown 文件并将它们呈现为单页面应用。它完全由运行时驱动,因此并不涉及服务端组件,这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档,你的网站就差不多完成了!
Docute 与 Docsify 基本一样,只是在文件大小和 UI 及不同的使用方式,Docute 网站有其差异介绍。
Docute 官网

5 GitBook

GitBook 是一个现代的文档平台,团队或个人可以在其上编写产品、API 接口文档以及团队内部知识库。
GitBook 改版之后,感觉的团队更专注于商业产品而不是开源工具,同时 CLI 工具不再提供了,所以无法实现个性化部署,所以不做介绍,有兴趣的可以看其官网。
GitBook 官网

6 VuePress

VuePress 是基于 Vue 开发的平台,功能上实现了 GitBook 功能。VuePress 展示页面与 Docsify 类似,但是与 Docsify 不同的是,预先渲染 html。
VuePress 官网
image.png

7) Jekeyll

jekyll 是一个简单的免费的 Blog 生成工具,类似 WordPress。但是和 WordPress 又有很大的不同,原因是 jekyll 只是一个生成静态网页的工具,
不需要数据库支持。但是可以配合第三方服务,例如 Disqus。最关键的是 jekyll 可以免费部署在 Github 上,而且可以绑定自己的域名。
官网:http://jekyllrb.com
优点:

  • 1、jekyll 是一个静态文件生成器,网站不需要数据库,只要把自己的博客放到对应的目录即可。
  • 2、能部署到 github 或者 gitcafe 上,不需要自己的 vps,因为是静态的,迁移起来非常方便。
  • 3、原生支持 markdown。现在 github 默认支持 jekyll, 所以原生的文件如果放到 github 上,它会自动帮你生成静态网站。
  • 4、相对 hexo 而言,可以直接在 github 网页版上编辑和发布博客,PC 间切换和同步非常方便。(这点本人非常喜欢)

缺点:

  • 1、jekyll 用的 liquid 语法确实不是对程序员友好的,。不过 jekyll 功能比 hexo 强大很多,有时间折腾的可以选它。
  • 2、相对 Wordpress 而言,没有强大的后台和插件支持,学习成本较高,需要一些网页基础。

image.png

8)Hugo

Hugo 使用文档:https://gohugo.io/documentation/

9)WordPress

https://www.wpdaxue.com/themes/
WordPress 是一种使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站。
用户可以在支持 PHP 和 MySQL 数据库的服务器上使用自己的博客。

WordPress 有许多第三方开发的免费模板,安装方式简单易用。不过要做一个自己的模板,则需要你有一定的专业知识。
比如你至少要懂的标准通用标记语言下的一个应用 HTML 代码、CSS、PHP 等相关知识。
优点:

  • 1、安装简单方便,甚至很多虚拟主机供应商都提供了 Wordpress 的一键式安装工具。用户连上传文件的步骤都省了。
  • 2、功能强大,可扩展性高,丰富的插件使用起来更加方便。
  • 3、wordpress 搭建的博客对 seo 搜索引擎友好,收录也快,排名靠前。

缺点:

  • 1、对域名空间要求,wp 需要自己购买虚拟主机,低配版大概两百多块。
  • 2、迁移成本高,且插件装多了会变慢。
  • 3、Wordpress 对于中小型网站应该是不错的选择,但对于大型的门户网站,数据库、用户管理、内容的分类管理等方面的限制,还是会让 Wordpress 会有些力不从心的吧。

10) ReadtheDocs

Read the Docs是一个在线文档托管服务, 你可以从各种版本控制系统中导入文档,如果你使用webhooks, 那么每次提交代码后可以自动构建并上传至 readthedocs 网站,非常方便。
image.png


文章作者: Owen Li
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Owen Li !
  目录