寫在前面
抱歉讀者們，這篇文章因為時間原因，寫得比較急，所以之前沒有使用Markdown來寫，所以這里，我就更新一下~~
第二期教程已經(jīng)發(fā)布，傳送門：
【Markdown修改版】使用Coding.net來搭建基于Hexo的免費博客（一）
Hexo是什么
Hexo is a fast, simple and powerful blog framework. You write posts inMarkdown(or other languages) and Hexo generates static files with a beautiful theme in seconds.
Hexo 是一款 快速，簡單而強大的博客框架。你可以使用Markdown（或其他語言）撰寫文章，同時，您還可以使用其豐富的主題裝點Hexo。
摘抄自 Hexo 官網(wǎng)
什么是Coding.net
Coding可以說，就是國產(chǎn)的Github，但是，有一個功能使它似乎超越了GitHub...那就是 Web IDE。
Coding WebIDE 是 Coding 自主研發(fā)的在線集成開發(fā)環(huán)境 (IDE)。用戶可以通過 WebIDE 創(chuàng)建項目的工作空間, 進行在線開發(fā), 調(diào)試等操作。同時 WebIDE 集成了 Git 代碼版本控制, 用戶可以選擇 Coding、GitHub、BitBucket、Git@OSC 等任意的代碼倉庫。 WebIDE 還提供了分享開發(fā)環(huán)境的功能, 用戶可以保存當(dāng)前的開發(fā)環(huán)境, 分享給團隊的其他成員。
摘抄自 Coding WebIDE 官網(wǎng)
那么，很多人就會問，為什么Hexo需要在這個平臺上搭建捏？答案很簡單，因為Coding WebIDE為用戶在在線開發(fā)過程中，提供套完整的Ubtuntu系統(tǒng)環(huán)境，用戶可以使用它來進行云端開發(fā)。
Hexo不像其他傳統(tǒng)的博客引擎（如WordPress），Hexo生成的是靜態(tài)頁，當(dāng)您完成寫作后，你可以把其生成的頁面Push到代碼托管平臺上，并開啟靜態(tài)演示，您的粉絲就可以訪問并查看到您撰寫的文章。但是，Hexo也有一個非常重要的缺點——必須在同一臺主機上生成靜態(tài)頁，這就會導(dǎo)致如果您在外地，將無法快速發(fā)布文章，所依使用Coding.net的在線開發(fā)環(huán)境就可以解決這一問題了。
一、準(zhǔn)備工作
首先，去Coding.net官網(wǎng)注冊一個賬號，接著，點擊“+ 創(chuàng)建項目”,創(chuàng)建一個新項目。
要求：
- 項目名稱和簡介隨意
- 項目類型選擇“私有”
- 勾選“使用README.md初始化項目”
接著，我們傳送到Coding WebIDE，單擊“+ 新建工作空間”。
隨后，單擊“同步倉庫”，等待同步倉庫完成。
接著，點開我們剛剛創(chuàng)建的項目。
哦，對了，webIDE是部分收費的，但是不用著急，官方提供了如下方式免費獲得其網(wǎng)站虛擬幣——碼幣，且Coding在注冊后會送給用戶一些碼幣，足以讓IDE跑起來啦！
好了，言歸正傳，我們創(chuàng)建IDE。配置不變，直接鼠標(biāo)拉到最底下，單擊“創(chuàng)建”，這時候，空間創(chuàng)建完畢，點開創(chuàng)建完成的工作空間。
WOW超酷誒！全屏正有種帶GUI的Linux的既視感~
Hexo是基于Nodejs的，所以我們將運行環(huán)境切換為Nodejs。
單擊“使用”后，再單擊確定。然而，貌似并沒有發(fā)生什么......
下面，我們單擊“終端”來打開終端【酷斃了】
二、正式開始
(⊙o⊙)…我是不是上面寫的太詳細(xì)了？？我真是大好人（zi lian kuang）
進入正式安裝步驟，首先，我們在終端中輸入
sudo npm install -g hexo-cli
安裝進程，就會全自動完成【這是重要的一步，有問題可以向我發(fā)評論?！?/p>
如果安裝結(jié)果如下圖，安裝就成功了
接著，我們創(chuàng)建一個文件夾用于存放文章與設(shè)置。
mkdir hexo
然后，使用init命令初始化博客。
cd hexo
sudo hexo init
初始化進程需要安裝一些輔助插件，所以比安裝的時候慢，需要耐心等待...
等待初始化進程完成后，安裝進程就正式完成啦~~~~
我們首先先解鎖一下配置文件（將所有文件提權(quán)至777）
sudo chmod -R 777 *
接著，我們可以暫時關(guān)閉終端，編輯一下博客的設(shè)置,依次打開文件樹中的目錄 項目名->hexo->_config.yml
這時，我們就可以在編輯窗口中編輯屬性。
title為標(biāo)題，subtitle小標(biāo)題【可不填】，author作者，language語言【可不填】，timezone時區(qū)【可不填】。
我做了如下修改:
title: Xiaooolanlub
subtitle: xiaolan's Blog
description:
author: Xiaolan
language:
timezone:
修改完成之后別忘了保存。
接著我們可以使用以下命令來開啟本地服務(wù)器：
hexo server
然后，我們就可以通過單擊右上角的訪問鏈接，將端口設(shè)置為4000來訪問網(wǎng)站。
是不是非常的酷？
測試成功了，那么我們先在終端中按Ctrl+C退出，然后按下訪問鏈接中的垃圾桶來銷毀端口。
那么大家剛才也看到了，IDE中的訪問鏈接是測試用途，長且有時間限制，一看就非常不嚴(yán)謹(jǐn)，所以，我們要學(xué)會把博客Push到托管平臺中。
那么，首先，我們先要安裝Hexo Git插件以至于可以將靜態(tài)頁推送到托管平臺上。
sudo npm install hexo-deployer-git --save
安裝完成之后，我們配置一下_config.yml文件。
修改一下最下面的deploy：
將
deploy:
type:
修改為
deploy:
type: git
repo: [倉庫地址]
branch: master
message: blog update
注：倉庫地址可以在您的項目主頁找到。
我填入了repo：
deploy:
type: git
repo: https://git.coding.net/weilantian/HexoDemo.git
branch: master
message: blog update
隨后，我們就可以將博客推送到代碼托管平臺了，最終端中使用這個命令：
sudo hexo deploy
和往常的推送操作一樣，終端會要求用戶輸入用戶名與密碼。
這時，我們前往項目托管代碼頁，就可以看到推送過來的文件了。
下面，我們開啟靜態(tài)頁服務(wù)（Pages）。
只需要單擊頁面上的“Pages服務(wù)”，設(shè)置部署分支為master，然后單擊“立即開啟”，就可以訪問啦！
等等，為什么樣式加載不出來了？？很簡單，這是因為Html處理請求的時候認(rèn)為，您的域名為根，所以無法訪問，最好的解決辦法，就是綁定一個自己的域名，這里我就不講了，相信大家都會，如果有需要，我會在下一篇文章介紹如何注冊并綁定自己的域名。
三、添加、刪除、編輯文章
1、創(chuàng)建文章
打開終端，以如下格式敲入命令：
sudo hexo new <文章名稱>
這樣，我們就創(chuàng)建了一篇文章。
可以在目錄source->_posts中找到，并編輯【警告：文章名稱為文章的英文名，不知此中文，中文名可以在Markdown文件中設(shè)置】。
這里，我創(chuàng)建了一篇名稱為heisky的文章：
在編輯這篇文章之前，我們需要對文件進行提權(quán)：
cd source/_posts
sudo chmod -R 777 *
隨后，我們可以先設(shè)置標(biāo)題、發(fā)布日期以及標(biāo)簽。
接著，使用Markdown語法在編輯內(nèi)容：
完成之后，我們需要更新博客，再次推送到代碼托管平臺：
sudo hexo generate --deploy
再次訪問就可以看到新的文章啦~
2、刪除文章
刪除之后使用更新博客命令，就可以看到效果。
sudo hexo generate --deploy
3、更新文章
只需要修改文章內(nèi)容，然后使用同上命令更新發(fā)布即可：
sudo hexo generate --deploy
前往第二期》》
繼續(xù)學(xué)習(xí)第二期關(guān)于域名綁定，資源404的解決方案等的解決方案...
【Markdown修改版】使用Coding.net來搭建基于Hexo的免費博客（一）
