hexo+gitee搭建个人博客

导语：

作为一个未来计算机行业的从事者，写博客是一个很有益处的事情。博客可以记录我们的学习历程，分享学习知识，也可以加深对技术的理解，坚持写博客的同时也是一件很有成就感的事情。相比于常见的博客工具，一些存在着大量的广告，一些是简陋的界面。这时，个人博客的优点便得以突出。今天和大家分享一下使用gitee+hexo来搭建个人博客。

hexo是什么？

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。我们使用hexo来作为我们博客的框架。

gitee是什么？

码云Gitee 是开源中国社区2013年推出的基于 Git 的代码托管服务，目前已经成为国内最大的代码托管平台，致力于为国内开发者提供优质稳定的托管服务。Gitee 除了提供最基础的 Git 代码托管之外，还提供代码在线查看、历史版本查看、Fork、Pull Request、打包下载任意版本、Issue、Wiki 、保护分支、代码质量检测、PaaS项目演示等方便管理、开发、协作、共享的功能。我们利用gitee来实现将网页部署在互联网上。

为什么使用gitee?

目前国内访问GitHub速度慢，还可能被墙，所以Gitee来构建个人博客。Gitee类似国内版的GitHub，访问速度有保证。

环境配置

1 .注册gitee账号，访问 https://gitee.com/ ，从首页右上角点击「注册」或点击「加入码云」即可注册个人账号。
2 .安装Git，git是一个版本控制工具，国外镜像下载巨慢，建议使用淘宝 Git for Windows 镜像 https://npm.taobao.org/mirrors/git-for-windows/ 下载git 安装包。按提示逐步安装即可，安装完成后右键菜单中出现Git Bash和Git GUI菜单表明安装成功，如下图所示。

3. 安装Node.js，通过访问 https://nodejs.org/zh-cn/ ,根据提示安装node.js
4. 推荐使用visual studio code，访问https://code.visualstudio.com/Download ，选择合适的版本安装。vscode自带的有终端，对不熟悉git操作的小白很友好，同时vscode可以进行配置文件的修改。
博客本质上是一个资源目录，包含了页面文本和各种配置文件 ，我们要在本地建立一个存储个人网站的目录，如命名为Hexo

hexo的安装与基本配置

准备工作结束后，我们可以安装网站的框架了。找到我们的Hexo文件，右键选择通过code打开(没有的同学可以将Hexo文件拖进vscode进行打开)。点击vscode上面的终端，选择新终端，输入命令 npm install hexo -g,等待安装完毕。
然后初始化一个网站，输入命令hexo init myblog,(myblog为示例)安装完毕后会自动生成一个myblog的文件，

里面包含了这些文件，其中themes文件夹是来配置主题的，_congig.yml是来配置博客信息的。
E:\Hexo> cd myblog 输入cd myblog命令进入到myblog文件夹
E:\Hexo\myblog> hexo server输入hexo server命令可以得到博客的预览，点击即可预览博客。

主题配置

我们可以看到，hexo自带的主题不好看，我们可以更改博客的主题，选择一个我们喜欢的。https://hexo.io/themes/ ，我以butterfly主题为例。首先，我们将这个主题从网上克隆到本地
git clone -b master https://gitee.com/a_liao/butterfly,
然后我们打开_congig.yml

修改theme为butterfly，再次使用hexo server命令就可以看到新主题的博客了

网站部署

登录自己的gitee账号，选择新建仓库，创建完成后，复制项目地址将type修改为git,repo修改为自己的项目地址，branch修改为master。
注意：冒号后面一定要有空格，否则不能正确识别。

修改url和root

在终端输入hexo deploy命令，完成之后打开我们刚才创建的仓库，我们会发现文件已经上传到了仓库之中，在项目的服务中选择Pages选项，选择 master分支，点击 部署/更新

我们的博客就成功部署了，稍等一会儿博客就发布成功啦，访问博客地址 http://a_liao.gitee.io/blog/ ，就可预览在线博客啦！！！

博客配置

现在我们完成了博客基本配置，想要博客变得更加完整，更加漂亮话，我们还需要进行一些其他的配置，这一部分可以参考butterfly主题的使用说明，进行修改 。https://demo.jerryc.me/posts/21cfbf15/#%E5%AE%89%E8%A3%9D

博客书写

在终端输入命令hexo new title，我们可以在blog/source/_posts/看到我们创建的新文章。文章是使用markdown格式进行书写，书写后在终端输入hexo clean,hexo deploy命令，然后在仓库界面进行部署更新就ok啦！！！
至此，我们的博客就搭建完毕了，小伙伴，快来搭建你的个人博客吧！