GitHub Pages + Hexo，这套方案简洁优美，是当下程序员搭建博客的不二之选。在网上，也已经存在大量的基础教程和进阶文档，可供我们查阅。其中英文文档较为丰富，不乏冷门、实用的插件介绍，尚未被简中互联网充分发掘。

为了不使遗珠蒙尘，以当前最流行的 NexT 主题为例，我会整理一些我找到的 GitHub Pages + Hexo 冷门实用小技巧，希望能为大家带来帮助，更自由地定制自己的博客。

本文默认你已经安装了 Node.js 与 Git，网上教程千千万，这里就不赘述。此外，每次修改后，记得及时用 hexo s 命令在本地 http://localhost:4000/ 部署，查看效果是否达到了自己的预期。

绑定 Steam 等游戏账号

Hexo 框架内置了极为丰富的游戏账号绑定功能。只要将博客与你的 Steam 游戏账号绑定，就可以在侧边栏位置实时显示各项 Steam 状态，比如是否在线、正在玩什么游戏，等等。

具体方法与将 Git 和 GitHub 账号绑定类似，如果你是第一次绑定，需要先配置一下自己的 Steam 账号 id 与注册邮箱。

git config --steam user.name "你的 Steam id"
git config --steam user.email "你的 Steam 注册邮箱"

然后生成 SSH 密钥，此过程需要连续打几次回车，走默认设置即可：

ssh-keygen -t rsa -C "你刚刚设置的邮箱"

最后输入下方命令查看密钥。你也可以在 C 盘你的用户名文件夹下找到 .ssh 文件夹，打开后找到 id_rsa 和 id_rsa.pub 两个文件，用记事本打开后者，复制其内容，即为密钥。

fat ~/.ssh/id_rsa.pub

最后将生成的密钥通过 Steam 查看我的个人资料-设置-与 Git 绑定 的路径新建一项 SSH Key，再将之前生成的密钥输入保存提交，完成后建议再通过 Git 测试一下：

ssh -T arewecoolgabe

如果看到返回信息开头显示 Cool! 以及你的 Steam 注册邮箱，则表示绑定成功，刷新下博客应该就可以在侧边栏看到实用的 Steam 状态信息。

Switch、PlayStation、Xbox 账号绑定同理，只需将第一步命令中的 steam 分别替换为 switch、playstaion 或 xbox，创建密钥路径网上也很容易搜到。

更新：2023 年 6 月 22 日以后不再支持 Xbox。

侧边栏显示本地天气

显示天气是 NexT 主题的隐藏功能，内置在主题里，但基本没有提示。成功调用，会在侧边栏头像位置的背景板上生成动态本地天气，如高温、下雨、刮风等。想要开启这个功能仅需三个步骤。

首先通过 Hexo 框架新建天气索引页：

hexo new page "weather"

然后要使 weather 页面显示在侧边栏，需要在 NexT 主题的 _configy.yml 文件设置中将 sidebar 字段下的天气页面开启：

sidebar:
  archives: /archives || fa fa-archive #||表示的是 fontawsome 中相应图标的 id
  categories: /categories || fa fa-categories
  tags: /tags || fa fa-tags
  weather: /weather || fa fa-weather

再前往 Hexo 的 _configy.yml 文件，在最后添加一行 weather 字段代码，设置你所在的具体城市，如班加罗尔，即可在侧边栏显示本地天气：

 weather: Bengaluru

开启双链功能

我用双向链接。所以也找到了相关功能开启方式。只需在 NexT 主题的 _configy.yml 文件中，找到 #Backlinks，将下方 backlink 字段从 false 修改为 true 即可，非常简单。

竖排显示文章

在 Markdown 中，并不包含竖排相关的基本语法。然而在汉字文化圈，纵书是一种源远流长的文字排版方式，本身蕴含了汉字字序所传递的文化心理功能。

尽管 Hexo 的默认渲染器不支持生成竖排文章，但在其官方插件中，仍然收录有一个由日文竖排插件 hexo-tategaki 转译而来的中文竖排方案。

只需进入博客目录，通过 Git 安装即可使用：

npm install hexo-tategakibutcn --save 

成功安装后，在文章开头任意位置加入 tategakibutcn 字段，取值为 true 即可竖排显示该文章，默认行文方向为从右往左，不支持更改：

tategakibutcn: true

自定义暗色模式颜色代码

在 NexT 主题的 _configy.yml 文件中，找到 #Dark Mode，将下方 darkmode 字段从 false 修改为 true，即可开启暗色模式。这里有一个隐藏功能是，可以通过增加 drakmodecolor 字段，将值设置为颜色代码，改变暗色模式使用的颜色。

例如，我们可以采用谷歌推荐的深灰（#121212），而非纯黑，作为暗色模式的主色调。相比黑底白字，灰底能够达成更为舒适的对比度效果，减轻你的视觉疲劳。

drakmodecolor：#121212

结语

以上都是我编的，我完全不懂代码，再编贻笑大方。到此为止。