另一个静态网站生成器:Hugo

发布日期:2019年12月12日本文同步发表于公众号:

上次介绍了静态网站生成器 Gridsome,它的灵活性比较强,对于会 Vue 编程的人来说,是一个非常好的工具。但是,对于没有编程基础,又想快速上线一个个人博客或者企业网站的人,有没有好方案呢?答案就是今天的主角:Hugo。

Hugo 的官方网站是 https://gohugo.io

Hugo 的使用流程是:

  1. 安装 hugo。
  2. 创建一个新站点。
  3. 选择并下载一个模板。
  4. 参数配置。
  5. 内容录入,使用 Markdown 格式编写。
  6. 页面定制。
  7. 上线。

具体使用方法参见官网点的 Quick Start,这里不再赘述。

Hugo 除了不需要编程之外,另外的好处就是有几百个现成的模版,只需要改改配置,专注内容,一天就能上线一个漂亮的网站。

下面挑选几个看起来不错的模板分享给大家,包括个人博客和企业官网两类。更多惊喜,请移步 Hugo 官网。

企业官网

Infinity

https://themes.gohugo.io/infinity-hugo/

infinity.png

Meghna Hugo

https://themes.gohugo.io/meghna-hugo/

meghna.jpg

https://themes.gohugo.io/navigator-hugo/

navigator.png

Universal

https://themes.gohugo.io/hugo-universal-theme/

universal.png

个人博客

Academia

https://themes.gohugo.io/academia-hugo/

academia.jpg

Academic

https://themes.gohugo.io/academic/

academic.jpg

Forty

https://themes.gohugo.io/forty/

forty.jpg

Future Imperfect

https://themes.gohugo.io/future-imperfect/

future-imperfect.png