使用github搭建自己的免費(fèi)博客站點(diǎn)
時(shí)間：2023-08-06 15:54:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-08-06 15:54:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
使用github搭建自己的免費(fèi)博客站點(diǎn)：歡迎訪問(wèn)我的站點(diǎn)：
https://rchardzhu.github.io/一、在github上創(chuàng)建一個(gè)代碼庫(kù)，名字為：
http://xxx.github.io， xxx為你的github賬號(hào)名
如我的代碼庫(kù)為：
https://github.com/rchardzhu/rchardzhu.github.io參考：Quickstart for GitHub Pages - GitHub Docs
二、安裝nodejs和hexo
由于github只支持靜態(tài)網(wǎng)頁(yè)，需要使用hexo。hexo是基于nodejs打造的一個(gè)博客框架，用于快速創(chuàng)建項(xiàng)目、頁(yè)面、編譯、部署 Hexo 博客。
- 先安裝nodejs
- npm install hexo， 然后把hexo的目錄放到PATH目錄下?；蛘呤褂?g 安裝到全局目錄，但需要管理員權(quán)限
三、運(yùn)行
- 創(chuàng)建blog項(xiàng)目，$hexo init blog
blog目錄文件夾下就會(huì)出現(xiàn) Hexo 的初始化文件，包括 themes、scaffolds、source 等文件夾
- 進(jìn)入blog目錄，生成靜態(tài)文件：$ cd blog && hexo generate
可以看到輸出結(jié)果里面包含了 js、css、font 等內(nèi)容，并發(fā)現(xiàn)它們都在項(xiàng)目根目錄下的 public 文件夾下面了
3. 本地預(yù)覽查看： $ hexo serve
可以看到一個(gè)默認(rèn)的hello world頁(yè)面。
4. 部署到github： $ hexo deploy
編輯_config.yml文件，編輯deploy部分，參考如下圖片
在新創(chuàng)建的blog目錄下安裝hexo-deployer-git，命令如下： $npm install hexo-deployer-git --save
更多信息參考：部署
如果出現(xiàn)如下錯(cuò)誤："ERROR Deployer not found: git"，表明hexo-deployer-git安裝的目錄不對(duì)，記住需要在新創(chuàng)建的目錄下npm install。
四、寫博客
- 新建文章 ： $ hexo new "about"
創(chuàng)建的文章會(huì)出現(xiàn)在 source/_posts 文件夾下，是 MarkDown 格式。
更多信息參考：寫作
然后正常使用markdown格式去寫文章就好了。
2. 生成靜態(tài)文件并更新到github上即可
$hexo clean$hexo generate$ hexo deploy更多內(nèi)容
- 如何更換博客主題
- 如何新增標(biāo)簽、分類、關(guān)于等頁(yè)面
- 如何添加搜索功能?
- 如何添加留言板功能
- 本地運(yùn)行和發(fā)布不一致問(wèn)題解決
- 添加文章閱讀量及網(wǎng)站訪問(wèn)信息
在線咨詢
