Windows系统下使用 Hexo+gitee 搭建博客

最近换电脑了，所以要重新搭建博客。记录一下在windows系统下使用Hexo和gitee搭建个人博客的过程！

准备工作

1. node.js安装

   从官网下载对应版本，并进行安装

   

   安装完成后，使用node -v进行测试！

   

2. PicGo安装

   博客搭建一般都会使用图床工具管理图片，并且生成图片外链！小编使用的是gitee作为图床，在此推荐一款非常好用的图床管理工具——PicGo!

   ​ Github主页：https://github.com/Molunerfinn/PicGo

   ​ 下载地址：https://github.com/Molunerfinn/PicGo/releases

   下载并安装好PicGo之后需要安装gitee的插件

   

   至于如何创建gitee图床以及使用PicGo上传图片到gitee上，下文会继续讲解！

3. git安装

   从官网下载git安装包，安装过程选项可以一直默认😂，如果想了解选项的意思可参考文章!

   安装好之后，可以通过 git --version 来测试git是否安装成功！

   

4. Hexo安装

   新建一个等下存放博客文件的文件夹【我的文件夹名字叫zpyblog(D:\database\mydatabase\zpyblog)】

   进入文件夹，右键点击Git Bash Here的选项

   

   输入npm install hexo-cli -g安装Hexo

   

   因为我的文件夹已经安装过Hexo，所以信息显示会这样。

   安装完成后，输入hexo --version查看Hexo时候安装成功

   

博客搭建及部署

1. 进入博客文件夹，右键Git Bash Here，输入hexo init进行初始化。

   其实这时候使用hexo s就可以启动博客并在本地查看博客内容。

2. 注册gitee

   ​ 因为github经常被墙，所以选择国内的gitee平台进行博客搭建！

   ​ 具体的注册过程在此略过！请自行到gitee官网进行注册！

3. 创建用于上传博客文件的仓库

   

4. 配置SSH

   ​ git要远程访问gitee仓库需要私钥（每台电脑都不一样）。

   ​ 输入ssh-keygen -t rsa -C "邮箱"

   

   在C盘用户文件夹下的**.ssh**目录下可以看到 id_rsa 和 id_rsa.pub 两个文件，其中 id_rsa 是私钥，id_rsa.pub 是公钥。

   id_rsa.pub文件如下：

   

   将id_rsa.pub 文件的内容添加到gitee账户的SSH公钥中

   

5. git中添加gitee远程仓库

   • 添加用户名称和电子邮箱

     git config --global user.name "用户名"
     git config --global user.email 邮箱
     

   • 添加远程仓库(博客仓库)

     $ git remote add gitee git@gitee.com:仓库名/博客仓库名.git//添加一个名为 gitee的远程仓库

6. 安装插件

   ​ 输入npm install hexo-deployer-git --save,安装将windows本地文件部署到gitee仓库的插件

7. 修改Hexo配置文件

   ​ 在博客（即刚才创建的blog目录）的根目录找到配置文件_config.yml，直接用电脑的记事本打开即可。找到deploy，并做如下修改：

   

8. 上传本地博客文件

   hexo clean #清空缓存
   hexo g #生成文件
   hexo d #上传
   

   

9. 开启gitee pages服务

   ​ 打开创建的博客仓库，点击服务-pages，开启服务

   ​

   

   博客部署成功！！！点击链接即可访问博客。

   **注意：**每次上传新的博客文件后，需要到gitee pages进行更新，否则博客内容不会更新！

gitee图床

博客一般都是用Markdown来写，博文中常常需要插入图片，所以有一个图床就非常方便。这里使用gitee作为图床，并用PicGo进行图床的管理，配置过程如下：

1. 创建一个用于上传图片的gitee仓库

2. 生成私人令牌（token)用于PicGo的配置

   ​ gitee主页—设置—私人令牌—生成新的令牌

   ​

3. 在PicGo中安装gitee上传插件

   

4. 设置图床

   

5. 使用PicGo上传图片成功后，会自动复制图片外链，直接粘贴即可，非常方便！

更多内容欢迎访问我的博客