还没有自己的个人博客? 来手把手教你用Gitee+Hexo搭建只属于你的世界~（一） ❤️

分手后的思念是犯贱 2022-10-19 08:08 36阅读 0赞

## 一.搭建环境 ##

以下是博客搭建的环境地址，具体的安装流程可以自行百度。

**1、Git: [https://git-scm.com/][https_git-scm.com]**

**2、Node.js: [https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn]**

**3、Typora: [https://www.typora.io/][https_www.typora.io]**

**4、PicGo: [https://github.com/Molunerfinn/PicGo/releases][https_github.com_Molunerfinn_PicGo_releases]**

**5、Gitee: [https://gitee.com][https_gitee.com]/**

## 二.创建项目 ##

以下是创建项目的流程，我这里不在具体的讲解，网上的教程有很多，我用的主题是：hexo-theme-matery，可以自行下载配置，这里不多介绍。

可以参考以下文章进行创建项目，这个是用next主题搭建的：

[https://mooongod.gitee.io/blog/2021/04/07/gitee-page-hexo-next%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/\#more][https_mooongod.gitee.io_blog_2021_04_07_gitee-page-hexo-next_E6_90_AD_E5_BB_BA_E4_B8_AA_E4_BA_BA_E5_8D_9A_E5_AE_A2_more]

## 三.博客图片存储解决 ##

在我们写博客中肯定会用到大量的图片来解释说明文章或者某个操作步骤，这时大量的图片都放到项目中，导致项目占用大量的空间，也不方便管理，所以采用gitee统一管理存储图片，我们在博客中直接引用网络地址即可。

### 1、下载PicGo ###

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

> 下载安装好，搜索安装插件：github-plus

![安装插件][774dc6d122a7a97146aa1d121152ea66.png]

接下来打开配置这个窗口，先不用填，我们去gitee上新建一个仓库。

![配置githubPlus的窗口][githubPlus]

### 2、创建图床仓库 ###

> 打开码云，点击新建仓库

![新建存储图片的仓库][3943ae5b0ffd3b7faec793e44b2101ec.png]

然后需要申请私人令牌

> 在使用[GitHub API][]或命令行时，可使用个人访问令牌 (PAT) 代替密码向 GitHub 进行身份验证。

\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1vzSpXtu-1625889016702)(https://gitee.com/xyhwh/pic/raw/master/20210526164143.png)\]

选择以下这两个即可

![配置私人令牌][ecc8cf3c5a7f0c7752a16d4e936fd083.png]

> 输入密码后保存生成的令牌

![复制生成的私人令牌码][e9576127f610a80a710065e9b88d105d.png]

### 3、配置PicGo ###

![配置PicGo][PicGo]

![勾选图床][6c608f89520d7a9b64747e538501fcd4.png]

### 4、测试是否配置成功 ###

![image-20210526165412381][]

![上传成功提示][8837b5fcba52be8e753956bdf174cea5.png]

## 四、配置Typora ##

> 进入 typora 选择->偏好设置->图像

![配置typora图片上传][typora]

![验证上传][61a0013b3006ead97f5abb1636d65c4d.png]

> 以后往 typora 中插入图片，图片会自动上传到 gitee 图床，并且图片地址自动改为图床地址

此时，博客图片存储的所有工作都结束了，有问题可以在关于那一栏中联系我！或者关注我的微信公众号\*\*“*码上言*”\*\*获得更多的学习资料。

![微信公众号：码上言][26e793d93499cb2c2afa75ea987e42a3.png]

[https_git-scm.com]: https://git-scm.com/
[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[https_www.typora.io]: https://www.typora.io/
[https_github.com_Molunerfinn_PicGo_releases]: https://github.com/Molunerfinn/PicGo/releases
[https_gitee.com]: https://gitee.com
[https_mooongod.gitee.io_blog_2021_04_07_gitee-page-hexo-next_E6_90_AD_E5_BB_BA_E4_B8_AA_E4_BA_BA_E5_8D_9A_E5_AE_A2_more]: https://mooongod.gitee.io/blog/2021/04/07/gitee-page-hexo-next%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/#more
[774dc6d122a7a97146aa1d121152ea66.png]: /images/20221005/5cfa6cc7a39346848d71573f4b775a9e.png
[githubPlus]: /images/20221005/73f03a42539e46e6b9c743cf1f35166d.png
[3943ae5b0ffd3b7faec793e44b2101ec.png]: /images/20221005/8a413cfc927d4c8f8549cebd3f948bb2.png
[GitHub API]: https://docs.github.com/cn/v3/auth/#via-oauth-and-personal-access-tokens
[ecc8cf3c5a7f0c7752a16d4e936fd083.png]: /images/20221005/e6b1eba04c9b47d789dd85514354da41.png
[e9576127f610a80a710065e9b88d105d.png]: /images/20221005/468b518e84654b88aa1f751b2c1deb78.png
[PicGo]: /images/20221005/5ffda77e09b54bafacc5021590161d22.png
[6c608f89520d7a9b64747e538501fcd4.png]: /images/20221005/7a02be07468a4e178befc68ac8fa3e98.png
[image-20210526165412381]: /images/20221005/14d611273d104213938f785571a4589e.png
[8837b5fcba52be8e753956bdf174cea5.png]: /images/20221005/b1811c693e564d8186132cc0f04701ee.png
[typora]: /images/20221005/10f9a4e93e974f43b3a5946e175ff105.png
[61a0013b3006ead97f5abb1636d65c4d.png]: /images/20221005/cf6a398d37024825b706d6fcbd0877db.png
[26e793d93499cb2c2afa75ea987e42a3.png]: /images/20221005/abd300379e664c1d92012d13abfcfd06.png