先说说为啥要迁移#
在这之前用的是 hexo + next 主题,然后自己心血来潮加了网易云的外链还有 live 2d,tag cloud 这些东西,也有人说过挺好看的,但是自己看多了就觉得有点花里胡哨,而且当我在网上查阅东西进到别人博客的时候,看到的基本都是 hexo + next…… 有点审美疲劳。
但也很容易理解,hexo 比较容易上手而且比较稳定,有着功能齐全并且成熟的主题(说的就是 Next),这个时候我的眼光放到了 hugo 上。
Hugo 依靠 Go 语言进行开发,并且号称世界上最快的构建网站工具,究竟有多快我也不知道,但是我用 hexo 生成静态网页的时候还需要等,用 hugo 就没有等过,给我的感觉就是我敲完命令回车的那一刻他就好了……
另一方面就是 hugo 支持热加载,在文件修改的内容支持实时地显示在网页上,比起 hexo 需要点多下刷新来说,还是比较方便的。
hugo 虽然有着上述说的优点,但是 hugo 在知名度上不及 hexo,教程还有资料,以及优化配置这些方面在网上相比 hexo 来说都是比较少的,所以有些东西还得自己慢慢摸索。
搭建#
环境#
生成博客#
hugo 安装完后可以用命令行运行 hugo new site ' 博客名字' ,这样 hugo 会生成一个用于存放博客的文件夹,里面一般有:
- archetypes/
- content/
- data/
- themes/
- layouts/
- static/
- config.toml
一般的配置信息写在 config.toml 里面,文章以及一些页面在 content 里面,archetypes 里面一般放的是使用 hugo new 生成页面的时候头部配置信息格式。themes 里面放的是你需要的主题。
主题安装#
跟 hexo 不同,hugo 没有自带的主题,所以这个时候运行 hugo serve 来浏览的时候是一片空白的,所以这个时候我们得去hugo 官网主题库里去找喜欢的主题。
同时按照主题给的文档在 config.toml 里面进行配置,一般下载下来的主题文件夹里有一个 exampleSite 的文件夹,那是作者的配置示例,如果不知道配置什么的话可以复制作者的示例,然后自行修改即可。
生成博文#
使用hugo new posts/xxxx.md 命令,可以使 content/posts 文件夹中生成你需要的 markdown 文件,用 markdown 语法编辑即可。
还有要注意的就是新生成的文件上方与 hexo 不同的是多了一条 draft 属性,这是表示是否是草稿,假如是 true 的话该文件不会渲染成页面,更不会在博客中显示,删掉或者改成 false 便会渲染了。
添加 tag 和 categories 的方法跟 hexo 是一样的。
生成页面#
特别的页面(archives 页面等)可以使用 hugo new page/xxx.md生成,例如 about 页面就 hugo new page/about.md,生成后将 draft 删掉后添加一条 layout 属性,表明他是什么页面,about 页面的话就layout: about。
浏览以及部署#
浏览的话用hugo serve命令,然后地址为 http://localhost:1313/
与 hexo 略有不同。
执行hugo命令生成静态页面,然后博客的文件夹下会多了一个 public 文件夹,这个文件夹下就是最后生成的页面,将 public 文件夹中的文件 push 到仓库中就好了。
最后#
从长远角度看的话,写的博文越多 hugo 的优势越明显。
但其实我只是想弄来玩玩而已。
Just for fun。