前言
- 2017年5月23日晚旨别,我開始折騰個人博客诗赌,使用的是GitHub Pages + Hexo靜態(tài)博客框架。
幾個月前折騰過秸弛,但是沒有成功铭若,大概的原因是npm的權(quán)限問題。這次是通過修改npm的默認權(quán)限地址才成功的递览。
(修改npm默認權(quán)限相關(guān)資料:https://docs.npmjs.com/getting-started/fixing-npm-permissions)
從5月23日晚10點左右開始折騰奥喻,24日凌晨4點30分左右,成功發(fā)布第一篇博文非迹!
- 5月24日下午,開始折騰主題纯趋,搜索了一下憎兽,最終決定使用目前火熱的主題:nexT。
網(wǎng)址是:http://theme-next.iissnan.com/getting-started.html - 5月24日晚吵冒,由于每次發(fā)布都要加上sodu命令纯命,強迫癥的我決定重新折騰。于是備份了博客的本地文件夾(內(nèi)含我的設(shè)置和喜歡的主題)痹栖。
由于第一次是胡亂裝上去的亿汞,所以忘記了具體步驟。只是本地產(chǎn)生了很多垃圾文件揪阿,我試圖刪除一些文件夾疗我,結(jié)果把hexo刪除了...
命令行輸入hexo -v
沒有顯示版本信息。所以我又進入了“折騰階段”南捂。 - 現(xiàn)在是5月25日凌晨2點吴裤,我終于再次折騰出了這個版本。在這里把大概步驟記錄一下溺健,謹防再次懵逼麦牺。
一、前面的步驟請參照博客(務(wù)必進行到“安裝Hexo”這個步驟)
二、安裝HEXO
安裝前請驗證node剖膳、npm魏颓、git是否安裝成功,均安裝成功才能進行下面的步驟。對應(yīng)命令如下
node node --version
npm -v
git --version
1吱晒、打開終端甸饱,cd到你博客的本地文件夾(例如:cd documents/blog),在命令行中輸入以下代碼
sudo npm install hexo-cli -g
2枕荞、等待步驟1完成后柜候,在命令行中輸入以下代碼
sudo npm install hexo --save
步驟2如果提示:缺少pakage.json ,請依次執(zhí)行以下代碼
(解決這個問題的參考資料:https://github.com/npm/npm/issues/15192)
npm init -f
sudo npm install hexo --save
3躏精、檢查hexo是否安裝成功(出現(xiàn)hexo版本信息表示安裝成功)
hexo -v
4渣刷、初始化hexo
hexo init
5、安裝組件(這一步我自己也沒懂矗烛,隨便執(zhí)行了一下命令)
npm install
6辅柴、生成靜態(tài)頁面
hexo g
7、啟動hexo本地服務(wù)器
hexo s
8瞭吃、在瀏覽器中打開網(wǎng)址http://localhost:4000/
,你將看到hexo的默認界面碌嘀,至此hexo本地配置完成!
三歪架、安裝自動發(fā)布插件
1股冗、終端cd到博客文件夾下,輸入以下命令
npm install hexo-deployer-git --save
2和蚪、打開博客文件夾止状,打開根目錄下的_config.yml文件,修改deploy為(注意替換yourusername和com.git后綴)
deploy:
type: git
repo: https://github.com/yourusername/yourusername.github.com.git
branch: master
3攒霹、配置成功后怯疤,在終端(cd到博客文件夾下)輸入hexo d
,如果不再需要輸入github用戶名和密碼催束,說明成功了(執(zhí)行命令時集峦,可能有系統(tǒng)彈窗出現(xiàn),選中“允許”即可)
四抠刺、發(fā)布文章塔淤、修改主題等請參照官方說明
五、本次用到的相關(guān)鏈接,感謝網(wǎng)友的分享速妖!
- 史上最詳細的Hexo博客搭建圖文教程
- Mac下搭建Hexo + Github 詳細步驟 教程
- Mac OSX下重裝node.js
- 錯誤:..pakage.json
- 運行npm install -g hexo-cli 失敗
- 修復(fù)npm權(quán)限
- macOS Sierra顯示隱藏文件的快捷鍵
本次針對的是mac系統(tǒng)的凯沪,windows的沒有權(quán)限問題,聽說比較簡單买优,大家有空可以去玩玩~~
最后妨马,附上個人博客挺举,安利一下~~