Cloud Studio搭建Hexo

时间 2019-11-08

原文原文链接

Cloud Studio

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

Hexo

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

随时随地搭建？

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

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

建立仓库

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

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

新建工做空间

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

搭建Hexo

生成所需文件

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

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/。