Hexo + github pages搭建博客

前言

? 在技術(shù)成長(zhǎng)的過(guò)程中,肯定會(huì)遇到各種各樣的問(wèn)題,為了方便節(jié)約重復(fù)問(wèn)題的時(shí)間,同時(shí)也可以更方便的和很多朋友共同學(xué)習(xí)。程序猿這個(gè)道路上,只有不斷的學(xué)習(xí)才能進(jìn)步。

今天用Hexo + github pages搭建個(gè)人技術(shù)博客。



?node.js安裝

? [node.js官方文檔](https://nodejs.org/en/)

? 參考這個(gè)(nodejs官方文檔)



?GitHub Pages

?定義

? ? 1.GitHub Pages是一個(gè)靜態(tài)站點(diǎn)托管服務(wù), 是通過(guò)我們網(wǎng)站托管和發(fā)布的公開(kāi)網(wǎng)頁(yè)。

? ? 2.github Pages學(xué)習(xí)成本低,相比其他搭建方式而已談,不需要太多的服務(wù)器基礎(chǔ)。

? ? 3.輕量級(jí)的博客系統(tǒng),沒(méi)有麻煩的配置

? ? 4.使用標(biāo)記語(yǔ)言,比如Markdown

git安裝

(git官方文檔)

? 注冊(cè)github

這里就不多說(shuō)了,點(diǎn)擊git注冊(cè)地址

?創(chuàng)建倉(cāng)庫(kù)

??????- 先點(diǎn)擊 new repository 創(chuàng)建倉(cāng)庫(kù)

??????- 填寫(xiě)倉(cāng)庫(kù)名稱? ? github用戶名稱.github.io

??????- 確定創(chuàng)建

? 如下圖:

![創(chuàng)建github](/images/github.png)

?添加秘鑰

用git生成秘鑰 ssh-keygen -t rsa -C "Github的注冊(cè)郵箱地址"

id_rsa和id_rsa.pub 生成這個(gè)兩個(gè)文件 打開(kāi)id_rsa.pub文把秘鑰填寫(xiě)到github上這里



?hexo

定義

? ? ? :Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。

? ? ? Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。

hexo官方文檔

?工作原理

? ####安裝hexo

??????$ npm install -g hexo-cli

? ? ? $ hexo init hexo 初始化文件夾

? ? ? $ cd hexo? 切換到該路徑

? ? ? $ npm install 安裝hexo擴(kuò)展插件

? #### 本地服務(wù)器查看

??????$ npm install hexo-server --save

??????$ hexo generate? 生成靜態(tài)頁(yè)面

??????$ hexo server

??????$ hexo server -i 192.168.1.1? 自定義iP運(yùn)行

安裝完成后,輸入以下命令以啟動(dòng)服務(wù)器,您的網(wǎng)站會(huì)在 http://localhost:4000 下啟動(dòng)。在服務(wù)器啟動(dòng)期間,Hexo 會(huì)監(jiān)視文件變動(dòng)并自動(dòng)更新,您無(wú)須重啟服務(wù)器。

? #### 線上部署

??????$ hexo generate --deploy

??????$ hexo generate? 生成靜態(tài)頁(yè)面

??????npm install hexo-deployer-git --save

??????$ hexo deploy 部署到github線上

輸入http://ghshuo.github.io 進(jìn)行查看

hexo generate:

??????生成靜態(tài)文件。將我們的數(shù)據(jù)和界面相結(jié)合生成靜態(tài)文件的過(guò)程。

??????會(huì)遍歷主題文件中的 source 文件夾(js、css、img 等靜態(tài)資源),

??????然后建立索引,

??????然后根據(jù)索引生成 pubild 文件夾中,

??????此時(shí)的 publid 文????件是由 html、 js、css、img 建立的純靜態(tài)文件

??????可以通過(guò) index.html 作為入口訪問(wèn)你的博客。

hexo deploy:

??????部署文件。部署主要是根據(jù)在 _config.yml 中配置的 git 倉(cāng)庫(kù)或者 coding 的地址,

??????將 public 文件上傳至 github 或者 coding 中。

??????然后再根據(jù)上面的 github 提供的 pages 服務(wù)呈現(xiàn)出頁(yè)面。

??????當(dāng)然你也可以直接將你生成的 public 文件上傳至你自己的服務(wù)器上。

?hexo 常用命令

??????hexo new"postName" #新建文章

??????hexo new page"pageName" #新建頁(yè)面

??????hexo clean # 刪除靜態(tài)頁(yè)面至public目錄

??????hexo generate #生成靜態(tài)頁(yè)面至public目錄

??????hexo server #開(kāi)啟預(yù)覽訪問(wèn)端口

??????hexo deploy #將.deploy目錄部署到GitHub

??????hexo help # 查看幫助

??????hexo version #查看Hexo的版本



總結(jié):

我感覺(jué)hexo就是一個(gè)快速、簡(jiǎn)潔且高效的博客框架,對(duì)markdown文件的重新渲染引擎,生成靜態(tài)網(wǎng)頁(yè),并且和GitHub Pages靜態(tài)站點(diǎn)托管服務(wù),通過(guò)我們網(wǎng)站托管和發(fā)布的公開(kāi)網(wǎng)頁(yè)。



?參考

hexo官方文檔

nodejs環(huán)境配置

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容