自定义文章页头图
通过配置每篇文章(即.md文件)的头部的header_image
字段来修改,如果不填写将采用主题配置中的post_header_image
字段,如果post_header_image
字段未填写则采用site_header_image
字段。
1 | --- |
将 Unsplash 随机图片作为头图
API 参数页面:https://source.unsplash.com/
在 archer 的配置文件中将头图设为上面的 API 提供的 URL,可以设置图片大小和范围等等,也可以使用自己的 Unsplash 的账户收藏的图片等等,这样每次访问时将会随机加载不同的头图。
切换代码配色方案
主题现在有两套代码配色:atom-one-dark 及 atom-one-light(v1.5.0 开始默认 atom-one-dark)。 配色取自 hightlight
切换方法
- 修改
archer\source-src\scss\_variables.scss
中的$code-theme
,可以更换为atom-one-dark
或atom-one-light
。 - 在 archer 目录下执行
npm install
,然后执行npm run build
。 - 再重新执行
hexo g
即可。
解决Hexo文章置顶功能
设置文章版权信息
修改主题配置文件中的 copyright 字段开启/关闭:
1 | copyright: |
默认显示作者,链接,日期以及版权说明,版权说明可通过 copyright.lincese 自定义。
copyright.lincese 的值可以是 HTML
当文章版权信息开启时,可通过文章 Markdown 头部:
1 | copyright: false |
进行单篇文章版权信息的关闭。
special thanks to hexo-theme-even,这部分说明直接我是直接抄过来的..
启用 Algolia 搜索
前言
有几种方案可选:
- 选用
hexo-content-json
类的 hexo 插件,生成一个包含所有文章内容的 xml 或 json,这样的好处是配置步骤少,但是会下载一个 json 或 xml,体积与所有文章的内容成正比,如果文章数量较多的话要下载的体积就会比较大,文章数量少的话又没啥必要。 - 选用
hexo-content-json
类的 hexo 插件,生成一个只包含文章题目的 xml 或 json,这样文件的体积会小很多,hexo-theme-yilia 是采用的这种方案,并且将#
搜索 tag 的功能也加上了,但是 archer 已经有了 tag 分类,这样做就仅仅是搜索题目了,用处也不大。 - 选用第三方的搜索,具有搜索所有文章内容的功能,也是目前 hexo 主题届的老大 hexo-theme-next 采用的方案,最后选定了这种。
PS: 感谢 Algolia & hexo-theme-next
步骤
注册帐号(可以用 Github 登录)
前往 Algolia 注册页面,注册一个新账户。 可以使用 GitHub 或者 Google 账户直接登录,注册后的 14 天内拥有所有功能(包括收费类别的)。之后若未续费会自动降级为免费账户,免费账户 总共有 10,000 条记录,每月有 100,000 的可以操作数。注册完成后,创建一个新的 Index,这个 Index 将在后面使用。
安装 Algolia
Index 创建完成后,此时这个 Index 里未包含任何数据。 接下来需要安装 Hexo Algolia 扩展, 这个扩展的功能是搜集站点的内容并通过 API 发送给 Algolia。前往站点根目录,执行命令安装:
1 | npm install --save hexo-algolia |
获取 keys
在 Algolia 服务站点上找到需要使用的一些配置的值,包括 ApplicationID、Search-Only API Key、 Admin API Key。注意,Admin API Key 需要保密保存。点击ALL API KEYS 找到新建INDEX对应的key, 编辑权限,在弹出框中找到ACL选择勾选Add records, Delete records, List indices, Delete index权限,点击update更新。
启用 Latex 支持
事实上启用对 Latex 的支持是 Hexo 的一项功能,而与 archer 无关。 可以参照这两篇文章来开启对 Latex 的支持:
英文界面
将 Hexo 配置中的 language
修改为 language: en
即可切换为英文界面。 暂时只支持英文,其他会默认中文。
也可自行修改 language
文件夹下的 en.yml
来自定义英文界面。