SHUYE

Hexo 双栏纯白轻博客主题 Anatole

From: https://munen.cc/tech/Anatole.html

此主题系 Farbox 主题 Anatole 在 Hexo 平台上的移植版本。主题特色:双栏、响应式设计、纯净、轻巧、观感舒适。

本文为 hexo-theme-Anatole 的中文文档。 Click here for the English wiki.


初次使用

cd blog

npm install –save hexo-renderer-jade hexo-generator-archive

git clone https://github.com/Ben02/hexo-theme-Anatole.git themes/anatole

编辑 _config.yml, 找到 theme: 并把那一行改成 theme: anatole, 然后增加下面条目:

archive_generator:

per_page: 0

yearly: false

monthly: false

daily: false

如何更新

cd themes/anatole

git pull

注意: 如果你平时有把 Hexo 文件夹 push 到 GitHub 之类的地方的习惯的话,你很可能会遇到这样蛋疼的报错:

Changes not staged for commit:

modified: themes/anatole

想要不报错,删除 themes/anatole 里的 .git 文件夹就好了,不过你就不能用上面那种方法更新了。

使用魔法

自定义内容

有一些个人信息是可以到 themes/anatole/_config.yml 编辑的, 像是 keywords, author, description, avatar, 还有你的社交账户。

显示英语

只需要轻轻地删掉 /themes/anatole/languages/zh-cn.yml 就行了。

Meta 描述

如果你想设置单篇文章的 Meta Description,可以在文章的头部设定一个 desc 值——更好的方法是把 desc 添加到 Scaffolds 里面去,就像这样:

title: Lorem ipsum dolor

date: 2015-12-31 14:49:13

desc: Lorem ipsum dolor sit amet, consectetur.


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, non numquam saepe ex ut. Deleniti culpa inventore consectetur nam saepe!

就能在头部输出:

如果文章里面没有 desc 值或者值为空, hexo-theme-Anatole 就会截取文章内容的前 150 个字符来替代。

文章摘要

hexo-theme-Anatole 默认在首页、分类聚合页、标签聚合页输出文章的前 160 个字符。如果你想控制这个数量,可以编辑 /layout/mixins.jade,找到 p!= truncate(strip_html(summary), {length: 160}),修改 160

想要指定单篇文章输出的摘要,可以在文章的头部设定一个 summary 值,同样的,你也可以把它添加到 Scaffolds 里去。(感谢 @tanwenhai

评论插件

hexo-theme-Anatole 支持显示两种评论插件:Disqus 和多说,请照样设置 theme/anatole/_config.yml

disqus: seansun

注意:用户名设置错误会导致插件工作故障。

危险的提示

只需把提示语用以下语句包括起来:



重要的事情

看起来就像:

自定义导航栏

本主题默认显示「关于」和「友链」两个页面的链接。使用本主题前应该自行创建固定链接为 aboutlinks 的两个页面。如果你想更改这两个链接的地址或者删除这两个链接,请编辑 /layout/partrial/nav.jade

提升体验

下面这些插件或者项目可以帮你达到更好的写作体验。(都是可选的)

  1. chenzhutian / hexo-all-minifier : 图片、CSS、JS、HTML 多合一压缩插件。
  2. ihewro / Duoshuo-Disqus-theme : 让你的多说评论看起来像 Disqus。
  3. Ben02 / 163music-APlayer-you-get-docker-mod : 一个美丽的基于网易云音乐的 HTML5 播放器。

特别鸣谢

pinggod/hexo-theme-apollo: 参考了一些代码实现。

专注文章内容的创作胜过博客样式的美观,祝各位玩的开心:) !

------ 本文结束 ------