寫在前面

抱歉讀者們吨述，這篇文章因?yàn)闀r(shí)間原因具伍，寫得比較急，所以之前沒(méi)有使用Markdown來(lái)寫磕瓷，所以這里盒齿，我就更新一下~~

第二期教程已經(jīng)發(fā)布，傳送門：
【Markdown修改版】使用Coding.net來(lái)搭建基于Hexo的免費(fèi)博客（一）

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 是一款 快速困食，簡(jiǎn)單而強(qiáng)大的博客框架边翁。你可以使用Markdown（或其他語(yǔ)言）撰寫文章，同時(shí)硕盹，您還可以使用其豐富的主題裝點(diǎn)Hexo符匾。
摘抄自 Hexo 官網(wǎng)

什么是Coding.net

Coding可以說(shuō)，就是國(guó)產(chǎn)的Github，但是，有一個(gè)功能使它似乎超越了GitHub...那就是 Web IDE肃拜。

Coding WebIDE 是 Coding 自主研發(fā)的在線集成開(kāi)發(fā)環(huán)境 (IDE)。用戶可以通過(guò) WebIDE 創(chuàng)建項(xiàng)目的工作空間, 進(jìn)行在線開(kāi)發(fā), 調(diào)試等操作焰坪。同時(shí) WebIDE 集成了 Git 代碼版本控制, 用戶可以選擇 Coding、GitHub聘惦、BitBucket某饰、Git@OSC 等任意的代碼倉(cāng)庫(kù)。 WebIDE 還提供了分享開(kāi)發(fā)環(huán)境的功能, 用戶可以保存當(dāng)前的開(kāi)發(fā)環(huán)境, 分享給團(tuán)隊(duì)的其他成員善绎。
摘抄自 Coding WebIDE 官網(wǎng)

那么黔漂，很多人就會(huì)問(wèn)，為什么Hexo需要在這個(gè)平臺(tái)上搭建捏禀酱？答案很簡(jiǎn)單炬守，因?yàn)镃oding WebIDE為用戶在在線開(kāi)發(fā)過(guò)程中，提供套完整的Ubtuntu系統(tǒng)環(huán)境剂跟，用戶可以使用它來(lái)進(jìn)行云端開(kāi)發(fā)减途。

Hexo不像其他傳統(tǒng)的博客引擎（如WordPress）酣藻，Hexo生成的是靜態(tài)頁(yè)，當(dāng)您完成寫作后观蜗，你可以把其生成的頁(yè)面Push到代碼托管平臺(tái)上臊恋，并開(kāi)啟靜態(tài)演示衣洁，您的粉絲就可以訪問(wèn)并查看到您撰寫的文章墓捻。但是，Hexo也有一個(gè)非常重要的缺點(diǎn)——必須在同一臺(tái)主機(jī)上生成靜態(tài)頁(yè)坊夫，這就會(huì)導(dǎo)致如果您在外地砖第，將無(wú)法快速發(fā)布文章，所依使用Coding.net的在線開(kāi)發(fā)環(huán)境就可以解決這一問(wèn)題了环凿。

一梧兼、準(zhǔn)備工作

首先，去Coding.net官網(wǎng)注冊(cè)一個(gè)賬號(hào)智听，接著羽杰，點(diǎn)擊“+ 創(chuàng)建項(xiàng)目”,創(chuàng)建一個(gè)新項(xiàng)目。
要求：

• 項(xiàng)目名稱和簡(jiǎn)介隨意
• 項(xiàng)目類型選擇“私有”
• 勾選“使用README.md初始化項(xiàng)目”

創(chuàng)建項(xiàng)目完成

接著到推，我們傳送到Coding WebIDE考赛，單擊“+ 新建工作空間”。

新建工作室空間

隨后莉测，單擊“同步倉(cāng)庫(kù)”颜骤，等待同步倉(cāng)庫(kù)完成。

“同步倉(cāng)庫(kù)”按鈕

