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