從零開始使用Github pages + hexo搭建屬于自己的博客(一)

注冊屬于你自己的賬號

點(diǎn)擊注冊github賬號 (此處不做說明,請自行瀏覽:github教程:[1]注冊github),注冊完畢就擁有了自己的代碼倉庫啦。

創(chuàng)建倉庫

登陸GitHub賬號,在首頁的右上角頭像的左邊有個“+”號點(diǎn)擊加號,選擇New repositor(新存儲庫)或者點(diǎn)擊這里

在這里插入圖片描述

開啟github pages

創(chuàng)建完成后點(diǎn)擊settings進(jìn)入設(shè)置界面


在這里插入圖片描述

進(jìn)入設(shè)置頁面向下滾動,找到如下頁面,這個鏈接會顯示剛創(chuàng)建倉庫的名稱,點(diǎn)擊他你就可以看到你博客的雛形!


在這里插入圖片描述

hexo

要想使用hexo需要安裝node.js以及git

安裝node.js

下載node.js
參考:node.js安裝教程

git

下載git
安裝方式非常簡單一直點(diǎn)擊Next就可以了

安裝hexo

在任意地方新建一個文件夾,文件夾名字隨意最好是英文,例如就叫:hexo
進(jìn)入到你創(chuàng)建的文件夾中,鼠標(biāo)右鍵選擇Git Bash
分別輸入以下命令

npm install hexo-cli -g
hexo init blog #這條命令會在hexo文件夾中新建一個blog文件夾
npm install 
hexo g  #生成靜態(tài)頁面
hexo s  #啟動本地服務(wù)器

現(xiàn)在你就可以在瀏覽器輸入http://localhost:4000 你就會看到hexo 的默認(rèn)首頁

詳細(xì)命令請參考:Hexo文檔

添加主題

hexo默認(rèn)的主題不太喜歡,這里我已Next主題為例

安裝主題

回到Git Bash 窗口按下ctrl + c 退出本地服務(wù)器,分別輸入以下命令

hexo clean
git clone https://github.com/iissnan/hexo-theme-next themes/next
啟動Next主題

在blog文件夾下找到_config.yml文件 在文件中找到 theme:修改為:

theme:next

注意冒號后面需要空格

更新主題

繼續(xù)回到Git Bash 窗口輸入以下命令:

cd themes/yilia
git pull
hexo g
hexo s

此時刷新http://localhost:4000/頁面就能看到新的主題了.

將代碼提價到github倉庫

還是編輯根目錄下_config.yml文件,找到deploy修改為:

deploy:
    type: git
    repo: git@github.com:ykpkp/ykpkp.github.io.git  #這里的網(wǎng)址填你自己的
    branch: master  

冒號后面都需要空格
自己的網(wǎng)址在這里:

在這里插入圖片描述

保存后需要提前安裝一個擴(kuò)展:

npm install hexo-deployer-git --save

接下來就是將Hexo部署到我們的Github倉庫上

部署到github倉庫

設(shè)置ssh keys

ssh-keygen -t rsa -C "郵件地址@youremail.com" #生成key文件,郵箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
#然后會讓你輸入密碼,這個密碼可以不是你github賬號的密碼,這個密碼是你以后提交代碼時要用的

之后就可以看到成功的提示。

添加SSH Key到Github

回到Git Bash輸入以下命令:

cd ~/.ssh
ls                    #輸入完這個命令你就看到 id_rsa  id_rsa.pub  
cat id_rsa.pub        #輸入完這個命令你會看到 id_rsa.pub 這個文件里面的內(nèi)容

復(fù)制 id_rsa.pub 里面的內(nèi)容:

在這里插入圖片描述

進(jìn)入github首頁

在這里插入圖片描述

添加SSH Key。


在這里插入圖片描述

將剛復(fù)制的id_rsa.pub 里面的內(nèi)容,粘貼到key中


在這里插入圖片描述

到了這就可以測試一下是否成功了:
ssh -T git@github.com
#之后會要你輸入yes/no,輸入yes就好了

設(shè)置你的賬號信息:

git config --global user.name "你的名字"     #隨便填
git config --global user.email "郵箱@郵箱.com"    #github郵箱

部署到github

hexo d

完結(jié)

每次在本地修改好代碼后輸入以下命令提交到github倉庫:

hexo g # 生成靜態(tài)文件
hexo d # 提交到github倉庫

hexo s #啟動本地服務(wù)器 可以在本地查看修改的內(nèi)容

至此就已經(jīng)完成了博客的搭建,后面會繼續(xù)寫對博客的一些優(yōu)化。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容