用GitHub或码云搭建Hexo博客

用GitHub或码云搭建一个Hexo博客

电脑上安装Git+Node.js

1. Git下载地址：https://git-scm.com/

2. Node.js下载地址：https://nodejs.org/en/

3. 下载后安装（安装教程在网上找，这里不再详细说明）

4. 配置环境变量，两个都要配置(如图所示)

   

5. 打开cmd输入命令检查是否安装成功（图示为成功）：

   • node -v 查看node版本
   • npm -v 查看npm版本
   • git -version 查看git版本

在本地仓库安装Hexo框架

1. 切换为淘宝镜像（下载速度较快），输入命令行回车

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   

   

2. 安装Hexo框架

   npm install hexo-cli -g
   

   

3. 创建博客目录并进入该目录（文件夹名随意设定）

   hexo init 文件夹名
   cd 文件夹名
   

   

4. 在该目录安装npm

   npm install
   

   

5. 启动hexo框架

   hexo server
   

   

6. 打开浏览器输入localhost:4000查看本地Hexo博客

   

创建GitHub仓库或者码云仓库（注册流程在网上找，这里以码云为例）

1. 创建仓库，仓库名必须和用户名一致，其他按照默认，直接创建

   

2. 打开cmd，添加Git本地用户

   git config --global user.name "Git用户名"
   git config --global user.email "Git绑定的邮箱"
   

   

3. 申请Sky秘钥

   ssh-keygen -t rsa -C "Git绑定的邮箱"
   输入完这一行一路回车，直到如下图所示
   

   

4. 打开如图所示路径下的.pub文件，选择用文本格式打开

   

5. 复制Sky秘钥添加到GitHub或者码云

   

将本地仓库与远程仓库连接

1. 在你上面创建的文件夹里打开cmd，输入安装命令

   npm install hexo-deployer-git --save
   

   

2. 初始化仓库（如果你创建的时候已经初始化，请忽略这一步）

   • 打开GitHub或者码云

   • 打开仓库-管理，点击初始化

     

3. 点击Gitee pages服务，开启强制Https，操作如图（这里以码云为例）

   

4. 复制生成的仓库连接

   

5. 修改博客目录下的_config.yml文件

   

6. 文件最下面修改为如图所示

   

7. 文件最上面修改博客默认语言和博客地址

   

8. 保存

部署Hexo框架到远程仓库

1. 在你的博客目录下打开cmd，输入命令

   hexo cl		清理缓存
   hexo g		刷新博客文章
   hexo s		开启本地映射 ##为了在本地检查文章，该步骤可以跳过，该命令按Ctrl+C结束
   hexo d		将本地博客上传到远程仓库，第一次上传会让你输入GitHub或码云的账号密码
   

   

   

2. 等待上传完成，打开Gitee pages，更新Https内容（每次上传文件后都要执行这一步）

   

3. 打开生成的网站地址，查看博客是否能打开，此时博客已经搭建完成

   • 若上传文件并点击更新后发现博客内容没变，请按Ctrl+F5强制刷新网页

   • 部分电脑是按Fn+Ctrl+F5强制刷新

     

本地创建文章

1. 在你创建的博客文件夹下打开cmd，输入命令

   hexo new 文章标题
   

   

2. 打开生成的md文件，写博客内容

   

3. 写完文章保存，可以先映射到本地查看效果，然后再上传到远程仓库

   hexo cl	&& hexo g && hexo d		一键上传到远程仓库
   hexo cl && hexo g && hexo s		一键开启本地映射
   

总结

• 搭建在远程仓库的Hexo框架为静态网页的格式存在，在浏览器上有缓存，不方便更新
• 更换博客主题点击https://hexo.io/themes/ 每个主题都有详细的使用说明
• 每次上传之后都要点击Gitee pages进项Https更新