如你所见,此博客是一个完全静态的 HTML 站点。相比于 PHP 编写的动态站点,静态站点不仅访问速度更快,而且部署门槛低。一个完全不会编程的新手,只要花点时间掌握一些工具的用法,也能轻松建立属于自己的站点。

本站由 Hugo 渲染而成。它的使用方式非常简单,想要自学的朋友可以阅读 Hugo 的官方文档。与其他博客系统一样,Hugo 也拥有着众多简介美观的主题,本站所使用的皮肤是 maupassant 它最初是由 cho 开发于 Typecho 平台的主题,后被移植到众多其他平台,并被加入了许多新功能。

Hugo 的所有页面都支持 Markdown 语法,借助它,我们可以在任何环境下撰写出格式统一的博文,而不用担心外观问题。Markdown 的学习成本很低,任何人都可以在极短的时间内学会。如果你有兴趣,可以通过这份教程入门 Markdown。Typora 是我目前正在使用的一款支持多平台的轻量级 Markdown 编辑器,界面非常干净简洁,并且免费开源。

通过 Hugo 生成好完整的 HTML 页面之后,我们便可以将这些页面放到我们的服务器上了。你可以购买一台虚拟主机,或者更加省时省力地,利用 Git 仓库托管自己的网站。Git 是一个应用非常广泛的版本管理工具,而 Git 仓库则是用于托管源代码的小型服务器。最著名的 Git 仓库非 GithubGitlab,它们在提供免费的源代码托管服务的同时,还支持 Pages 托管服务。所谓 Pages,原本是用于介绍和传播开源项目的说明文档,但其本身也是一个小型的 HTML 静态 Web 服务器。利用 Pages,我们可以轻松而免费地部署自己的静态网站。

如果你不希望通过手动的方式创建页面或修改配置,而是习惯于通过类似于 PHP 动态博客后台的可视化界面来编辑自己的网站,那么你可以尝试 Forestry。它是一个支持多种环境的可视化内容管理系统(CMS)。通过 Forestry,你可以像编辑动态博客那样管理自己的静态网站,并实时地将编辑好的网站推送到你的 Git 库中,实现真正的无代码建站。

本站即通过 Hugo + Forestry + Github 搭建而成,从开始自学到写这篇文章总共花费三天时间。在此感谢所有为开发上述工具或撰写相关教程而无偿付出时间与精力的前人们,若不是站在他们伟岸的肩膀上,本站不会有问世的这天。

教程目录

  • Hugo 的安装与使用
  • Git 的安装与使用
  • Github 桌面版的使用
  • 利用 Forestry 实现可视化的内容管理