静态博客搭建方法小结

好久没写博客了,快要荒废了。也许是之前从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还可以设为私有。

JavaScript

上一篇 使用cutycapt将网页转为图片
下一篇 【实验楼】Kafka快速上手教程

添加新评论

*
*