通过Github搭建Hexo博客,实现远程访问博客

本文最后更新于:2022年1月6日 晚上

所需工具


安装Hexo

1. 安装完所需工具后,打开CMD,依次查询工具的版本号:

1
2
3
4
5
node -v #查看node版本

npm -v #查看npm版本

git -v #查看git版本

2. 安装hexo,在CMD窗口中输入:

1
npm install -g hexo-cli

3. 等待安装完成后,输入以下命令查看hexo的版本:

1
hexo -v #查看hexo版本
  • 此处大概率会显示查询不到版本号,需要手动添加hexo的目录到环境变量中,我的nodejs安装在D盘,所以hexo的安装目录在D:\nodejs\node_global,只需要把这个路径添加到Windows的环境变量中即可。

搭建本地博客

1. 在本地新建一个Blog文件夹,在该目录下右键,打开CMD,依次输入:

1
2
3
hexo init #初始化本地博客

hexo s #开启本地服务,就可以在浏览器中输入http://localhost:4000/,即可查看本地博客

使用Github,实现远程访问博客

1. 创建远程访问仓库:

登录Github,新建一个Repositories,在Repository name中输入:Your_Github_Name.github,io,点击Create repository即可。

2. 安装Hexo的Git部署工具,在CMD中输入:

1
npm install --save hexo-deployer-git

3. 安装完成后,打开博客根目录的_config.yml,拉到最下面,修改最后几行为:

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: #你的Github仓库地址
branch: master

4. 将本地博客部署到Github上,实现远程访问:

1
hexo d

期间可能需要输入你的Github用户名和密码,输入后即可将本地博客同步到Github

5. 修改Github远程网页显示分支:

访问你的Github仓库,点击步骤1新建的远程访问仓库,点击上方选项卡中的Settings,在左侧选项卡中,点击Pages,在Source下点击Branch:main选项框,选择master分支,点击右侧Save按钮即可。

完成上述步骤,即可实现远程访问博客,博客地址为:https://Your_Github_Name.github.io

补充内容:

每次修改本地博客后,需要hexo clean清理一下本地缓存,然后使用hexo g重新生成本地博客,生成后输入hexo s在浏览器中查看修改是否正常,确认无误后,使用hexo d同步到Github,即可完成同步。


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 协议 ,转载请注明出处!