前言:本文是一篇簡(jiǎn)單的獨(dú)立博客搭建教程瞒爬,內(nèi)容不夠完善牛柒,在我使用博客的過(guò)程中會(huì)不斷實(shí)踐并進(jìn)行補(bǔ)充务豺。
1.安裝node.js
下載node.js安裝過(guò)程很簡(jiǎn)單。
2.安裝hexo
找個(gè)地方新建個(gè)文件夾誓篱,命名隨意朋贬,我們先假設(shè)將其命名為hexo。在新建的hexo文件夾內(nèi)最上面的路徑顯示框中輸入CMD,然后回車(chē)打開(kāi)命令行程序并且路徑是當(dāng)前文件夾窜骄。
注意:本文中hexo相關(guān)所有命令都要在此站點(diǎn)目錄下锦募。
在命令行界面中執(zhí)行如下命令安裝hexo:
npm install -g hexo
然后輸入如下命令自動(dòng)生成建立網(wǎng)站所需要的文件:
hexo init
然后按照提示,運(yùn)行如下命令安裝node_modules:
npm install
這時(shí)hexo基本的安裝就已經(jīng)完成邻遏,運(yùn)行如下命令啟動(dòng)本地hexo服務(wù):
hexo server
提示服務(wù)啟動(dòng)后在瀏覽器中打開(kāi)http://localhost:4000/進(jìn)行預(yù)覽糠亩,這時(shí)可以看到Hexo已自動(dòng)生成了一篇blog,停止服務(wù)按Ctrl+C准验。
3.新建文章
在上步命令行窗口中執(zhí)行:
hexo new "新建文章標(biāo)題"
該命令會(huì)在\\source_posts目錄下心生成一個(gè).md為后綴的markdown文件赎线。當(dāng)然也可以直接在\\source_posts中新建一個(gè)md文件。用markdown編輯器將其打開(kāi)就可以寫(xiě)文章了糊饱。
markdown編輯器我使用的是markdownpad垂寥。
用Atom也不錯(cuò),還可以安裝插件另锋,打字有狂拽酷炫吊炸天的特效矫废。
在寫(xiě)文章時(shí)如果需要使用圖片,可以先把圖片上傳到github中再引用砰蠢。github使用方法在下文。
hexo首頁(yè)默認(rèn)顯示的是文章全文唉铜,如果你想只顯示文章的簡(jiǎn)介台舱,就在文章中你想在首頁(yè)顯示的部分后加上
<!--more-->
4.更換主題
hexo有很多主題可以從這里挑個(gè)。
以hexo-theme-yilia主題為例潭流,在命令行窗口中執(zhí)行如下命令將主題文件克隆到themes文件夾中:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
然后打開(kāi)站點(diǎn)配置文件_config.yml竞惋,找到theme 字段,并將其值更改為 yilia灰嫉。然后執(zhí)行
hexo server
并在瀏覽器中打開(kāi)http://localhost:4000/進(jìn)行預(yù)覽拆宛,看是否更換主題成功。
修改部分網(wǎng)站信息比如標(biāo)題讼撒、描述浑厚、語(yǔ)言設(shè)置也是在_config.yml文件中股耽。
5.404網(wǎng)頁(yè)
404頁(yè)面網(wǎng)上有很多模板,推薦使用騰訊的尋子公益404頁(yè)面钳幅。
在/source目錄下新建txt文件物蝙,將下面代碼復(fù)制粘貼到其中
<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8">
然后保存,將其重命名為404.html敢艰。
404網(wǎng)頁(yè)在本地預(yù)覽看不到效果诬乞,上傳到github后可以查看。
6.部署到github
注冊(cè)登錄github官網(wǎng),點(diǎn)擊網(wǎng)頁(yè)右側(cè)加號(hào)New repository钠导。
倉(cāng)庫(kù)名必須與你用戶名對(duì)應(yīng)震嫉,格式為owner_name.github.io,比如我的github名為zhaochenpu,博客的倉(cāng)庫(kù)名就是zhaochenpu.github.io牡属,這樣的庫(kù)每個(gè)用戶名下只能建立一個(gè)票堵。
在命令行窗口中執(zhí)行:
hexo generate
這個(gè)命令會(huì)在站點(diǎn)目錄下生成public文件夾,其中包含網(wǎng)站的html湃望、css等文件换衬。
其他人大多是使用git上傳,我采用的是github客戶端上傳证芭,其實(shí)都差不多瞳浦。使用git的hexo可以參考如下教程Hexo搭建Github靜態(tài)博客。
因?yàn)榫W(wǎng)絡(luò)原因废士,github下載和安裝的過(guò)程可能很慢叫潦,有時(shí)還會(huì)失敗,重試下就好了官硝。
安裝并登陸了github客戶端后矗蕊,點(diǎn)擊左上角的加號(hào),在彈出的界面中點(diǎn)clone,選擇前面創(chuàng)建的庫(kù)克隆到本地。
然后我們將hexo站點(diǎn)目錄下的public文件夾內(nèi)所有文件復(fù)制粘貼到本地的庫(kù)文件夾中氢架,這時(shí)github客戶端中就會(huì)顯示有chenges,在summary框中輸入摘要傻咖,點(diǎn)擊Commit按鈕,如果是第一次提交點(diǎn)擊左上角的publish按鈕岖研,之后的代碼提交時(shí)publish按鈕會(huì)變成sync按鈕卿操。
然后打開(kāi)github網(wǎng)頁(yè)刷新查看,github網(wǎng)站上有時(shí)更新很慢孙援,等到庫(kù)中顯示的是最新代碼后害淤,在瀏覽器中打開(kāi)zhaochenpu.github.io(將名字換成你的)查看。
之后每次博客有新的改動(dòng)需要部署到github時(shí)拓售,就在hexo站點(diǎn)根目錄下進(jìn)入命令行窥摄,執(zhí)行:
hexo g
生成靜態(tài)文件
或者
hexo s -g
進(jìn)行預(yù)覽加生成靜態(tài)文件
然后將生成的public文件夾內(nèi)所有文件復(fù)制粘貼到庫(kù)文件夾內(nèi)覆蓋,再用github客戶端同步到github础淤。
當(dāng)然你也可以直接在本地的庫(kù)文件夾中執(zhí)行hexo的安裝和其他配置崭放,然后將public文件夾內(nèi)所有文件粘貼到庫(kù)文件夾根目錄下哨苛,在github客戶端中的Repository settings中添加忽略的文件,只上傳需要的文件莹菱。