前言:
抱歉讀者們贷币,這篇文章因?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ì)的其他成員丢间。
? ?那么,很多人就會問驹针,為什么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)目”
接著橡卤,我們傳送到Coding WebIDE扮念,單擊“+ 新建工作空間”。
隨后碧库,單擊“同步倉庫”柜与,等待同步倉庫完成。
接著嵌灰,點(diǎn)開我們剛剛創(chuàng)建的項(xiàng)目弄匕。
哦,對了沽瞭,webIDE是部分收費(fèi)的迁匠,但是不用著急,官方提供了如下方式免費(fèi)獲得其網(wǎng)站虛擬幣——碼幣,且Coding在注冊后會送給用戶一些碼幣城丧,足以讓IDE跑起來啦延曙!
好了芙贫,言歸正傳搂鲫,我們創(chuàng)建IDE。配置不變磺平,直接鼠標(biāo)拉到最底下魂仍,單擊“創(chuàng)建”,這時(shí)候拣挪,空間創(chuàng)建完畢擦酌,點(diǎn)開創(chuàng)建完成的工作空間。
WOW~~超酷誒菠劝!全屏正有種帶GUI的Linux的既視感~~
Hexo是基于Nodejs的舔痪,所以我們將運(yùn)行環(huán)境切換為Nodejs寓调。
單擊“使用”后,再單擊確定锄码。然而夺英,貌似并沒有發(fā)生什么......
下面,我們單擊“終端”來打開終端【酷斃了】
二滋捶、正式開始
(⊙o⊙)…我是不是上面寫的太詳細(xì)了痛悯??我真是大好人(zi lian kuang)
進(jìn)入正式安裝步驟重窟,首先载萌,我們在終端中輸入
sudo npm install -g hexo-cli
安裝進(jìn)程,就會全自動完成【這是重要的一步巡扇,有問題可以向我發(fā)評論炒考。】
如果安裝結(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)目主頁找到惶岭。
隨后按灶,我們就可以將博客推送到代碼托管平臺了,最終端中使用這個(gè)命令:
sudo hexo deploy
和往常的推送操作一樣筐咧,終端會要求用戶輸入用戶名與密碼鸯旁。
這時(shí)噪矛,我們前往項(xiàng)目托管代碼頁,就可以看到推送過來的文件了铺罢。
下面韭赘,我們開啟靜態(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的解決方案等的解決方案...