blog的搭建
利用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 | 清除缓存 |
hexo项目迁徙
准备工作
如果你电脑重装系统或者换了新电脑,想要继续在本地部署原来的hexo项目并能推送到GitHub Pages,首先你得将原来的hexo
项目全部copy,如果可以的话,把之前的node安装包和git安装包也copy一份,主要是node安装包。安装之后的检查安装命令如下:
1 | git --version |
hexo本地全局安装
选择一个磁盘,新建一个文件夹,自己重命名文件夹(如:我的文件夹为:E:\tools\Blog\hexo_butterfly
),博客相关文件将储存在此文件夹下,在该文件夹下右键鼠标,点击 Git Bash Here,输入以下 npm
命令即可安装
命令:
1 | npm install hexo-cli -g |
解释:这个是非常有必要的,没有安装hexo
的话是无法使用hexo
相关命令的
hexo初始化配置
由于我们是第二次初始化hexo
项目并且拥有之前的原项目,我们接下来的步骤也是非常简单。首先将项目copy到指定文件夹,如果你原来使用的node版本与现在一致的话,就不需要删除原 node_modules
和 package-lock.json
,node_modules
里面包含了你之前下载的所有插件,package-lock.json
则是记录安装插件的确切版本,如果node版本不一致会出现兼容性问题,所以要卸载干净。然后就是一定要使用一次的命令,让node检查一下依赖。
1 | npm install |
运行之后,就本地运行一下hexo,看是否正常。
1 | hexo cl |
推送GitHub Pages
如果你重新换个GitHub
账号的话,就需要新建个GitHub Pages
,并且将新SSH在_config.yml
下deploy的repository中的旧SSH替换
配置 SSH
密钥:只有配置好 SSH
密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步,在你指定文件夹里面(如:我的文件夹为:E:\tools\Blog\hexo_butterfly
) Git Bash Here
输入以下命令
1 | ssh-keygen -t rsa -C "750603895@qq.com" |
然后会有一堆东西出来,别管,直接回车到结束为止。然后key就在/c/Users/you/.ssh/id_rsa.pub
目录下了,你直接复制文件全部内容,登录GitHub,进入settings,点击点击 SSH and GPG Keys
,选择 New SSH key,粘贴密钥。完成之后就ok了。