Question

如何使用hexo在coding上

Answer 1

　　创建项目
　　你需要在 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 上了。
　　1 编辑根目录下 _config.yml 文件，我们找到 deploy 这一项，修改如图：
　　2 修改好 _config.yml 文件过后，我们还需要安装 hexo-deployer-git 才能够部署到 Coding 上面。
　　npm install hexo-deployer-git --save
　　接着我们就生成静态页面和把代码 push 到 Coding 上：
　　$ hexo clean
　　$ hexo g
　　$ hexo d

　　注意把代码 push 到 Coding 上之前会让你输入你的 Coding 用户名和密码。

　　如果使用ssh协议需要先配置好公钥。

　　使用Coding演示
　　我们进入演示模式的配置页面里：
　　在开启演示模式之前，会提醒你没有检测到环境，你直接强制开启就可以了。
　　接着我们在高级选项中把运行环境设为 HTML ，部署版本为 master ，设置访问域名。然后应用内存选用 256M 就足够了。
　　最后点击一键部署，等待部署成功就行了。
　　然后你可以访问域名来查看自己是否部署成功了。

　　设置自动部署
　　我们在设置里找到 webhook， 然后点击新建 Hook 、
　　第一个输入框中是填你的博客域名，然后在后面加上 /_ 。
　　第二个输入框是输入一个 token ，我们直接填写 {{TOKEN}} 就可以了。

　　回到演示里，在左边的栏目中找到环境变量,变量名填写为 WEBHOOK_TOKEN ，值为 {{TOKEN}} ，接着重新启动应用就 ok 了！

　　测试自动部署
　　设置好自动部署之后我们要测试一下是否 push 代码的时候就会自动部署。
　　创建一个新的文章（可以什么都不写），然后生成静态页面 push 到仓库去：
　　$ hexo new test
　　$ hexo g
　　$ hexo d
　　我们回到浏览器在输入博客的地址，如果那篇新写好的文章出现在首页了，说明我们自动部署成功了。以后再也不用自己去手动部署一次了！