美文网首页
GitHub——GitHub Pages+Hexo 搭建独立博客

GitHub——GitHub Pages+Hexo 搭建独立博客

作者: 四喜汤圆 | 来源:发表于2019-03-29 21:18 被阅读0次

一、更换并配置主题

如果觉得 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

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.iohexo分支上,站点编译后生成的文件存储在仓库的master分支上。若切换电脑后,只需在hexo分支中新建文章,然后发布站点即可。

六、RSS功能

七、SEO优化

参考文献

hexo史上最全搭建教程

相关文章

网友评论

      本文标题:GitHub——GitHub Pages+Hexo 搭建独立博客

      本文链接:https://www.haomeiwen.com/subject/sbaqbqtx.html