在Coding上搭建Hexo个人博客：完整指南

在这篇文章中，我们将探讨如何利用Coding平台搭建Hexo个人博客。最近在玩Coding的你，想要搭建一个静态博客而不花费额外的域名和服务器费用吗？那就跟着下面的步骤来尝试搭建一下自己的个人博客吧！

创建项目

首先，在Coding上新建一个项目，项目名称可以随意取，比如“chenlianjiang”。填写项目名称、描述、设置属性并初始化文件，最后点击“创建项目”。

安装博客

在本地选择一个文件夹来安装Hexo：`$ hexo init chenlj-hexo-blog`。进入目录文件夹后，使用`npm install`命令安装`package.json`里需要的依赖。接着，为了预览博客样式，需安装Hexo Server：`$ npm install hexo-server --save`。安装完成后，在命令行中执行`hexo server`，在浏览器中输入localhost:4000即可查看自己的博客。

Hexo全局配置

当在本地成功预览博客后，需要将其部署到Coding上。首先，在根目录下编辑`_config.yml`文件，找到`deploy`项进行修改。然后安装`hexo-deployer-git`插件以便部署到Coding：`npm install hexo-deployer-git --save`。之后生成静态页面并将代码推送到Coding上：`$ hexo clean`, `$ hexo g`, `$ hexo d`。在推送代码至Coding之前会要求输入Coding用户名和密码，若使用SSH协议则需配置公钥。

使用Coding演示

进入演示模式配置页面，在高级选项中设置运行环境为HTML，部署版本为master，并设置访问域名。应用内存选择256M即可。点击一键部署，等待部署成功后，即可通过访问域名查看部署结果。

设置自动部署

在设置中找到webhook，点击新建Hook，在第一个输入框中填写博客域名后加上`/_`，第二个输入框填写token为`{{TOKEN}}`。在演示页面中，添加环境变量，变量名为WEBHOOK_TOKEN，值为`{{TOKEN}}`，重新启动应用即可完成设置。

测试自动部署

设置完自动部署后，测试是否在推送代码时会自动部署。创建一个新文章（内容可为空），生成静态页面并推送至仓库：`$ hexo new test`, `$ hexo g`, `$ hexo d`。在浏览器中输入博客地址，若新文章出现在首页，则说明自动部署设置成功。从此以后，再也不需要手动部署了！

通过以上步骤，你可以在Coding上轻松搭建并自动部署Hexo个人博客，享受写作与分享的乐趣！

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。