个人博客配置历程
本文最后更新于:2022年5月3日 下午
前言
一直有搭建个人博客的想法,早早就买好了域名和服务器。但奈何大二下学期课业压力实在太大,一直没有足够的空闲时间搭建博客,于是大二暑假先玩了一段时间,然后着手搭建个人博客。
博客框架的选择
目前比较火的博客框架有 WordPress、Jekyll、Hexo 等,下面简单罗列一下这些框架的优势劣势:
- WordPress:经典博客框架,插件和主题非常丰富,操作简单直白,但是需要购买云服务器进行部署,访问速度受限于云服务器带宽
- Jekyll:Github 原生支持的博客框架,只需要把项目源码 push 到 Github 仓库里,Github 就能自动生成博客页面,不需要购买服务器,但是渲染速度相对于 Hexo 较慢
- Hexo:渲染速度比 Jekyll 快,可以通过静态页面的形式直接部署到 Github Pages,不需要购买服务器,有中文文档
最终,我选择了 Hexo 进行个人博客的搭建,将个人博客的静态文件部署到 Github Pages,关于 Github Pages 及 Github 的其他功能,详见我的另一篇文章Github探秘。
博客主题的选择
主题方面,我是直接在 Github 上找高 Star 的主题,最终选到了 Fluid 这一款主题。事实上,我友链里的博客很多也用了这一款主题,看来大家的审美差不多(x
主题挑选有两个主要途径,一个是去 Github 上以hexo-theme作为关键词进行搜索,另一个是去 Hexo 的主题商城进行挑选。
关于主题和博客框架的配置,各个主题的官网以及博客框架的官网都有很详细的教程,还可以在各大搜索引擎搜索,这里就不赘述了。
评论方案的选择
评论方面,由于 Hexo 博客是无后端的静态页面,所以需要借助外部 API 来配置评论功能。大体来说外部 API 分为两种,一种是基于 Github 上的 issue 进行评论的方案,另一种是基于各大 BaaS 供应商提供的服务。我选择的是基于 Github issue 的 utterances 评论方案,该方案的特点是免费开源、使用 Github 账号进行评论、文章和 Github issue 绑定、可直接访问评论者的 Github 主页。
- 基于 Github 上的 issue 的方案:utterances、gitalk等
- 基于 BaaS 供应商的方案:valine、waline、disqus等
另外,如果使用的是 Fluid 主题,那么 Fluid 主题的官网和配置文件里有很详细的评论配置方案。
公式渲染器的选择
原生的 Hexo 框架不支持渲染 Latex,但是可以通过安装插件的方法支持 Latex 语法。相关插件包括但不限于以下几个,我安装的插件是 hexo-renderer-pandoc。
- hexo-math:同时支持 Katex 和 Mathjax,是 Hexo 的官方数学公式插件
- hexo-renderer-markdown-it-plus:支持 Katex,Fluid 主题推荐方案之一
- hexo-renderer-pandoc:支持 Mathjax,Fluid 主题推荐方案之一
另外,Latex 是一套排版语言,而 Katex 和 Mathjax 是渲染 Latex 的引擎。Katex 更为轻量,而 Mathjax 能渲染更复杂的数学符号,日常使用来说 Katex 就够用了。
相关链接
下面是我搭建博客时查阅的一些链接,以供读者参考:
- Hexo 框架官网:https://hexo.io
- Fluid 主题官网:https://hexo.fluid-dev.com/docs
- utterances 评论方案仓库:https://github.com/utterance/utterances
由于作者水平有限,所以文章中难免有少数不严谨之处,如有读者发现此类疏忽,恳请读者指出。另外,如果认为本文对您有帮助,欢迎请作者喝咖啡!