接著捣卤，點(diǎn)開(kāi)我們剛剛創(chuàng)建的項(xiàng)目忍抽。

哦，對(duì)了董朝，webIDE是部分收費(fèi)的鸠项，但是不用著急，官方提供了如下方式免費(fèi)獲得其網(wǎng)站虛擬幣——碼幣子姜，且Coding在注冊(cè)后會(huì)送給用戶一些碼幣祟绊，足以讓IDE跑起來(lái)啦！

獲得免費(fèi)碼幣的方法

好了闲询，言歸正傳久免，我們創(chuàng)建IDE。配置不變扭弧，直接鼠標(biāo)拉到最底下阎姥，單擊“創(chuàng)建”，這時(shí)候鸽捻，空間創(chuàng)建完畢呼巴，點(diǎn)開(kāi)創(chuàng)建完成的工作空間泽腮。

WOW_{超酷誒！全屏正有種帶GUI的Linux的既視感}~

Coding WebIDE

看看這高大上的終端Ｒ赂稀Ｕ锷蕖！８椤碧磅！

Hexo是基于Nodejs的，所以我們將運(yùn)行環(huán)境切換為Nodejs遵馆。

單擊切換運(yùn)行環(huán)境

如圖

單擊“使用”后鲸郊，再單擊確定。然而货邓，貌似并沒(méi)有發(fā)生什么......

下面秆撮，我們單擊“終端”來(lái)打開(kāi)終端【酷斃了】

二、正式開(kāi)始

(⊙o⊙)…我是不是上面寫的太詳細(xì)了换况？职辨？我真是大好人（zi lian kuang）

進(jìn)入正式安裝步驟，首先戈二，我們?cè)诮K端中輸入

sudo npm install -g hexo-cli

安裝進(jìn)程舒裤，就會(huì)全自動(dòng)完成【這是重要的一步，有問(wèn)題可以向我發(fā)評(píng)論挽拂〔衙浚】

自動(dòng)安裝進(jìn)程

如果安裝結(jié)果如下圖，安裝就成功了

安裝結(jié)果

接著亏栈，我們創(chuàng)建一個(gè)文件夾用于存放文章與設(shè)置台腥。

mkdir hexo

然后，使用init命令初始化博客绒北。

cd hexo

sudo hexo init

初始化進(jìn)程需要安裝一些輔助插件黎侈，所以比安裝的時(shí)候慢，需要耐心等待...

等待初始化進(jìn)程完成后闷游，安裝進(jìn)程就正式完成啦~~~~

我們首先先解鎖一下配置文件（將所有文件提權(quán)至777）

sudo chmod -R 777 *

接著峻汉，我們可以暫時(shí)關(guān)閉終端，編輯一下博客的設(shè)置,依次打開(kāi)文件樹(shù)中的目錄 項(xiàng)目名->hexo->_config.yml

這時(shí)脐往，我們就可以在編輯窗口中編輯屬性休吠。

title為標(biāo)題，subtitle小標(biāo)題【可不填】业簿，author作者瘤礁，language語(yǔ)言【可不填】，timezone時(shí)區(qū)【可不填】梅尤。

我做了如下修改:

title: Xiaooolanlub
subtitle: xiaolan's Blog
description:
author: Xiaolan
language:
timezone:

修改完成之后別忘了保存柜思。

接著我們可以使用以下命令來(lái)開(kāi)啟本地服務(wù)器：

hexo server

然后岩调，我們就可以通過(guò)單擊右上角的訪問(wèn)鏈接，將端口設(shè)置為4000來(lái)訪問(wèn)網(wǎng)站赡盘。

是不是非常的酷号枕？

本地測(cè)試成功！

測(cè)試成功了陨享，那么我們先在終端中按Ctrl+C退出葱淳，然后按下訪問(wèn)鏈接中的垃圾桶來(lái)銷毀端口。

那么大家剛才也看到了霉咨，IDE中的訪問(wèn)鏈接是測(cè)試用途蛙紫，長(zhǎng)且有時(shí)間限制，一看就非常不嚴(yán)謹(jǐn)途戒，所以，我們要學(xué)會(huì)把博客Push到托管平臺(tái)中僵驰。

