Shalling's Blog

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment

备份

背景

Hexo 博客源文件是保留在本地的，hexo deploy 部署的文件只是 hexo 生成的静态网页文件，由于本人是在 Linux 虚拟机环境下搭建 Hexo 博客开发环境的，而虚拟机经常重做系统，一旦忘记备份 Hexo 博客源文件，就会导致以前的博客无法更新维护了。

思路

在 Github 上新建一个仓库 hexobackup，专门用于备份保存hexo 博客源代码

这样备份博客源文件的好处：

• 如果电脑突然罢工，我们的源文件也不会丢失。
• 在重做系统或更换电脑的时候，我们直接 clone 备份仓库到本地就可以了。

操作

前言

在我安装了 hexo-helper-live2d 插件配置了网页宠物之后，发现 busuanzi 统计功能失效了，那我们有必要重新将它开启。

问题

我的 Next 主题的 version 是 8.10.1；Next 主题关于 live2d 和 busuanzi 的不兼容性，官方也在 Github issue 上进行了讨论，但是也没有很好的解决办法。有兴趣的同学可以自行前往 Github issue 查看。

Github issue: https://github.com/EYHN/hexo-helper-live2d/issues/161

https://boyinthesun.cn/post/error-live2d-busuanzi/ 我根据 Github issue 提供的解决办法，针对于 Next-8.10.1 失败，并没有解决我的问题，于是在 https://boyinthesun.cn/post/error-live2d-busuanzi/ 基础上，终于通过下面的办法实现了这两个插件的共存。

通过查看网页源码，发现在 busuanzi 插入的 <span> 标签中多了个 style。

style="display: none;" 这个样式存在代表着这个区块将不会才页面中显示；而当我们将 none 修改成 inline 之后，会发现当前页面中的 阅读次数： 出现了，于是我们找到了问题所在。

前言

有了前面那篇如何搭建博客的文章介绍指导，我们现在可以很容易的搭建博客了，不过既然是属于自己的博客网站，自然也就想让其更加美观，Hexo 博客支持很多主题风格，官网 https://hexo.io/themes/ 截止目前拥370个不同风格的主题，下面介绍一下Hexo博客的主题美化操作。

Next 主题 https://theme-next.js.org/ 是为 Hexo 打造的一款高品质优雅主题，支持非常多的外部插件和功能选项。我目前使用的是 NexT.Gemini V8.12.3 版本，下面我会介绍关于 Next 8 主题的基本安装配置和界面美化。

简介

什么是 Hexo ？

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

什么是 GitHub Pages ？

GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务，让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面。

安装

安装准备

Hexo 基于 Node.js，搭建过程中还需要使用 npm（Node.js 已带） 和 git，因此先搭建本地操作环境，以 Linux 操作系统为例，安装 Node.js 和 Git。

• Node.js：https://nodejs.org/zh-cn
• Git：https://git-scm.com/downloads

安装 Node.js

1. 从官网下载 Node.js 长期维护版安装包 , 例如：node-v16.14.2-linux-x64.tar.xz

2. 新建～/software文件夹，解压 Node.js 安装包文件到～/software文件夹下

1
2

$ mkdir ~/software
$ tar -Jxf node-v16.14.2-linux-x64.tar.xz -C ~/software

3. 解压文件的 bin 目录底下包含了 node、npm 等命令，我们可以使用 ln 命令来设置软连接：

1
2
3

$ mv ~/software/node-v16.14.2-linux-x64 ~/software/nodejs
$ sudo ln -s /home/username/software/nodejs/bin/npm /usr/local/bin/ 
$ sudo ln -s /home/username/software/nodejs/bin/node /usr/local/bin/

4. 查看 node.js 和 npm 软件版本，以检验是否安装成功。

1
2
3
4

$ node -v
v16.14.2
$ npm -v
8.5.0

安装 Git

1. Linux (Deepin,Ubuntu, Debian)：在系统终端命令安装 git 软件

1

$ sudo apt-get install git

2. 查看 git 软件版本，以检验是否安装成功，在终端输入 git - -version 并回车，如下图出现程序版本号即可。

1
2

$ git --version
git version 2.20.1