在安裝好git
, Node.js
和hexo
之后苏章,我們就可以開(kāi)始正式搭建了皇帮,可以按照下面的步驟一步步操作刽严。
在GitHub
上創(chuàng)建Repository
登錄GitHub
后寸潦,新建一個(gè)Repository用于存放以后個(gè)人網(wǎng)站的所有內(nèi)容。注意在新建時(shí)將倉(cāng)庫(kù)名稱命名為<username>.github.io
琉历,其中<username>
內(nèi)容為你自己GitHub
的用戶名坠七。
配置SSH Keys
檢查電腦現(xiàn)有的SSH Key
在終端輸入命令:
~ % cd ~/.ssh
若提示 「No such file or directory」,說(shuō)明我們需要生成一個(gè)新的SSH Key旗笔。
生成SSH Key
在終端輸入命令:
~ % ssh-keygen -t rsa -C "<your email>@xxx.com
# ssh-keygen -t rsa -C "yangj@163.com"
注意這里的郵箱是你自己的GitHub
注冊(cè)郵箱彪置。之后終端會(huì)要求你輸入密碼,如下:
~ % Enter passphrase (empty for no passphrase): <設(shè)置密碼>
~ % Enter same passphrase again: <再次輸入密碼>
添加SSH Key到GitHub
上
在本地文件夾找到id_rsa.pub
文件换团,這個(gè)文件的具體位置在上述生成SSH Key時(shí)會(huì)告訴你悉稠,講文件打開(kāi)后,復(fù)制全部?jī)?nèi)容艘包。
回到GitHub
的Repository中的猛,依次點(diǎn)擊Setting
->SSH and GPG keys
,然后填寫(xiě)「Title」及「Key」這兩部分內(nèi)容想虎。其中「Title」是你對(duì)這個(gè)SSH Key的命名卦尊,可根據(jù)自己喜好來(lái)填寫(xiě)∩喑「Key」部分內(nèi)容就是剛剛我們?cè)?code>id_rsa.pub文件中復(fù)制的全部?jī)?nèi)容岂却。
測(cè)試是否關(guān)聯(lián)成功
輸入命令:
~ % ssh -T git@github.com
根據(jù)提示進(jìn)行操作,輸入密碼后,若看到「You’ve successfully authenticated…」內(nèi)容則說(shuō)明關(guān)聯(lián)成功躏哩。
配置用戶信息
輸入命令:
~ % git config --global user.name "<username>" // 輸入注冊(cè)時(shí)的username
~ % git config --global user.email "<your email>@xxx.com" // 填寫(xiě)注冊(cè)郵箱
至此署浩,SSH Key配置成功啦!??
在配置過(guò)程中有什么問(wèn)題請(qǐng)參考官方文檔「Connecting to GitHub with SSH」
在本地搭建Hexo博客
在本地建立一個(gè)文件夾扫尺,用于存放和編輯你的所有網(wǎng)站內(nèi)容筋栋。然后在終端通過(guò)命令進(jìn)入目錄。
~ % cd <your directory> // 進(jìn)入本地博客目錄
之后正驻,使用hexo
系列命令進(jìn)行博客創(chuàng)建
~ % hexo init // 創(chuàng)建hexo
~ % npm install // 安裝依賴
~ % npm install hexo-deployer-git --save // 確保git部署
完成以上操作后弊攘,恭喜你!現(xiàn)在已經(jīng)搭建好本地的 Hexo 博客了姑曙。??
然后執(zhí)行以下命令:
~ % hexo g
~ % hexo s
現(xiàn)在就可以在瀏覽器中輸入localhost:400
來(lái)預(yù)覽本地的博客網(wǎng)站啦襟交!
注意:在進(jìn)行博客搭建工作時(shí),每次使用
hexo
系列命令都要在你的本地博客目錄下伤靠,而且每次進(jìn)行相應(yīng)改動(dòng)后都要hexo g
生成一下
將博客部署到<username>.github.io
打開(kāi)本地博客目錄中的_config.yml
文件捣域,按照下面的內(nèi)容修改文件中的最后配置內(nèi)容:
deploy:
type: git
repository: git@github.com:<username>/<username>.github.io.git //你的GitHub 倉(cāng)庫(kù)的SSH碼
branch: master // GitHub的分支名稱
最后,使用下面的命令就將本地博客部署到GitHub
上了:
~ % hexo d
現(xiàn)在醋界,你在瀏覽器中輸入你的博客網(wǎng)址:<username>.github.io
竟宋,就能看到你自己的個(gè)人網(wǎng)站啦提完!
這里的分支名稱是
master
形纺,實(shí)際上在新建Repository是的默認(rèn)分支名稱是main
,需要注意一下到底哪個(gè)是活動(dòng)分支徒欣。這里可能會(huì)出現(xiàn)明明使用hexo d
進(jìn)行了部署更新但是服務(wù)器確依然顯示的是更新前的內(nèi)容逐样,若出現(xiàn)這種情況可以參考:關(guān)于hexo更新到GitHub后博客內(nèi)容未變問(wèn)題
總結(jié)
恭喜你,你已經(jīng)擁有一個(gè)自己的個(gè)人網(wǎng)站啦打肝!????????下面就是如何寫(xiě)好自己的博客脂新。Hexo
功能十分強(qiáng)大,也有很多豐富的主題可以供大家選擇粗梭。希望我們可以用心維護(hù)自己的個(gè)人網(wǎng)站争便,這一定是一件很酷的事情!断医!
參考資料
(END)