這里嘮師傅選擇了Hexo,一個(gè)快速、簡(jiǎn)潔并且高效的博客框架,幾秒內(nèi)就可以利用靚麗的主題生成靜態(tài)頁(yè)面,快準(zhǔn)狠。
安裝前提 安裝Hexo前,需要先安裝" />
本地搭建個(gè)人博客丨建站系列
時(shí)間:2023-08-10 20:09:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-08-10 20:09:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
本地搭建個(gè)人博客丨建站系列:
他來(lái)了,他來(lái)了,嘮師傅帶著博客搭建方法走來(lái)了。
這里嘮師傅選擇了Hexo,一個(gè)快速、簡(jiǎn)潔并且高效的博客框架,幾秒內(nèi)就可以利用靚麗的主題生成靜態(tài)頁(yè)面,快準(zhǔn)狠。
安裝前提
安裝Hexo前,需要先安裝Node.js(版本不低于8.10)及Git。
安裝Git
下載并安裝好Git:
https://git-scm.com/download/win安裝Node.js
下載鏈接:
https://nodejs.org/en/download/,選擇和電腦位數(shù)對(duì)應(yīng)的Windows Installer(.msi),下載并安裝好(安裝步驟按提示默認(rèn)下一步進(jìn)行)。
安裝檢驗(yàn)
在電腦的右下角開(kāi)始菜單中,搜索cmd,并打開(kāi)cmd命令行窗口
- 輸入git --version并回車(chē),如圖,出現(xiàn)git版本號(hào),則表示Git安裝成功。
- 輸入node -v并回車(chē)及npm -v回車(chē),如圖,出現(xiàn)版本號(hào),表示安裝成功。
安裝Hexo
- 使用npm安裝Hexo,在cmd命令行中輸入npm install -g hexo-cli
若是出現(xiàn)如下圖的信息,“ERR! code ECONNREFUSED”,則可以嘗試更換下網(wǎng)絡(luò)再重試。
2. 若沒(méi)有出錯(cuò),成功安裝后,在本地創(chuàng)建博客目錄,這里目錄名設(shè)定為blog,因此在cmd中輸入hexo init blog,以本文章為例,則會(huì)在C:/Users/CNBOXIA1/文件夾中創(chuàng)建一個(gè)blog文件夾。
3. 命令行中輸入cd blog,進(jìn)入blog文件夾,輸入npm install安裝博客框架所依賴(lài)的程序包。
4. 完成后,在blog文件夾中可以看到以下文件目錄。
配置博客
- 用編輯器打開(kāi)_config.yml,嘮師傅這里是用VS打開(kāi)的這個(gè)文件,參考下圖配置博客的基本信息。 - title(博客標(biāo)題) - subtitle(子標(biāo)題) - description(博客描述) - keywords(關(guān)鍵字,使用半角逗號(hào),分隔多個(gè)關(guān)鍵字) - author(作者) - language(語(yǔ)言) - timezone(網(wǎng)站時(shí)區(qū),默認(rèn)使用本機(jī)的時(shí)區(qū))
2. 在cmd命令行中,進(jìn)入blog文件夾,再輸入hexo s并回車(chē),啟動(dòng)服務(wù)器,如圖所示。
3. 訪問(wèn)默認(rèn)地址:
http://localhost:4000/ 4. 結(jié)果發(fā)現(xiàn)顯示的頁(yè)面中文亂碼,解決辦法:將_config.yml文件編碼格式改成UTF-8,具體步驟參考嘮師傅小工具系列—解決文檔打開(kāi)亂碼問(wèn)題,再運(yùn)行。
5. 現(xiàn)在本地將博客網(wǎng)站跑起來(lái)了,但是默認(rèn)的主題有點(diǎn)看不下去,嘮師傅帶你們?nèi)exo官網(wǎng)的主題列表找找好看的主題,以hexo-theme-3-hexo為例,點(diǎn)擊主題名字“3-hexo”。
6. 進(jìn)入到該主題的GitHub頁(yè)面,在這里我們可以找到主題的安裝方法,將頁(yè)面往下拉,可以看到如圖指令:
7. 同樣在cmd命令行中,進(jìn)入blog文件夾,輸入該指令: git clone
https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
8.在之前用到過(guò)的_config.yml文件中,找到theme,并修改成3-hexo
9. 命令行中將服務(wù)器停止,再重新啟動(dòng)。
10. 則可以看到博客頁(yè)面變成我們挑選的3-hexo主題風(fēng)格了
結(jié)束語(yǔ)
大家學(xué)會(huì)了嗎,趕快來(lái)試試吧!
【作者】:線上嘮師傅
【個(gè)人博客】:www.robotdigital.cn
【簡(jiǎn)介】:會(huì)網(wǎng)站建設(shè)的工業(yè)機(jī)器人工程師,專(zhuān)注ABB IRB工業(yè)機(jī)器人,ROBOTSTUDIO,PC SDK及WEB開(kāi)發(fā)。
【轉(zhuǎn)載說(shuō)明】:轉(zhuǎn)載請(qǐng)說(shuō)明出處,謝謝合作!~