使用Coding.net來搭建基于Hexo的免費(fèi)博客(一)

前言:

抱歉讀者們贷币,這篇文章因?yàn)闀r(shí)間原因,寫得比較急亏狰,所以之前沒有使用Markdown來寫役纹,代碼框復(fù)制的時(shí)候會錯(cuò)位,所以這里暇唾,我就更新一下促脉,請讀者移步至傳送門

第二期教程已經(jīng)發(fā)布策州,傳送門:

【Markdown修改版】使用Coding.net來搭建基于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 是一款 快速嘲叔,簡單而強(qiáng)大的博客框架。你可以使用Markdown(或其他語言)撰寫文章抽活,同時(shí)硫戈,您還可以使用其豐富的主題裝點(diǎn)Hexo。

摘抄自 Hexo 官網(wǎng)

什么是Coding.net

? ?Coding可以說下硕,就是國產(chǎn)的Github丁逝,但是,有一個(gè)功能使它似乎超越了GitHub梭姓,那就是 Web IDE霜幼。

Coding WebIDE 是 Coding 自主研發(fā)的在線集成開發(fā)環(huán)境 (IDE)。用戶可以通過 WebIDE 創(chuàng)建項(xiàng)目的工作空間, 進(jìn)行在線開發(fā), 調(diào)試等操作誉尖。同時(shí) WebIDE 集成了 Git 代碼版本控制, 用戶可以選擇 Coding罪既、GitHub、BitBucket、Git@OSC 等任意的代碼倉庫琢感。 WebIDE 還提供了分享開發(fā)環(huán)境的功能, 用戶可以保存當(dāng)前的開發(fā)環(huán)境, 分享給團(tuán)隊(duì)的其他成員丢间。

摘抄自 Coding WebIDE 官網(wǎng)

? ?那么,很多人就會問驹针,為什么Hexo需要在這個(gè)平臺上搭建捏烘挫?答案很簡單,因?yàn)镃oding WebIDE為用戶在在線開發(fā)過程中柬甥,提供套完整的Ubtuntu系統(tǒng)環(huán)境饮六,用戶可以使用它來進(jìn)行云端開發(fā)。

? ?Hexo不像其他傳統(tǒng)的博客引擎(如WordPress)苛蒲,Hexo生成的是靜態(tài)頁卤橄,當(dāng)您完成寫作后,你可以把其生成的頁面Push到代碼托管平臺上臂外,并開啟靜態(tài)演示虽风,您的粉絲就可以訪問并查看到您撰寫的文章。但是寄月,Hexo也有一個(gè)非常重要的缺點(diǎn)——必須在同一臺主機(jī)上生成靜態(tài)頁,這就會導(dǎo)致如果您在外地无牵,將無法快速發(fā)布文章,所依使用Coding.net的在線開發(fā)環(huán)境就可以解決這一問題了茎毁。

一克懊、準(zhǔn)備工作

首先,去Coding.net官網(wǎng)注冊一個(gè)賬號七蜘,接著谭溉,點(diǎn)擊“+ 創(chuàng)建項(xiàng)目”,創(chuàng)建一個(gè)新項(xiàng)目。

要求:

項(xiàng)目名稱和簡介隨意

項(xiàng)目類型選擇“私有”

勾選“使用README.md初始化項(xiàng)目”

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

接著橡卤,我們傳送到Coding WebIDE扮念,單擊“+ 新建工作空間”。


新建工作空間

隨后碧库,單擊“同步倉庫”柜与,等待同步倉庫完成。


“同步倉庫”按鈕

接著嵌灰,點(diǎn)開我們剛剛創(chuàng)建的項(xiàng)目弄匕。

哦,對了沽瞭,webIDE是部分收費(fèi)的迁匠,但是不用著急,官方提供了如下方式免費(fèi)獲得其網(wǎng)站虛擬幣——碼幣,且Coding在注冊后會送給用戶一些碼幣城丧,足以讓IDE跑起來啦延曙!


獲得免費(fèi)碼幣的方法,來源于Coding.net馬幣介紹頁

好了芙贫,言歸正傳搂鲫,我們創(chuàng)建IDE。配置不變磺平,直接鼠標(biāo)拉到最底下魂仍,單擊“創(chuàng)建”,這時(shí)候拣挪,空間創(chuàng)建完畢擦酌,點(diǎn)開創(chuàng)建完成的工作空間。

WOW~~超酷誒菠劝!全屏正有種帶GUI的Linux的既視感~~

Coding webIDE


看看這高大上的終端I薏啊!8险铩A健!


Hexo是基于Nodejs的舔痪,所以我們將運(yùn)行環(huán)境切換為Nodejs寓调。


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


如圖

單擊“使用”后,再單擊確定锄码。然而夺英,貌似并沒有發(fā)生什么......

下面,我們單擊“終端”來打開終端【酷斃了】


二滋捶、正式開始

(⊙o⊙)…我是不是上面寫的太詳細(xì)了痛悯??我真是大好人(zi lian kuang)

進(jìn)入正式安裝步驟重窟,首先载萌,我們在終端中輸入

sudo npm install -g hexo-cli

安裝進(jìn)程,就會全自動完成【這是重要的一步巡扇,有問題可以向我發(fā)評論炒考。】


自動安裝進(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è)置,依次打開文件樹中的目錄 項(xiàng)目名->hexo->_config.yml

