Hexo 搭建博客

1.0准备工作

  • 先准备要一会要用到的工具

官方网址:Git https://git-scm.com/

这边已经准备好了(也可以自己去官方下载):Git-2.40.0-64-bit.exe https://down.lccicc.com/down/hexo/Git-2.40.0-64-bit.exe

官方网址:Node.js https://nodejs.org/en

这边已经准备好了(也可以自己去官方下载):node-v18.16.0-x64.msi https://down.lccicc.com/down/hexo/node-v18.16.0-x64.msi

官方网址:Github https://github.com

Github去注册一个账号就好 Github

2.0工具安装

2.1 安装Git

  1. 安装就不讲了,傻瓜式安装就好
  2. 安装完成之后就需要配置
1
2
git config --global user.name "you_name"	// you_name 为你的用户名
git config --global user.email "you_email" // you_email 为你的邮箱 邮箱需要与Github邮箱一致
  1. 检查是否配置成功
1
git config -l	// 查看所有配置信息

2.2Git常用命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
git init                                                  # 初始化本地git仓库(创建新仓库)
git config --global user.name "xxx" # 配置用户名
git config --global user.email "xxx@xxx.com" # 配置邮件
git config --global color.ui true # git status等命令自动着色
git config --global color.status auto
git config --global color.diff auto
git config --global color.branch auto
git config --global color.interactive auto
git config --global --unset http.proxy # remove proxy configuration on git
git clone git+ssh://git@192.168.53.168/VT.git # clone远程仓库
git status # 查看当前版本状态(是否修改)
git add xyz # 添加xyz文件至index
git add . # 增加当前子目录下所有更改过的文件至index
git commit -m 'xxx' # 提交
git commit --amend -m 'xxx' # 合并上一次提交(用于反复修改)
git commit -am 'xxx' # 将add和commit合为一步
git rm xxx # 删除index中的文件
git rm -r * # 递归删除
git log # 显示提交日志
git log -1 # 显示1行日志 -n为n行
git log -5
git log --stat # 显示提交日志及相关变动文件
git log -p -m
git show dfb02e6e4f2f7b573337763e5c0013802e392818 # 显示某个提交的详细内容
git show dfb02 # 可只用commitid的前几位
git show HEAD # 显示HEAD提交日志
git show HEAD^ # 显示HEAD的父(上一个版本)的提交日志 ^^为上两个版本 ^5为上5个版本
git tag # 显示已存在的tag
git tag -a v2.0 -m 'xxx' # 增加v2.0的tag
git show v2.0 # 显示v2.0的日志及详细内容
git log v2.0 # 显示v2.0的日志
git diff # 显示所有未添加至index的变更
git diff --cached # 显示所有已添加index但还未commit的变更
git diff HEAD^ # 比较与上一个版本的差异
git diff HEAD -- ./lib # 比较与HEAD版本lib目录的差异
git diff origin/master..master # 比较远程分支master上有本地分支master上没有的
git diff origin/master..master --stat # 只显示差异的文件,不显示具体内容
git remote add origin git+ssh://git@192.168.53.168/VT.git # 增加远程定义(用于push/pull/fetch)
git branch # 显示本地分支
git branch --contains 50089 # 显示包含提交50089的分支
git branch -a # 显示所有分支
git branch -r # 显示所有原创分支
git branch --merged # 显示所有已合并到当前分支的分支
git branch --no-merged # 显示所有未合并到当前分支的分支
git branch -m master master_copy # 本地分支改名
git checkout -b master_copy # 从当前分支创建新分支master_copy并检出
git checkout -b master master_copy # 上面的完整版
git checkout features/performance # 检出已存在的features/performance分支
git checkout --track hotfixes/BJVEP933 # 检出远程分支hotfixes/BJVEP933并创建本地跟踪分支
git checkout v2.0 # 检出版本v2.0
git checkout -b devel origin/develop # 从远程分支develop创建新本地分支devel并检出
git checkout -- README # 检出head版本的README文件(可用于修改错误回退)
git merge origin/master # 合并远程master分支至当前分支
git cherry-pick ff44785404a8e # 合并提交ff44785404a8e的修改
git push origin master # 将当前分支push到远程master分支
git push origin :hotfixes/BJVEP933 # 删除远程仓库的hotfixes/BJVEP933分支
git push --tags # 把所有tag推送到远程仓库
git fetch # 获取所有远程分支(不更新本地分支,另需merge)
git fetch --prune # 获取所有原创分支并清除服务器上已删掉的分支
git pull origin master # 获取远程分支master并merge到当前分支
git mv README README2 # 重命名文件README为README2
git reset --hard HEAD # 将当前版本重置为HEAD(通常用于merge失败回退)
git rebase
git branch -d hotfixes/BJVEP933 # 删除分支hotfixes/BJVEP933(本分支修改已合并到其他分支)
git branch -D hotfixes/BJVEP933 # 强制删除分支hotfixes/BJVEP933
git ls-files # 列出git index包含的文件
git show-branch # 图示当前分支历史
git show-branch --all # 图示所有分支历史
git whatchanged # 显示提交历史对应的文件修改
git revert dfb02e6e4f2f7b573337763e5c0013802e392818 # 撤销提交dfb02e6e4f2f7b573337763e5c0013802e392818
git ls-tree HEAD # 内部命令:显示某个git对象
git rev-parse v2.0 # 内部命令:显示某个ref对于的SHA1 HASH
git reflog # 显示所有提交,包括孤立节点
git show HEAD@{5}
git show master@{yesterday} # 显示master分支昨天的状态
git log --pretty=format:'%h %s' --graph # 图示提交日志
git show HEAD~3
git show -s --pretty=raw 2be7fcb476
git stash # 暂存当前修改,将所有至为HEAD状态
git stash list # 查看所有暂存
git stash show -p stash@{0} # 参考第一次暂存
git stash apply stash@{0} # 应用第一次暂存
git grep "delete from" # 文件中搜索文本“delete from”
git grep -e '#define' --and -e SORT_DIRENT
git gc
git fsck

