三步完成免費(fèi)個(gè)人博客搭建遭居,本文主要針對(duì)Windows系統(tǒng)我的是WIN10反粥,OS X請(qǐng)參考文章
5分鐘 搭建免費(fèi)個(gè)人博客
1.創(chuàng)建Github 域名和空間
1.1注冊(cè)
首先需要注冊(cè)一個(gè)Github賬號(hào)跪者,如果你已經(jīng)有請(qǐng)?zhí)^(guò)此步直接看1.2創(chuàng)建倉(cāng)庫(kù)确垫,注意username扁眯,這會(huì)影響到你的域名疙挺,你的域名將會(huì)是 username.github.io钮呀,所以認(rèn)真的取個(gè)名字吧剑鞍。
注冊(cè)過(guò)程可能需要驗(yàn)證你的郵箱,其他就不在贅述爽醋。
1.2創(chuàng)建倉(cāng)庫(kù)
然后需要?jiǎng)?chuàng)建一個(gè)倉(cāng)庫(kù)(repository) 來(lái)存儲(chǔ)我們的網(wǎng)站蚁署,點(diǎn)擊首頁(yè)任意位置出現(xiàn)的 New repository
按鈕創(chuàng)建倉(cāng)庫(kù),Respository name
中的username.github.io
的username
一定與前面的Owner
一致,記住你的username
下面會(huì)用到蚂四。
第一步就已經(jīng)完成了形用,下面是安裝就轧。
2.安裝
下面需要安裝的工具包括Github,Nodejs田度,Hexo
妒御。Windows 用戶自行搜索這些工具,直接安裝即可镇饺。安裝node.js
和git
(安裝的是GitHub
)乎莉。hexo
利用node.js
開(kāi)發(fā),安裝Github奸笤、Nodejs
后惋啃,用命令安裝hexo
。
2.1安裝Github
可以去GitHub官方網(wǎng)站下載监右。下載后直接安裝即可边灭。
2.2安裝Nodejs
到nodejs官方網(wǎng)站直接下載,下載下來(lái)的msi包一直點(diǎn)擊下一步即可健盒,當(dāng)然可以選擇安裝目錄绒瘦,本人選擇安裝在了D盤(pán)(c盤(pán)分的太小了)。我安裝的是第一個(gè)版本扣癣。
2.3安裝Hexo
以上都安裝完成之后再安裝Hexo,打開(kāi)Git shell,如圖
輸入命令
npm install -g hexo
到這里所有必須工具已經(jīng)安裝完成惰帽,下面我們就可以生成博客,上傳至我們的Github 倉(cāng)庫(kù)了父虑。
3. 編寫(xiě)该酗,發(fā)布
接下來(lái)我們需要用Hexo初始化一個(gè)博客,然后更改一些自定義的配置士嚎,或者加上自己喜歡的主題呜魄,寫(xiě)上第一篇文章,然后發(fā)布到自己的個(gè)人Github網(wǎng)站(qingfeng825.github.io
)莱衩。
3.1創(chuàng)建博客
將下面的 qingfeng825 替換成你自己的username耕赘,執(zhí)行成功后,會(huì)創(chuàng)建出一個(gè)名為 qingfeng825.github.io 的文件夾膳殷,博客相關(guān)的配置操骡、主題與文本內(nèi)容等都在此目錄下由 hexo 進(jìn)行管理。當(dāng)然這里的命令也是在Git Shell中敲的赚窃。命令為npm init qingfeng825.github.io
3.2編輯文章
完成上述步驟后册招,本地的 hexo 已經(jīng)基本搭建完成了。
現(xiàn)在勒极,我們希望新建一篇名為Hello World的文章(我不會(huì)告訴你我是做Android開(kāi)發(fā)的)是掰。在 shell 中執(zhí)行:cd qingfeng825.github.io
將工作目錄切換到\qingfeng825.github.io下,如果已經(jīng)在此目錄下則直接進(jìn)行如下命令hexo new "Hello World"!
,然后輸入命令:hexo server
辱匿,
成功執(zhí)行上述指令后键痛,打開(kāi)瀏覽器炫彩,訪問(wèn) localhost:4000,如果出現(xiàn)下圖中的Hello World則說(shuō)明你的 hexo 博客已經(jīng)搭建成功了絮短。如果你希望退出服務(wù)江兢,輸入 ctrl + C 即可。
丁频,沒(méi)有出現(xiàn)完全相同的界面也不要急杉允,因?yàn)槲沂翘崆白龊昧酥黝}設(shè)置,下面會(huì)涉及到只要看到Hello World即可席里。
3.3安裝hexo-deployer-git自動(dòng)部署發(fā)布工具
要想把文章發(fā)布出去叔磷,必須安裝deployer
命令如下圖
3.4修改_config.yml
發(fā)布之前還有一些工作要做那就是配置_config.yml,
deploy:
type: git
repo: git@github.com:qingfeng825/qingfeng825.github.io.git
branch: master
看準(zhǔn)了所有:后面有一個(gè)英文空格奖磁,沒(méi)有會(huì)出錯(cuò)的改基。
3.5發(fā)布
配置完這些信息后可以敲命令了如圖。
兩個(gè)命令分別為hexo generate
和
hexo deploy
(注意順序不要亂)
完成這些操作之后你就可以點(diǎn)擊http://qingfeng825.github.io 訪問(wèn)了咖为。
最后應(yīng)該是類(lèi)似這個(gè)樣子的
4 主題設(shè)置
選擇一款適合你的主題
hexo 默認(rèn)的主題樣式是 landscape,也許你希望使用更多樣案疲、更個(gè)性化的主題風(fēng)格。在 github 上有許多開(kāi)源的 hexo 主題麻养,你只需要把它們克隆到 ~/blog/themes 目錄下褐啡,并在 ~/blog/_config.yml 的 theme 屬性中設(shè)置你希望使用的主題,然后重新生成頁(yè)面部署即可鳖昌。
這里推薦幾個(gè)在 github 上 star 數(shù)較高的主題:
這些主題怎么配置在這里就不講了备畦,因?yàn)樗麄兌际情_(kāi)源的而且項(xiàng)目本身介紹已經(jīng)很詳細(xì)。
當(dāng)然许昨,如果你自己就是一名優(yōu)秀的前端工程師懂盐,甚至可以自己定制一份屬于自己獨(dú)一無(wú)二的hexo-theme
,你還可以把你的作品開(kāi)源到 github
上供更多的 hexo
用戶使用與學(xué)習(xí)糕档。
參考文章有如下幾篇