前言
? 在技術(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ù)
??????- 填寫倉(cāng)庫(kù)名稱? ? github用戶名稱.github.io
??????- 確定創(chuàng)建
? 如下圖:

?添加秘鑰
用git生成秘鑰 ssh-keygen -t rsa -C "Github的注冊(cè)郵箱地址"
id_rsa和id_rsa.pub 生成這個(gè)兩個(gè)文件 打開(kāi)id_rsa.pub文把秘鑰填寫到github上這里
?hexo
定義
? ? ? :Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。
? ? ? Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。
?工作原理
? ####安裝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è)。