2.3安装Node.js

  1. 安装就不讲了,傻瓜式安装就好

  2. 下载npm源,默认是从国外下载的,比较慢,那我们就改成淘宝镜像源,cmd窗口输入

1
npm config set registry https://registry.npm.taobao.org

2.4安装Hexo

  1. 随便找一个文件夹,桌面也可以,右键选择Git Bash Here粘贴
1
npm install -g hexo-cli		// 复制快捷键是 Ctrl+ins	粘贴快捷键是 Shift+ins

2.5检查安装

  1. 安装完成需要的工具,检查是否都安装成功了
1
2
3
git -version	// Git	出现版本信息就好
node -version // Node 出现版本信息就好
hexo -version // Hexo 出现版本信息就好

3.0连接到Github

  1. 注册Github,官方网址放在上面了注册一下就好

  2. 新建一个仓库,右上角+号新建仓库

    Github新建仓库

  3. 填写仓库信息

    1. 注意命名 Repository name 必须是 <you_name>.github.io <you_name> 是你的Github用户名

    2. 描述-Description-可填可不填

    3. 仓库权限必须是 Public 公共显示

    4. 最后-Description-创建储存库就好了

      我的显示为红色的是因为我已经有这个仓库了,所以不能命名为 LiCheng99.github.io

  4. 生成ssh公钥,这个公钥是你的电脑连接Github的重要工具

    1. 随便找一个文件夹,桌面也可以,右键选择Git Bash Here粘贴
    1
    ssh-keygen -t rsa -C "you_email"	// you_email 为你的邮箱
    1. 接着就会生成一个名为 id_rsa.pub 的文件,路径是 C:\Users\<you_user>\.ssh 为你电脑的用户名,用记事本打开,ctrl+a 全选复制
    2. 回到Github右上角头像下拉选择框里面的 Settings

    Github-Settings

  5. 找到左侧导航栏的 SSH and GPG keys 右上角 New SSH key 添加ssh公钥

    Github-key

  6. 添加ssh公钥就好了

    github-addkey

  7. 添加完成,测试连接,Git Bash Here 输入

1
ssh -T git@github.com

4.0初始化Hexo

  1. 进入你博客的文件夹根目录,例: D:\hexo-blog 鼠标右键 Git Bash Here 执行
1
hexo init
  1. 输入 npm i 安装相关依赖
1
npm i
  1. 最后输入 hexo s 启动项目
1
hexo s
  1. 访问 http://localhost:4000/ 就看到已经在本地部署成功了

5.0本地部署到Github Pages

  1. 安装hexo-deployer-git
1
npm install hexo-deployer-git --save
  1. 修改博客根目录下的 _config.yml 文件

    1. 往下翻,一般在最后面

      _config.yml

    2. repository: 后面跟着你Github仓库的地址,去Github仓库里面复制

      github-link

    3. branch:main 就好

    4. 以上都做好之后开始上传到Github Pages

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    hexo clean
    hexo generate
    hexo deploy
    -------------------------------------美丽的分割线------------------------------------------
    hexo clean && hexo generate && hexo deploy // 连起来也可以 这个是 Git Bash Here 终端
    -------------------------------------美丽的分割线------------------------------------------
    hexo clean
    hexo generate
    hexo deploy
    -------------------------------------美丽的分割线------------------------------------------
    hexo clean; hexo generate; hexo deploy // 连起来也可以 这个是 Vscode 终端
    -------------------------------------美丽的分割线------------------------------------------

    成功后访问你的Github仓库名就好啦,没成功就多试几次,挂梯子会好一点,因为是国外的

希望本文能够帮助读者更好地搭建出Hexo博客。