利用Hexo搭建blog

这篇文章只是用来记录我搭建blog的过程的,虽然我这次布置的有些小小拉跨,但是对于我自己的使用是十分足够的,使用hexo布置blog在GitHub上基本免费的(有钱就别用这种搭建,费时费力),我可能会在之后的时间里对这个网站优化。总体而言,有个独属于自己的博客在感觉上还是不错的。如果也有人想用hexo搭建blog,我会把教程与资料分享在下面,欢迎大家与我互换友链

视频教程

b站安知鱼有一套完整的教程01.hexo博客搭建最终效果展示_哔哩哔哩_bilibili

中途需要的资源网站与文章

hexo的安装使用 Github Pages 和 Hexo 搭建自己的独立博客 | 安知鱼 (anheyu.com)

butterfly的安装Butterfly 安裝文檔(一) 快速開始 | Butterfly

butterfly的配置butterfly 重装日记 | 安知鱼 (anheyu.com)

node的官网Node.js — Download Node.js® (nodejs.org)

git的官网Git - Downloading Package (git-scm.com)

免费图床https://www.superbed.cn/signup?from_id=127373

注意:有部分软件在国外,所以魔法必要,但如果你的魔法不太行,可以到清华镜像里面找找

hexo操作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
清除缓存
hexo cl

保存
hexo g

本地运行
hexo s

上传github
hexo d

更新动漫数据
hexo bangumi -u

hexo项目迁徙

准备工作

如果你电脑重装系统或者换了新电脑,想要继续在本地部署原来的hexo项目并能推送到GitHub Pages,首先你得将原来的hexo项目全部copy,如果可以的话,把之前的node安装包和git安装包也copy一份,主要是node安装包。安装之后的检查安装命令如下:

1
2
3
git --version
node -v
npm -v
hexo本地全局安装

选择一个磁盘,新建一个文件夹,自己重命名文件夹(如:我的文件夹为:E:\tools\Blog\hexo_butterfly),博客相关文件将储存在此文件夹下,在该文件夹下右键鼠标,点击 Git Bash Here,输入以下 npm 命令即可安装

命令:

1
npm install hexo-cli -g

解释:这个是非常有必要的,没有安装hexo的话是无法使用hexo相关命令的

hexo初始化配置

由于我们是第二次初始化hexo项目并且拥有之前的原项目,我们接下来的步骤也是非常简单。首先将项目copy到指定文件夹,如果你原来使用的node版本与现在一致的话,就不需要删除原 node_modulespackage-lock.jsonnode_modules里面包含了你之前下载的所有插件,package-lock.json则是记录安装插件的确切版本,如果node版本不一致会出现兼容性问题,所以要卸载干净。然后就是一定要使用一次的命令,让node检查一下依赖。

1
npm install

运行之后,就本地运行一下hexo,看是否正常。

1
2
3
hexo cl
hexo g
hexo s
推送GitHub Pages

如果你重新换个GitHub账号的话,就需要新建个GitHub Pages,并且将新SSH在_config.yml下deploy的repository中的旧SSH替换

配置 SSH 密钥:只有配置好 SSH 密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步,在你指定文件夹里面(如:我的文件夹为:E:\tools\Blog\hexo_butterflyGit Bash Here 输入以下命令

1
2
ssh-keygen -t rsa -C "750603895@qq.com"
//引号里面填写你的邮箱地址,比如我的是750603895@qq.com

然后会有一堆东西出来,别管,直接回车到结束为止。然后key就在/c/Users/you/.ssh/id_rsa.pub目录下了,你直接复制文件全部内容,登录GitHub,进入settings,点击点击 SSH and GPG Keys,选择 New SSH key,粘贴密钥。完成之后就ok了。