主题效果
效果如图:
具体可到我的主页查看。
配置文件说明
在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。
为了描述方便,在以下说明中,将前者称为站点配置文件, 后者称为主题配置文件。
启用pure主题
安装主题
git clone https://github.com/cofess/hexo-theme-pure.git themes/pure
打开站点配置文件,找到theme字段,将其值更改为 pure。
theme: next
更新主题
cd themes/pure
git pull
到此,主题安装完成。然后启动Hexo服务验证主题是否正确启用。
hexo s
使用浏览器访问 http://localhost:4000 ,检查主题是否被启用。
主题设定
设置语言
打开站点配置文件, 将 language
设置成你所需要的语言。建议明确设置你所需要的语言,可选值对应themes\pure\languages目录下语言文件,简体中文配置如下:
language: zh-CN
设置个人信息
头像在themes\pure\source\images 目录下替换图片即可,捐献的二维码同理。
个人信息大部分都在 主题配置文件 中设置
设置菜单
右边导航菜单在主题配置文件中配置
# 导航菜单
menu:
Home: .
Archives: archives # 归档
Categories: categories # 分类
Tags: tags # 标签
Repository: repository # github repositories
Books: books # 书单
Links: links # 友链
About: about # 关于
# 导航菜单图标(font awesome)
menu_icons:
enable: true # 是否启用菜单图标
home: fa-dashboard
archives: fa-delicious
categories: fa-folder
tags: fa-tags
repository: fa-code
books: fa-leanpub
links: fa-gg
about: fa-coffee
添加背景动画
背景动画基于canvas,在\themes\pure\layout\layout.ejs的中面添加
<script type="text/javascript" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
站点建立时间
这个时间将在站点的底部显示,例如 © 2017
。 编辑 主题配置文件,新增字段 since
。
配置示例:
since: 2017