利用Github和Hexo搭建個人網(wǎng)站教程


title: how to create blog with hexo
date: 2018-09-20 17:22:55
tags: technology


利用Github和Hexo搭建個人網(wǎng)站教程

概述

hexo是一款基于nodejs的靜態(tài)博客框架,也就是編寫的文章可以編譯成html文件 肉微,不需要額外的管理后臺,結(jié)合github或者coding page即可免費部署上線 摹恰,發(fā)布的內(nèi)容也相對自由一些。語法主要使用markdown钉迷,可以方便與簡書等BPS同步內(nèi)容位衩。
可訪問hexo官網(wǎng)地址了解更多。

搭建步驟

購買個人域名(可選)

github提供github page的域名 分井,不需要備案 ,所以可以直接使用

創(chuàng)建個人倉庫

注冊和登陸 github.com霉猛,
點擊New repository創(chuàng)建一個博客倉庫 尺锚, 假如
用戶名是xiaoming , 則新建的倉庫名是xiaoming.github.io惜浅,權(quán)限設(shè)置為Public 瘫辩, 其它的不勾選或者選為none

下載安裝軟件

  • git---用git -v檢查是否安裝成功
  • Node.js---hexo基礎(chǔ)環(huán)境,用npm -v命令檢查是否安裝成功
    假如使用windows系統(tǒng)坛悉,建議下載安裝集成軟件laragon 就好伐厌,其中已經(jīng)整個了上面兩個軟件

安裝完成之后 , 把本地公鑰上傳到github個人主頁Settings里邊的SSH and GPG keys的SSH keys欄目下面,這一步是使發(fā)布文章時候 裸影,github可以驗證你身份而不用每次輸入密碼
假如沒有公鑰則通過下面命令來生成:

ssh-keygen -t rsa -C "你的GitHub注冊郵箱"

window默認公鑰生成位置是C:\Users\電腦用戶名.ssh\id_rsa.pub , 用記事本打開即可復(fù)制挣轨。

安裝hexo

npm install -g hexo-cli 

安裝完成hexo框架之后 , 輸入:

hexo init blog

安裝完成之后 轩猩,
可以通過以下4條命令進入新建博客文章

cd blog

hexo new test_my_site

hexo g

hexo s

完成之后 卷扮,用瀏覽器打開地址 http://localhost:4000 就可看到博客
繼續(xù)在_config.yml添加上配置

  • language: zh-CN #根據(jù)themes\landscape\languages里邊來配置語言,一般是zh-CN
  • post_asset_folder: true#設(shè)置為true方便使用本地圖片
  • theme: landscape #指定使用的主題 均践,默認是landscape
  • deploy:#還有兩個自配置項 一般是使用git配置晤锹,參考文檔 ,以實現(xiàn)關(guān)聯(lián)到github

注意

常遇到的問題

  • 1,配置文件配置值前面需要加一個空格,否則編譯不生效而且報錯彤委,
  • 2,一開始未設(shè)置_config.yml里邊language的值的時候 抖甘,生成的文章md文件需要用編輯器convert to utf-8再重新生成才行,
  • 3,_post目錄必須要有md文件,
  • 4,要設(shè)置githubpage時,創(chuàng)建repo之后 葫慎,還要設(shè)置一下Theme Chooser才生效 ,否則404 薇宠,
  • 5,Github page 只能使用master or gh-pages分支 偷办, 而且需要在項目settings里邊GitHub Pages設(shè)置!澄港!

發(fā)布文章

使用hexo new ‘文章名’ 來創(chuàng)建文章之后 椒涯, 再使用markdown編輯器直接編輯對應(yīng)的source_posts里邊的文件保存,
本地預(yù)覽之后可以推送部署上線 回梧,
刪除文章可以直接刪除_post里邊對應(yīng)的md文件 废岂,重新編譯推送即可

  • 常用hexo命令
    現(xiàn)在來介紹常用的Hexo 命令
    npm install hexo -g #安裝Hexo
    npm update hexo -g #升級
    hexo init #初始化博客
    命令簡寫
    hexo n "我的博客" == hexo new "我的博客" #新建文章
    hexo g == hexo generate #生成
    hexo s == hexo server #啟動服務(wù)預(yù)覽
    hexo d == hexo deploy #部署

更換主題祖搓,調(diào)整樣式

按照自己需求調(diào)整樣式,發(fā)布文章湖苞,推送即可訪問

一些注意事項和待優(yōu)化之處

1, hexo文章更新到github之后拯欧,md源碼也需要另行保存,一般是保存在博客repo的save分支财骨,一般遷移的話镐作,保存下面幾個文件就可以了
_config.yml
theme/
source/
scaffold/
package.json
.gitignore

2, 目前有在簡書和github page同時發(fā)布文章,發(fā)布到簡書的話需要單獨上傳圖片文件,不能直接復(fù)制文本內(nèi)容隆箩,圖片統(tǒng)一用CDN可能會好點

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末该贾,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子捌臊,更是在濱河造成了極大的恐慌杨蛋,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件理澎,死亡現(xiàn)場離奇詭異逞力,居然都是意外死亡,警方通過查閱死者的電腦和手機矾端,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門掏击,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人秩铆,你說我怎么就攤上這事砚亭。” “怎么了殴玛?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵捅膘,是天一觀的道長。 經(jīng)常有香客問我滚粟,道長寻仗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任凡壤,我火速辦了婚禮署尤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘亚侠。我一直安慰自己曹体,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布硝烂。 她就那樣靜靜地躺著箕别,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上串稀,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天除抛,我揣著相機與錄音,去河邊找鬼母截。 笑死到忽,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的微酬。 我是一名探鬼主播绘趋,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼颗管!你這毒婦竟也來了陷遮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤垦江,失蹤者是張志新(化名)和其女友劉穎帽馋,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體比吭,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡绽族,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了衩藤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吧慢。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖赏表,靈堂內(nèi)的尸體忽然破棺而出检诗,到底是詐尸還是另有隱情,我是刑警寧澤瓢剿,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布逢慌,位于F島的核電站,受9級特大地震影響间狂,放射性物質(zhì)發(fā)生泄漏攻泼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一鉴象、第九天 我趴在偏房一處隱蔽的房頂上張望忙菠。 院中可真熱鬧,春花似錦纺弊、人聲如沸只搁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春稽犁,著一層夾襖步出監(jiān)牢的瞬間焰望,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工已亥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留熊赖,地道東北人。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓虑椎,卻偏偏與公主長得像震鹉,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子捆姜,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,512評論 2 359

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