一、更换并配置主题
如果觉得 Hexo 默认的themes/landscape
不合心意的话,可以去官网搜索好看的主题(本文推荐 next主题,该主题相关参考文档多,维护好),修改后使用。
在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在以下说明中,将前者称为 站点配置文件, 后者称为 主题配置文件。
1. clone 目标主题的源码
在 themes
文件夹下使用git clone
指令下载next
主题的源码
F:\SiXiWanZiBlog\themes>git clone https://github.com/theme-next/hexo-theme-next next
2. 修改站点配置文件配置主题
修改后 Hexo 会自动在themes
文件夹下搜索所配置的主题。
再本地查看博客,看!变了!
3. 配置 NexT
(1)scheme 配置
借助于 Scheme,NexT 为你提供多种不同的外观。在主题配置文件中,想设置哪种 scheme,就把前面的注释符号取消掉,可自行体验不同 scheme 的效果。
# Schemes
#scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini
(2)设置站点语言
在站点配置文件中,设置language: zh-CN
(3)设置 menu
可设置菜单显示内容、菜单项的显示文本、菜单项对应的图标
(4)设置侧栏
在主题配置文件中设置侧栏的位置、侧栏的显示时机
(5)设置头像
在主题配置文件中设置avatar
(6)设置昵称
在站点配置文件中设置author
(7)设置个性签名
在站点配置文件中设置description
(8)添加标签或分类页面
参考官方文档,以添加“标签”页面为例。
① 新建标签页面
$ hexo new page tags
上述指令执行后,生成如下页面。
② 配置 index 页面
将 type 设置为 tags,若给站点配置了评论系统,建议关闭此页面的评论功能,视觉效果更好。
---
title: tags
date: 2019-04-20 19:36:33
type: "tags"
comments: false
---
③ 在菜单中添加标签页面的链接
在站点配置文件中设置标签页面的链接
二、访问量统计
在主题配置文件中将busuanzi_count
的配置项开启,启用 Next 主题中的不蒜子访问量统计功能。
三、本地搜索
采用 Next 主题中支持的 Local Search 功能
添加后菜单栏出现搜索
项,且具有搜索功能
四、评论系统
本文使用来比力评论系统,这是一位韩国人开发的。具体方法参见Hexo-NexT主题添加评论功能(来必力)
(1)注册来比力账号
(2)拿到来必力 data-uid
登录来必力,在管理页面的安装代码中找到 data-uid。
(3)设置主题配置文件
将主题配置文件的livere_uid
节点设置为上述 data-uid
。
上述操作完成后,在站点的文章查看页面会自动加载来必力评论 UI,如下图所示,评论者需登录后才可发表评论,评论中可图文结合,可对评论点赞或踩。
五、运用 Git 分支实现多终端写博客
实现多终端写博客的本质是,将站点编译后文件上传到远程仓库的 master 分支,将站点源文件上传到远程仓库的 hexo 分支。
(1)将站点编译后文件上传到 master 分支
$ hexo d
上述指令会自动生成.deploy_git
文件夹,并将其中的文件上传至指定仓库的 master 分支。
(2)将站点源文件上传到 hexo 分支
① 将文件夹SiXiWanZiBlog
初始化为 Git 仓库
$ git init
② 在本地仓库上执行 Git 三部曲
首先.gitignore
文件的配置如下。
.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/
配置好忽略文件后,执行 Git 三部曲,直到 commit 操作完成后,本地仓库中 master 分支被创建,该分支中的内容为站点源文件。
$ git status
$ git add
$ git commit
③ 在本地仓库中基于 master 分支创建 hexo 分支
$ git checkout -b hexo master
执行上述指令后,hexo 分支被创建,该分支中的内容和 master 分支一模一样,为站点源文件。
④ 为本地仓库添加远程仓库
$ git remote add origin git@github.com:SiXiWanZi/SiXiWanZi.github.io.git
⑤ 将本地 hexo 分支的内容上传到远程仓库
$ git push origin hexo
上述指令表示,将本地的 hexo 分支内容上传到远程仓库 origin 的对应分支上,若远程仓库上没有改分支,则创建。
至此,所搭建的独立博客的源文件存储在仓库SiXiWanZi.github.io
的hexo
分支上,站点编译后生成的文件存储在仓库的master
分支上。若切换电脑后,只需在hexo
分支中新建文章,然后发布站点即可。
网友评论