1. 程式人生 > 其它 >Gitee+HEXO搭建個人部落格

Gitee+HEXO搭建個人部落格

準備工作

1、gitee賬號一個
到官網:https://gitee.com註冊
2、node.js
官網:https://nodejs.org/zh-cn/ 下載最新版
3、git
官網:https://git-scm.com/ 下載最新版
環境安裝
安裝git
一路next到安裝完畢,保持預設選項
安裝nodejs
一路next到安裝完畢,保持預設選項

初始化部落格

安裝hexo

win+r,開啟執行,輸入cmd
命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org           #安裝淘寶映象
cnpm install -g hexo              #安裝hexo部落格生成系統

初始化

新建空資料夾,在該資料夾路徑下開啟cmd(在搜尋框的左邊,點選空白區域,輸入cmd,回車)

命令:

hexo init                 #初始化部落格系統,耐心等待
hexo generate        #生成部落格網頁
hexo server           #開啟部落格本地測試伺服器

測試是否成功

若執行成功,在瀏覽器網址欄中搜索cmd生成的網址(http://localhost:4000),開啟會看到hexo預設網頁。

部署到Gitee

開啟GitBash,在檔案資源管理器中右擊滑鼠就能找到。

gitee遠端登入

命令:

git config --global user.email "註冊gitee用的郵箱“
git config --global user.name "註冊gitee的使用者名稱"
ssh-keygen -t rsa -C "註冊gitee用的郵箱" #上傳登入金鑰

注:之後有很多地方等待輸入,直接回車。

cat  `find /c/Users/ -name*.pub`

注:find前面`的符號,是Tab鍵上方的鍵。
將公鑰(ssh-rsa)都複製下來

Gitee打開個人使用者設定,找到SSH公鑰,新增新的SSH Keys,起名,貼上公鑰,新增。

測試是否成功

命令:

ssh -T [email protected] 

中途會停下來,輸入yes

若看到github使用者名稱出現,就成功了。

建立倉庫(Create repository)

建立一個倉庫,倉庫名隨意。
然後複製倉庫地址,修改部落格配置檔案。

修改配置檔案

開啟之前建立的資料夾在hexo裡找到配置檔案,_config.yml,使用編輯器開啟(推薦使用notepad++)

title: #網站標題
subtitle:#網站副標題
author: #作者
language:zh-CN #語言
timezone:‘Asia/Shanghai' #時區
url:https://yl1010code.gitee.io #倉庫名,前面是https
deploy:
   type: git
   repo: [email protected]:yl1010code/yl1010code.gitee.io.git #貼上你複製的倉庫地址
   branch: master
theme: #hexo的主題

注:所有冒號後面都要有空格。

必須的命令

進入初始化的資料夾內,在hexo資料夾內右擊滑鼠,開啟GitBash,輸入的命令才有效

hexo clean #清除快取
hexo generate #生成部落格網頁
hexo deploy #部署網頁到gitee上面

在hexo官網進行下載想要的主題:https://hexo.io/zh-cn

hexo官方文件:https://hexo.io/zh-cn/docs/writing

開啟Gitee Pages服務

在專案中的服務選擇Pages選項,預設設定,點選啟動即可。

注:過程需要實名認證。
完成後

瀏覽器輸入:page網址就可以訪問了。

例如:https://yl1010code.gitee.io

注:gitee的page服務不能自動更新部署,將hexo網頁部署到gitee後還需要手動更新部署,這一點較部署到GitHub上就麻煩許多。
注:GitHub和gitee的公鑰可以共用。