静态博客搭建方法小结

好久没写博客了，快要荒废了。也许是之前从Hexo静态博客迁移到typecho博客花了不少精力吧，说实话还是挺折腾的，静态博客其实也挺好的。秉承着对于之前静态博客的怀念，写一篇关于静态博客搭建的文章吧。

Hexo

以Hexo静态博客为例，首先需要安装Node.js，Mac/Linux的话推荐先安装nvm，一个Node.js的版本管理工具，详见：nvm-sh/nvm: Node Version Manager，然后安装Node.js。

之后全局安装hexo-cli：

$ npm install hexo-cli -g

Hexo具体使用方法可以看看官网：Hexo

Hexo的配置（_config.yml）有站点的配置，也有主题的配置，前者位于站点的根目录，后者位于主题的目录。Front-matter 是文件最上方以---分隔的区域，是文章的一些元信息，例如文章的标题、时间、标签等。在本地启动hexo的server进行预览时，如果修改了主题的配置，刷新浏览器即可看到效果，但是如果修改了站点的配置，需要重启server才能生效。

Hexo的永久链接的格式比较少，如果将标题用于永久链接，会导致地址较长且不利于SEO。我当时采取的办法是根据文章的时间生成短链接，在生成前将短链接写入Front-matter，再配置使用短链接作为永久链接。

可以在Hexo的主题站找自己喜欢的主题，下载到themes目录下。然后，创建关于、标签等独立页面。文件夹结构如图：

部署

很多教程会讲把博客部署在GitHub，这样做有一些缺点。首先，需要手动生成并push，这样很麻烦。不过，也可以使用TravisCI来自动部署，但TravisCI的配置稍显繁琐，可以参考我之前的使用TravisCI自动构建 - 木然轩。

这里安利一下Netlify: All-in-one platform for automating modern web projects.，可以很方便地进行博客的部署。注册账号后新建网站，然后连接GitHub，然后选择博客的repo，会自动识别博客程序，当然也可以自定义构建命令。

每当博客的repo有push后，就会触发Netlify的构建，稍等一会儿，博客就构建好了，比TravisCI简单方便许多。而且，博客repo还可以设为私有。