那么喷斋，首先，我們先要安裝Hexo Git插件以至于可以將靜態(tài)頁(yè)推送到托管平臺(tái)上蒜茴。

sudo npm install hexo-deployer-git --save

安裝完成之后星爪，我們配置一下_config.yml文件。
修改一下最下面的deploy：
將

deploy:
 type:

修改為

deploy:
type: git
repo: [倉(cāng)庫(kù)地址]
branch: master
message: blog update

注：倉(cāng)庫(kù)地址可以在您的項(xiàng)目主頁(yè)找到粉私。

項(xiàng)目主頁(yè)

倉(cāng)庫(kù)地址在您項(xiàng)目的“代碼”頁(yè)面中顽腾。

我填入了repo：

deploy:
 type: git
 repo: https://git.coding.net/weilantian/HexoDemo.git
 branch: master
 message: blog update

隨后，我們就可以將博客推送到代碼托管平臺(tái)了诺核，最終端中使用這個(gè)命令：

sudo hexo deploy

和往常的推送操作一樣抄肖，終端會(huì)要求用戶輸入用戶名與密碼。

這時(shí)窖杀，我們前往項(xiàng)目托管代碼頁(yè)漓摩，就可以看到推送過(guò)來(lái)的文件了。

推送成功入客！

下面管毙，我們開(kāi)啟靜態(tài)頁(yè)服務(wù)（Pages）。

只需要單擊頁(yè)面上的“Pages服務(wù)”桌硫，設(shè)置部署分支為master夭咬，然后單擊“立即開(kāi)啟”，就可以訪問(wèn)啦铆隘！

部署成功卓舵！

等等，為什么樣式加載不出來(lái)了咖驮？边器？很簡(jiǎn)單训枢，這是因?yàn)镠tml處理請(qǐng)求的時(shí)候認(rèn)為，您的域名為根忘巧，所以無(wú)法訪問(wèn)恒界，最好的解決辦法，就是綁定一個(gè)自己的域名砚嘴，這里我就不講了十酣，相信大家都會(huì)，如果有需要际长，我會(huì)在下一篇文章介紹如何注冊(cè)并綁定自己的域名耸采。

三、添加工育、刪除虾宇、編輯文章

1、創(chuàng)建文章

打開(kāi)終端如绸，以如下格式敲入命令：

sudo hexo new <文章名稱>

這樣嘱朽，我們就創(chuàng)建了一篇文章。

可以在目錄source->_posts中找到怔接，并編輯【警告：文章名稱為文章的英文名搪泳，不知此中文，中文名可以在Markdown文件中設(shè)置】扼脐。

這里岸军，我創(chuàng)建了一篇名稱為heisky的文章：

在編輯這篇文章之前，我們需要對(duì)文件進(jìn)行提權(quán)：

cd source/_posts

sudo chmod -R 777 *

隨后瓦侮，我們可以先設(shè)置標(biāo)題艰赞、發(fā)布日期以及標(biāo)簽。

接著脏榆，使用Markdown語(yǔ)法在編輯內(nèi)容：

完成之后猖毫，我們需要更新博客，再次推送到代碼托管平臺(tái)：

sudo  hexo generate --deploy

再次訪問(wèn)就可以看到新的文章啦~

2须喂、刪除文章

刪除文章的方法很簡(jiǎn)單吁断。

刪除之后使用更新博客命令，就可以看到效果坞生。

sudo  hexo generate --deploy

3仔役、更新文章

只需要修改文章內(nèi)容，然后使用同上命令更新發(fā)布即可：

sudo  hexo generate --deploy

前往第二期》》
繼續(xù)學(xué)習(xí)第二期關(guān)于域名綁定是己，資源404的解決方案等的解決方案...
【Markdown修改版】使用Coding.net來(lái)搭建基于Hexo的免費(fèi)博客（一）