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

前言:

抱歉讀者們,這篇文章因為時間原因,寫得比較急,所以之前沒有使用Markdown來寫,代碼框復制的時候會錯位,所以這里,我就更新一下,請讀者移步至傳送門。

第二期教程已經發布,傳送門:

【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 官網

什么是Coding.net

? ?Coding可以說,就是國產的Github,但是,有一個功能使它似乎超越了GitHub,那就是 Web IDE。

Coding WebIDE 是 Coding 自主研發的在線集成開發環境 (IDE)。用戶可以通過 WebIDE 創建項目的工作空間, 進行在線開發, 調試等操作。同時 WebIDE 集成了 Git 代碼版本控制, 用戶可以選擇 Coding、GitHub、BitBucket、Git@OSC 等任意的代碼倉庫。 WebIDE 還提供了分享開發環境的功能, 用戶可以保存當前的開發環境, 分享給團隊的其他成員。

摘抄自 Coding WebIDE 官網

? ?那么,很多人就會問,為什么Hexo需要在這個平臺上搭建捏?答案很簡單,因為Coding WebIDE為用戶在在線開發過程中,提供套完整的Ubtuntu系統環境,用戶可以使用它來進行云端開發。

? ?Hexo不像其他傳統的博客引擎(如WordPress),Hexo生成的是靜態頁,當您完成寫作后,你可以把其生成的頁面Push到代碼托管平臺上,并開啟靜態演示,您的粉絲就可以訪問并查看到您撰寫的文章。但是,Hexo也有一個非常重要的缺點——必須在同一臺主機上生成靜態頁,這就會導致如果您在外地,將無法快速發布文章,所依使用Coding.net的在線開發環境就可以解決這一問題了。

一、準備工作

首先,去Coding.net官網注冊一個賬號,接著,點擊“+ 創建項目”,創建一個新項目。

要求:

項目名稱和簡介隨意

項目類型選擇“私有”

勾選“使用README.md初始化項目”

創建項目完成

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


新建工作空間

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


“同步倉庫”按鈕

接著,點開我們剛剛創建的項目。

哦,對了,webIDE是部分收費的,但是不用著急,官方提供了如下方式免費獲得其網站虛擬幣——碼幣,且Coding在注冊后會送給用戶一些碼幣,足以讓IDE跑起來啦!


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

好了,言歸正傳,我們創建IDE。配置不變,直接鼠標拉到最底下,單擊“創建”,這時候,空間創建完畢,點開創建完成的工作空間。

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

Coding webIDE


看看這高大上的終端?。。。。?/div>


Hexo是基于Nodejs的,所以我們將運行環境切換為Nodejs。


單擊切換運行環境


如圖

單擊“使用”后,再單擊確定。然而,貌似并沒有發生什么......

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


二、正式開始

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

進入正式安裝步驟,首先,我們在終端中輸入

sudo npm install -g hexo-cli

安裝進程,就會全自動完成【這是重要的一步,有問題可以向我發評論?!?/p>


自動安裝進程

如果安裝結果如下圖,安裝就成功了


安裝結果

接著,我們創建一個文件夾用于存放文章與設置。

mkdir hexo

然后,使用init命令初始化博客。

cd hexo

sudo hexo init

初始化進程需要安裝一些輔助插件,所以比安裝的時候慢,需要耐心等待...

等待初始化進程完成后,安裝進程就正式完成啦~~~~

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

sudo chmod -R 777 *

接著,我們可以暫時關閉終端,編輯一下博客的設置,依次打開文件樹中的目錄 項目名->hexo->_config.yml

這時,我們就可以在編輯窗口中編輯屬性。

title為標題,subtitle小標題【可不填】,author作者,language語言【可不填】,titmezone時區【可不填】。

我已經修改完成了:


我的修改

修改完成之后保存。

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

hexo server

然后,我們就可以通過單擊右上角的訪問鏈接,將端口設置為4000來訪問網站。

是不是非常的酷?


本地博客測試成功!

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

那么大家剛才也看到了,IDE中的訪問鏈接是測試用途,長且有時間限制,一看就非常不嚴謹,所以,我們要學會把博客Push到托管平臺中。

那么,首先,我們先要安裝Hexo Git插件以至于可以將靜態頁推送到托管平臺上。

sudo npm install hexo-deployer-git --save

安裝完成之后,我們配置一下_config.yml文件。

修改一下最下面的deploy:

deploy:

?type:

改為

deploy:

?type:git

?repo: [倉庫地址]

?branch: master

?message: blog update

倉庫地址可以在您的項目主頁找到。


項目主頁


倉庫地址在您項目的“代碼”頁面中。


所以,我的項目就這樣填寫


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

sudo hexo deploy

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

這時,我們前往項目托管代碼頁,就可以看到推送過來的文件了。


推送成功!!

下面,我們開啟靜態頁服務(Pages)。

只需要單擊頁面上的“Pages服務”,設置部署分支為master,然后單擊“立即開啟”,就可以訪問啦!


訪問成功

等等,為什么樣式加載不出來了??很簡單,這是因為Html處理請求的時候認為,您的域名為根,所以無法訪問,最好的解決辦法,就是綁定一個自己的域名,這里我就不講了,相信大家都會,如果有需要,我會在下一篇文章介紹如何注冊并綁定自己的域名。

三、添加、刪除、編輯文章

1、添加文章

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

sudo hexo new <文章名稱>

這樣,我們就創建了一篇文章。

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

這里,我創建了一篇名稱為heisky的文章:


在編輯這篇文章之前,我們需要對文件進行提權:

cd source/_posts

sudo chmod -R 777 *

隨后,我們可以先設置標題、發布日期以及標簽。

接著,使用Markdown語法在編輯內容:


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

sudo ?hexo generate --deploy

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

2、刪除文章


刪除文章

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

3、更新文章


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

sudo? hexo generate --deploy


前往第二期》》

繼續學習第二期關于域名綁定,資源404的解決方案等的解決方案...

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容