Hexo + github pages搭建博客

前言

? 在技術(shù)成長(zhǎng)的過(guò)程中,肯定會(huì)遇到各種各樣的問(wèn)題,為了方便節(jié)約重復(fù)問(wèn)題的時(shí)間,同時(shí)也可以更方便的和很多朋友共同學(xué)習(xí)。程序猿這個(gè)道路上,只有不斷的學(xué)習(xí)才能進(jìn)步。

今天用Hexo + github pages搭建個(gè)人技術(shù)博客。



?node.js安裝

? [node.js官方文檔](https://nodejs.org/en/)

? 參考這個(gè)(nodejs官方文檔)



?GitHub Pages

?定義

? ? 1.GitHub Pages是一個(gè)靜態(tài)站點(diǎn)托管服務(wù), 是通過(guò)我們網(wǎng)站托管和發(fā)布的公開(kāi)網(wǎng)頁(yè)。

? ? 2.github Pages學(xué)習(xí)成本低,相比其他搭建方式而已談,不需要太多的服務(wù)器基礎(chǔ)。

? ? 3.輕量級(jí)的博客系統(tǒng),沒(méi)有麻煩的配置

? ? 4.使用標(biāo)記語(yǔ)言,比如Markdown

git安裝

(git官方文檔)

? 注冊(cè)github

這里就不多說(shuō)了,點(diǎn)擊git注冊(cè)地址

?創(chuàng)建倉(cāng)庫(kù)

??????- 先點(diǎn)擊 new repository 創(chuàng)建倉(cāng)庫(kù)

??????- 填寫倉(cāng)庫(kù)名稱? ? github用戶名稱.github.io

??????- 確定創(chuàng)建

? 如下圖:

![創(chuàng)建github](/images/github.png)

?添加秘鑰

用git生成秘鑰 ssh-keygen -t rsa -C "Github的注冊(cè)郵箱地址"

id_rsa和id_rsa.pub 生成這個(gè)兩個(gè)文件 打開(kāi)id_rsa.pub文把秘鑰填寫到github上這里



?hexo

定義

? ? ? :Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。

? ? ? Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。

hexo官方文檔

?工作原理

? ####安裝hexo

??????$ npm install -g hexo-cli

? ? ? $ hexo init hexo 初始化文件夾

? ? ? $ cd hexo? 切換到該路徑

? ? ? $ npm install 安裝hexo擴(kuò)展插件

? #### 本地服務(wù)器查看

??????$ npm install hexo-server --save

??????$ hexo generate? 生成靜態(tài)頁(yè)面

??????$ hexo server

??????$ hexo server -i 192.168.1.1? 自定義iP運(yùn)行

安裝完成后,輸入以下命令以啟動(dòng)服務(wù)器,您的網(wǎng)站會(huì)在 http://localhost:4000 下啟動(dòng)。在服務(wù)器啟動(dòng)期間,Hexo 會(huì)監(jiān)視文件變動(dòng)并自動(dòng)更新,您無(wú)須重啟服務(wù)器。

? #### 線上部署

??????$ hexo generate --deploy

??????$ hexo generate? 生成靜態(tài)頁(yè)面

??????npm install hexo-deployer-git --save

??????$ hexo deploy 部署到github線上

輸入http://ghshuo.github.io 進(jìn)行查看

hexo generate:

??????生成靜態(tài)文件。將我們的數(shù)據(jù)和界面相結(jié)合生成靜態(tài)文件的過(guò)程。

??????會(huì)遍歷主題文件中的 source 文件夾(js、css、img 等靜態(tài)資源),

??????然后建立索引,

??????然后根據(jù)索引生成 pubild 文件夾中,

??????此時(shí)的 publid 文????件是由 html、 js、css、img 建立的純靜態(tài)文件

??????可以通過(guò) index.html 作為入口訪問(wèn)你的博客。

hexo deploy:

??????部署文件。部署主要是根據(jù)在 _config.yml 中配置的 git 倉(cāng)庫(kù)或者 coding 的地址,

??????將 public 文件上傳至 github 或者 coding 中。

??????然后再根據(jù)上面的 github 提供的 pages 服務(wù)呈現(xiàn)出頁(yè)面。

??????當(dāng)然你也可以直接將你生成的 public 文件上傳至你自己的服務(wù)器上。

?hexo 常用命令

??????hexo new"postName" #新建文章

??????hexo new page"pageName" #新建頁(yè)面

??????hexo clean # 刪除靜態(tài)頁(yè)面至public目錄

??????hexo generate #生成靜態(tài)頁(yè)面至public目錄

??????hexo server #開(kāi)啟預(yù)覽訪問(wèn)端口

??????hexo deploy #將.deploy目錄部署到GitHub

??????hexo help # 查看幫助

??????hexo version #查看Hexo的版本



總結(jié):

我感覺(jué)hexo就是一個(gè)快速、簡(jiǎn)潔且高效的博客框架,對(duì)markdown文件的重新渲染引擎,生成靜態(tài)網(wǎng)頁(yè),并且和GitHub Pages靜態(tài)站點(diǎn)托管服務(wù),通過(guò)我們網(wǎng)站托管和發(fā)布的公開(kāi)網(wǎng)頁(yè)。



?參考

hexo官方文檔

nodejs環(huán)境配置

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,983評(píng)論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,772評(píng)論 3 422
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 176,947評(píng)論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,201評(píng)論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,960評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,350評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,406評(píng)論 3 444
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,549評(píng)論 0 289
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,104評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,914評(píng)論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,089評(píng)論 1 371
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,647評(píng)論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,340評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,753評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,007評(píng)論 1 289
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,834評(píng)論 3 395
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,106評(píng)論 2 375

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