Hexo+GitHub博客搭建教程(上)

記得還是將近一年前自己開始在基礎幾乎爲零的情況下嘗試搭建博客,網上找的教程要麼過於複雜繁瑣不適合新手,要麼就是東拼西湊一些指令步驟問題多多,記得當時搭建博客過程曲折,報錯就得重新開始,來回嘗試了很多遍,最近回想到當時搭建博客的情況,便想着出一篇適合新手hexo+GitHub博客搭建教程,讓新手在搭建博客時少走些彎路

1.註冊GitHub並創建倉庫

1.打開註冊GitHub地址註冊自己的GitHub賬號(作爲一個學計算機的,相信這個賬號你肯定有)
2.創建自己的倉庫(注:倉庫的後綴名爲 .github.io)

2.下載安裝Node.js和Git

Git下載地址

Node.js下載地址

3. 安裝Hexo

新建一個Hexo文件夾,進入文件夾,在空白區域右鍵選擇Git Bash
在控制檯依次輸入以下指令:

npm install hexo-cli -g   
hexo init
npm install
hexo g
hexo s

之後在cmd框中會出現http://localhost:4000/網址,在瀏覽器中輸入該網址便可以訪問到默認的hexo主題,此時已完成hexo安裝,可以實現本地訪問(注:再cmd框中輸入ctrl+c便停止了本地運行)。

相關指令說明:

hexo init :初始化hexo
npm install:安裝npm組件
hexo g:部署本地靜態頁面
hexo s:本地服務器預覽
hexo d:發佈頁面

3.Hexo與GitHub倉庫的連接

本文采用連接方式是常見SSH密鑰連接的方式
1.修改Hexo文件夾中_comfig.yml配置文件(該文件微博客的配置文件),用文本編譯器打開(可以用記事本)
修改爲

deploy: 
    type: git
    repository: 倉庫地址
    branch: master

注:該倉庫地址最好去自己的github賬號的倉庫的設置中尋找,複製粘貼,避免出錯,並且在倉庫的地址後面添加.git後綴
2.在控制檯設置自己的用戶名和郵箱

git config --global user.name "用戶名"
git config --global user.email "郵箱

注:用戶名自己任意設置,郵箱需是自己github地址
3.生成密鑰

ssh-keygen -t rsa -C "github郵箱地址"

然後此時需按三次回車來設置空密碼
如果你之前生成過密鑰,那麼最好在執行以下命令去備份和移除原來SSh key設置

cd ~/.ssh
ls

此時會顯示一些文件

mkdir key_backup
cp id_rsa* key_backup
rm id_rsa* 

4.添加SSH key到Github
進入github首頁設置(Settings),再點擊SSH and GPG keys一欄,新建ssh,同時找到上一步在電腦中生成的密鑰(默認地址爲C:\Users\用戶名\ .ssh id_rsa.pub),將.ssh id_rsa.pub文件以文本方式打開,複製粘貼至新建的ssh
5將倉庫類型給爲博客式
打開自己的倉庫設置,找到Choose a theme選一個主題佈局,並保存
6.測試本機與GitHub的連接
在控制檯輸入

ssh -T [email protected]

之後會讓你輸入yes/no,輸入yes就OK了
若果顯示You’ve successfully authenticated, but GitHub does not provide shell access說明配置連接正常
7安裝npm的發佈拓展
控制檯輸入:

npm install hexo-deployer-git --save

部署階段便告一段落
8發佈頁面

hexo d

便可以通過倉庫的地址訪問到自己的博客了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章