這時(shí)怯邪,我們就可以在編輯窗口中編輯屬性绊寻。

title為標(biāo)題,subtitle小標(biāo)題【可不填】悬秉,author作者澄步,language語言【可不填】,titmezone時(shí)區(qū)【可不填】和泌。

我已經(jīng)修改完成了:


我的修改

修改完成之后保存村缸。

接著我們可以使用以下命令來開啟本地服務(wù)器:

hexo server

然后,我們就可以通過單擊右上角的訪問鏈接武氓,將端口設(shè)置為4000來訪問網(wǎng)站梯皿。

是不是非常的酷?


本地博客測試成功县恕!

測試成功了东羹,那么我們先在終端中按Ctrl+C退出,然后按下訪問鏈接中的垃圾桶來銷毀端口忠烛。

那么大家剛才也看到了属提,IDE中的訪問鏈接是測試用途,長且有時(shí)間限制况木,一看就非常不嚴(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

倉庫地址可以在您的項(xiàng)目主頁找到惶岭。


項(xiàng)目主頁


倉庫地址在您項(xiàng)目的“代碼”頁面中。


所以犯眠,我的項(xiàng)目就這樣填寫


隨后按灶,我們就可以將博客推送到代碼托管平臺了,最終端中使用這個(gè)命令:

sudo hexo deploy

和往常的推送操作一樣筐咧,終端會要求用戶輸入用戶名與密碼鸯旁。

這時(shí)噪矛,我們前往項(xiàng)目托管代碼頁,就可以看到推送過來的文件了铺罢。


推送成功MОぁ!

下面韭赘,我們開啟靜態(tài)頁服務(wù)(Pages)缩滨。

只需要單擊頁面上的“Pages服務(wù)”,設(shè)置部署分支為master泉瞻,然后單擊“立即開啟”脉漏,就可以訪問啦!


訪問成功

等等瓦灶,為什么樣式加載不出來了鸠删??很簡單贼陶,這是因?yàn)镠tml處理請求的時(shí)候認(rèn)為刃泡,您的域名為根,所以無法訪問碉怔,最好的解決辦法烘贴,就是綁定一個(gè)自己的域名,這里我就不講了撮胧,相信大家都會桨踪,如果有需要,我會在下一篇文章介紹如何注冊并綁定自己的域名芹啥。

三锻离、添加、刪除墓怀、編輯文章

1汽纠、添加文章

打開終端,以如下格式敲入命令:

sudo hexo new <文章名稱>

這樣傀履,我們就創(chuàng)建了一篇文章虱朵。

可以在目錄source->_posts中找到,并編輯【警告:文章名稱為文章的英文名钓账,不知此中文碴犬,中文名可以在Markdown文件中設(shè)置】。

這里梆暮,我創(chuàng)建了一篇名稱為heisky的文章:


在編輯這篇文章之前服协,我們需要對文件進(jìn)行提權(quán):

cd source/_posts

sudo chmod -R 777 *

隨后,我們可以先設(shè)置標(biāo)題啦粹、發(fā)布日期以及標(biāo)簽蚯涮。

接著治专,使用Markdown語法在編輯內(nèi)容:


完成之后,我們需要更新博客遭顶,再次推送到代碼托管平臺:

sudo ?hexo generate --deploy

再次訪問就可以看到新的文章啦~

2张峰、刪除文章


刪除文章

刪除之后使用更新博客命令,就可以看到效果棒旗。

3喘批、更新文章


只需要修改文章內(nèi)容,然后使用如下命令更新即可:

sudo? hexo generate --deploy


前往第二期》》

繼續(xù)學(xué)習(xí)第二期關(guān)于域名綁定铣揉,資源404的解決方案等的解決方案...

【Markdown修改版】使用Coding.net來搭建基于Hexo的免費(fèi)博客(一)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末饶深,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子逛拱,更是在濱河造成了極大的恐慌敌厘,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件朽合,死亡現(xiàn)場離奇詭異俱两,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)曹步,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門宪彩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人讲婚,你說我怎么就攤上這事尿孔。” “怎么了筹麸?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵活合,是天一觀的道長。 經(jīng)常有香客問我物赶,道長白指,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任块差,我火速辦了婚禮侵续,結(jié)果婚禮上倔丈,老公的妹妹穿的比我還像新娘憨闰。我一直安慰自己,他們只是感情好需五,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布鹉动。 她就那樣靜靜地躺著,像睡著了一般宏邮。 火紅的嫁衣襯著肌膚如雪泽示。 梳的紋絲不亂的頭發(fā)上缸血,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機(jī)與錄音械筛,去河邊找鬼捎泻。 笑死,一個(gè)胖子當(dāng)著我的面吹牛埋哟,可吹牛的內(nèi)容都是我干的笆豁。 我是一名探鬼主播漾峡,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼毅人,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了慎璧?” 一聲冷哼從身側(cè)響起抛计,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤哄孤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后吹截,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瘦陈,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年饭弓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了双饥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡弟断,死狀恐怖咏花,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情阀趴,我是刑警寧澤昏翰,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站刘急,受9級特大地震影響棚菊,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜叔汁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一统求、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧据块,春花似錦码邻、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至边篮,卻和暖如春己莺,著一層夾襖步出監(jiān)牢的瞬間奏甫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工凌受, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留阵子,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓胜蛉,卻偏偏與公主長得像款筑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子腾么,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容