Cloud Studio搭建Hexo

Cloud Studio

Cloud Studio是在线集成开发环境，它提供了完整的 Linux 环境, 而且支持自定义域名指向。IDE 中有近 20 种开发环境，支持一键切换，进度实时保存。

Hexo

快速、简洁且高效的博客框架，Hexo依赖于Node.js，而且使用Markdown解析文章，在几秒内，便可利用靓丽的主题生成静态网页。

随时随地搭建？

咱们都知道，Github、码云、Coding都免费提供了静态网页托管服务，咱们写好的代码上传到托管平台，经过pages服务能够实现外网访问。文章开头所述，Cloud Studio提供了完整的 Linux 环境，而且进度实时保存，咱们只要有浏览器就能够随时开发而且部署，配合Pages服务，不用买服务器，就能够拥有本身的博客系统。

说了这么多，就是想让你们了解一下工做原理，下面让咱们开始吧！

建立仓库

首先，咱们打开腾讯开发者平台)（须要注册腾讯云帐号），点击右上角+号，新建项目。

而后按照图示，开启pages服务。

新建工做空间

打开Cloud Studio)官网，点击新建工做空间，来源选择“腾讯云开发者平台”，项目选择上一步建立的仓库，运行环境选择Hexo。

搭建Hexo

生成所需文件

因为咱们选择的运行环境为Hexo，因此工做空间自带了Node.js、Git，hexo-cli。咱们只须要运行如下命令就能够。

hexo init <folder>
cd <folder>  
npm install

启动服务器

hexo clean
hexo d
hexo s

建立访问连接

经过Cloud Studio右侧栏“访问连接”测试是否成功。

须要注意的是：端口改成4000，选择建立连接，而后点击建立的连接便可访问。

部署到Pages

安装 hexo-deployer-git

npm install hexo-deployer-git --save

修改 _config.yml 参数

打开站点配置文件_config.yml，修改deploy属性。

deploy:
    type: git
    repo: https://gitee.com/giteetop/giteetop.git
    branch: master

repo：你的仓库地址，能够是 Github、 Gitee以及 Coding。

部署

hexo clean
hexo g -d

过程当中输入仓库的帐号和密码，等待提交完成，而后就能够生成静态页面了。

常见问题

若是生成静态页面后，发现页面没有样式了，这是由于使用了域名访问，可是没有配置url路径。
打开站点配置文件_config.yml，修改url和root属性。

# URL

## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

若是您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。