O 踩了N多坑總結(jié)出以下經(jīng)驗(yàn)
一步一步絕對(duì)能成 mac+windows
一 常見(jiàn)有三種博客搭建方案
一般需要獨(dú)立域名(充錢(qián))有廣告刺覆,做許多東西需要升級(jí)至高級(jí)版(還是充錢(qián))秦忿,手機(jī)版訪問(wèn)麻煩(所以我直接扔了那個(gè)博客)
稍微麻煩一點(diǎn) (其實(shí)是作者技術(shù)太挫)
免費(fèi) 簡(jiǎn)單 據(jù)說(shuō)用的人還多 所以我選擇這個(gè)
二 下面直接進(jìn)入主題 ?? 博客搭建
首先我們需要一個(gè)GitHub賬號(hào)和一個(gè)項(xiàng)目庫(kù)
怎么創(chuàng)建賬號(hào)就不用我說(shuō)了,但是創(chuàng)建庫(kù)的時(shí)候需要提到一個(gè)細(xì)節(jié)
1 先點(diǎn)擊這里創(chuàng)建
2 創(chuàng)建項(xiàng)目的是時(shí)候Repositoryname需要同Owner一樣然后補(bǔ)齊github.io
3 然后點(diǎn)擊 Create repository創(chuàng)建就好
三 環(huán)境配置
Hexo有著詳細(xì)的安裝使用介紹 下面是我的
先懟node.js
mac: 去Node.js官網(wǎng)疼鸟,我下載了左邊的那個(gè) 然后一路安裝即可
windows: Node.js下載windows就可以
下載安裝包,安裝Node.js會(huì)包含環(huán)境變量及npm的安裝,安裝之后可以在命令行中輸入node -v看看是否安裝成功。
如果 git bash 里報(bào)錯(cuò)了矢沿,就去環(huán)境變量里看看有沒(méi)有 nodejs,沒(méi)有的話(huà)需要把nodejs地址添加一下如果已經(jīng)有了酸纲,重啟電腦捣鲸。
再懟git
mac: 點(diǎn)擊這里進(jìn)入頁(yè)面自動(dòng)下載了
windows: 點(diǎn)擊這里進(jìn)入頁(yè)面直接下載了記得git -v 查看是否安裝成功失敗了請(qǐng)參看其他詳細(xì)git安裝教程(我反正沒(méi)失敗過(guò))
然后就可以安裝Hexo了
mac:
Node.js和Git都安裝好后就可以安裝Hexo了。
終端執(zhí)行懟下命令: sudo npm install -g hexo
如果需要輸入密碼就是Mac登錄密碼
這里就是一個(gè)大坑:Hexo官網(wǎng)上的安裝命令是 npm install -g hexo-cli闽坡,多數(shù)教程也都是沒(méi)有sudo然鵝直接懟就去就會(huì)報(bào)錯(cuò)權(quán)限栽惶,加sudo解決問(wèn)題。
windows:
npm install -g hexo-cli
將你的git與GitHub綁定
由于Git是分布式版本控制系統(tǒng)疾嗅,所以外厂,每個(gè)機(jī)器都必須自報(bào)家門(mén):你的名字和Email地址
git config --global user.name "你的GitHub用戶(hù)名"
git config --global user.email "你的GitHub注冊(cè)郵箱"
生成ssh密鑰
生成密鑰 輸入: ssh-keygen -t rsa -C "你的GitHub注冊(cè)郵箱"
然后回車(chē)遇到y(tǒng) or n? 就y 繼續(xù)回車(chē)
mac: 先輸入 cd ~
然后就可以cd~/.ssh 里面會(huì)有id_rsa和rsa_rsa.pub兩個(gè)文件
vim rsa_rsa.pub復(fù)制里面的內(nèi)容 沒(méi)有vim的話(huà)vi應(yīng)該有用vi rsa_rsa.pub
windows:
輸入ls -a 查看所有文件 在輸入cat.ssh\id_rsa.pub打開(kāi)文件
復(fù)制里面全部?jī)?nèi)容
然后打開(kāi)git設(shè)置(點(diǎn)擊頭像 seeings)
然后粘貼你的密鑰 Add SSH key保存
部署
mac
我們先找個(gè)地方創(chuàng)建一個(gè)文件夾這里會(huì)存放你的blog(博客)全部?jī)?nèi)容
打開(kāi)終端進(jìn)入這個(gè)文件夾目錄 blog是你的文件夾名稱(chēng)
輸入hexo init blog
然后cd到blog文件夾下安裝npm
輸入 npm install
執(zhí)行下面的命令開(kāi)啟hexo服務(wù)器
輸入 hexo s
這個(gè)時(shí)候你可以看見(jiàn)一個(gè)這樣的博客頁(yè)面了打開(kāi)瀏覽器
輸入 localhost:4000
接下來(lái)就是部署了
首先介紹一下兩個(gè)配置文件他們都叫_config.yml
不同的是blog里面的_config.yml是站點(diǎn)配置文件
而我們themes文件夾每個(gè)主題文件里也有一個(gè)_config.yml他是配置主題的文件
我們打開(kāi)blog里面的_config.yml 輸入vim _config.yml
翻到最下面改成這樣沒(méi)有就加上
你的地址在這里
這里需要注意坑二 每一個(gè)配置的 : 后面要有一個(gè)空格!4小V!
然后保存站點(diǎn)配置
在blog文件夾目錄里面執(zhí)行一下生成靜態(tài)頁(yè)面命令
輸入 hexo g (或是hexo generate)
如果有報(bào)一下錯(cuò)誤
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
就執(zhí)行 輸入 npm install hexo --save
沒(méi)有報(bào)錯(cuò)請(qǐng)不要執(zhí)行或者忽略
執(zhí)行配置命令
hexo d (或是 hexo deploy)
這里特別注意 我就是載在這里论悴! 若執(zhí)行命令hexo deploy仍然報(bào)錯(cuò):無(wú)法連接git或找不到git掖棉,則執(zhí)行如下命令來(lái)安裝一個(gè)叫hexo-deployer-git東西
輸入 npm install hexo-deployer-git --save
執(zhí)行 hexo g
執(zhí)行 hexo d
倘若提示輸入密碼輸入即可沒(méi)有執(zhí)行忽略
這時(shí)候就可以訪問(wèn)你的博客了 https://后面寫(xiě)你的 .github.io
發(fā)布文章
終端cd到blog文件夾目錄
輸入hexo new "文件名" 新建文章
發(fā)布部署
然后 hexo g (生成靜態(tài)頁(yè)面)
在然后 hexo d (部署到github)
如果出現(xiàn)了花里胡哨的錯(cuò)誤可以在生成之前
輸入 hexo clean
ps: 每次更新都會(huì)等那么一會(huì)
寫(xiě)下更換主題吧
在hexo主題里找到一款主題我的是yilia
下載這個(gè)主題
輸入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
打開(kāi)站點(diǎn)的_config.yml配置文件,將里面的 theme: landscape 改為 theme: yilia.
然后還是 hexo g 和 hexo d
最后訪問(wèn)下你的博客吧這里在看看扔出我的
ps: 每次更新都會(huì)等那么一會(huì)!!!!!!!!