準備工作
- 注冊Github賬號
這里申請一個就好了官套,申請步驟很簡單蜀备,不再詳述,記住選免費服務(wù)就可以杖小。在github上創(chuàng)建public庫是免費的肆汹,也就是傳說中的創(chuàng)建開源庫。創(chuàng)建private庫是要付費的予权,我們使用github主要就是為了擁抱開源昂勉,如果沒有特殊需求,創(chuàng)建public庫就可以扫腺,我們一會兒要創(chuàng)建的博客倉庫就是public庫岗照。
申請完賬號,登陸之后笆环,就可以創(chuàng)建repo了攒至,點擊New repository
,會跳轉(zhuǎn)到這個界面:
- 安裝Homebrew套件管理器
Homebrew并不是必須的躁劣,你也可以通過其他途徑安裝git和node.js嗓袱,但是,個人認為Homebrew相當nice习绢,而且在mac下管理安裝包特別方便,所以在這里強行安利一波,Homebrew需要你的mac安裝了Xcode闪萄,很多其他mac應(yīng)用也需要梧却,所以建議先安裝一下,appstore里就有知市。裝完Xcode之后赦役,剩下的步驟就特別簡單了置鼻,打開mac terminal終端,輸入以下命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1.安裝 Git
brew install git
2.安裝Nodejs
先安裝nvm广鳍,這是Nodejs版本管理器,可以輕松切換Nodejs版本吓妆。
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.5/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
安裝完成后赊时,重啟終端并執(zhí)行下列命令即可安裝 Node.js。
nvm install stable
3.安裝Hexo
打開Terminal行拢,cd到你想搭建博客的路徑祖秒,比如D:\My Documents\GitHub\blog
。依次輸入
npm install hexo-cli -g #安裝hexo
hexo init # 初始化舟奠,安裝所需包
npm install # 其實此句不是必須竭缝,新版本的Hexo在初始化時就安裝好了依賴包)
hexo g # 生成
hexo s # 運行
這樣就開啟了一個本地博客服務(wù)器,打開瀏覽器沼瘫,在地址欄輸入localhost:4000
抬纸,就可以查看本地博客了,hexo默認生成了一片hello world博客耿戚。
注意湿故,以上hexo開頭的命令,執(zhí)行目錄必須是你創(chuàng)建的博客文件夾目錄溅话。
4.配置SSH key
- 檢查本機上是否存在SSH key
打卡終端晓锻,輸入如下命令:
cd .ssh
ls -la
檢查終端輸出的文件列表中是否已經(jīng)存在id_rsa.pub 或 id_dsa.pub 文件,如果文件已經(jīng)存在飞几,那么你可以跳過步驟2砚哆,直接進入步驟3.
-
創(chuàng)建一個SSH key
在終端輸入以下命令:
ssh-keygen -t rsa -C "your_email@example.com"
回車,接著會提示你屑墨,讓你輸入文件名躁锁,直接回車會創(chuàng)建使用默認文件名的文件(推薦使用默認文件名);然后會提示你輸入兩次密碼(輸入密碼之后沒有反饋卵史,顯示還是空白战转,但是你確實已經(jīng)輸入了),當然密碼也可以不輸以躯,直接回車槐秧,如果這里沒有輸入密碼啄踊,以后提交博客更新的時候就不需要輸入密碼了。
-
添加SSH key到github
經(jīng)過第二步刁标,如果你沒有指定文件名(也就是使用的默認文件名)颠通,那么你的.ssh文件夾下,應(yīng)該有一個id_rsa.pub文件了膀懈,打開該文件顿锰,復(fù)制里面的文本。然后登陸github启搂,點擊右上角頭像右邊的三角圖標硼控,點擊Settings,然后在左邊菜單欄點擊SSH and GPG keys胳赌,點擊new ssh key牢撼,title 隨便填一個,在key 欄填入你復(fù)制的內(nèi)容匈织,點擊add ssh key浪默,就可以添加一個ssh key了
5.同步Hexo博客到Github
- 在你已經(jīng)可以在本機查看你的博客了,但是要想讓別人通過網(wǎng)絡(luò)可以查看你的博客缀匕,還需要一步纳决,那就是將你的博客發(fā)布到github倉庫。在terminal終端乡小,將當前目錄切換到你的本地博客目錄阔加,執(zhí)行以下命令:
npm install hexo-deployer-git --save
- 安裝完成之后,打開本地博客目錄的
_config.yml
文件满钟,編輯其中的deploy節(jié)點:
deploy:
type: git
repo: git@github.com:yourusername/youusername.github.io.git
branch: master
- 將上面
yourusername
替換成你的github用戶名即可胜榔,你也可以去你開始的時候創(chuàng)建的名為yourusername.github.io
的倉庫去直接復(fù)制完整的地址,如下圖:
- 保存配置之后湃番,在本地博客目錄執(zhí)行以下命令:
hexo clean // clean本地項目夭织,防止緩存
hexo g // 根據(jù)你編輯的md格式的博客,生成靜態(tài)網(wǎng)頁
hexo d // 將本地博客發(fā)布到github
然后吠撮,在瀏覽器地址欄輸入yourusername.github.io
就可以訪問你的博客了尊惰,別人也可以通過這個地址訪問你的博客。
原文地址:Mac搭建Hexo博客及NexT主題配置優(yōu)化
還是得參考官方文檔啊泥兰,雖然有前人的操作案例弄屡,有些地方還是有出入的,比如nvm安裝方法哪里