記錄我github的hexo的搭建Blog之路

嘀嗒嘀嗒嘀發表於2018-04-20
GithubHexo

搭建完成demo

第一步：在Github上搭建部落格

1.在Github上建立一個新的repository，repository的名字寫成xxxxx.github.io的形式，以保證你建立的是一個部落格
2.然後在建立成功的repository中的setting中的GitHub Pages選項中點選choose theme，選擇一個主題
3.回到GitHub Pages中可以檢視到你得部落格地址https://xxxxx.github.io/，進入連結即是你的Git部落格地址。
複製程式碼

第二步：hexo相關操作

Git自帶的部落格主題還是有點醜的，我選擇的是使用hexo的yilia主題，接下來就是講如何使用hexo進行主題部落格搭建
1.安裝hexo

1.1 搭建環境 包括node.js和git環境，gitHub賬戶的配置（這個可以在官網自行下載，並且下載好git）
1.2 使用git bash 進行安裝hexo 
複製程式碼

安裝Hexo依賴

npm install hexo-cli -g
複製程式碼

然後install元件

npm install hexo --save
複製程式碼

檢視版本:成功之後會是如下資訊

hexo -v

hexo-cli: 1.1.0
os: Windows_NT 6.1.7601 win32 x64
http_parser: 2.7.0
node: 6.11.2
v8: 5.1.281.103
uv: 1.11.0
zlib: 1.2.11
ares: 1.10.1-DEV
icu: 58.2
modules: 48
openssl: 1.0.2l
複製程式碼

2.配置hexo

hexo init xxxxx.github.io（這個是你之前的github 部落格名）
複製程式碼

接下來連線你得遠端git

git remote add origin https://github.com/sss(github使用者名稱)/xxx(GitHub部落格名).github.io.git
複製程式碼

3.配置Git

在編輯器中修改配置檔案_config.yml

## Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/sss(github使用者名稱)/xxx(GitHub部落格名).github.io.git
  branch: master
複製程式碼

然後執行

npm install hexo-deployer-git --save
複製程式碼

4.clone yilia主題

使用git bash在xxxxx.github.io目錄下執行

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
複製程式碼

然後在編輯器中配置檔案_config.yml中修改主題

##Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia
複製程式碼

並且找到themes資料夾，可以把之前的部落格主題刪除掉

設定完主題，部署到git上：

hexo d -g
複製程式碼

4.啟動hexo

hexo s
複製程式碼

注意部署問題，可以先在自己主機生成ssh key,然後新增到你自己的github的ssh key; 檢視是否部署成功，可以用以下命令：

ssh -T git@github.com
複製程式碼

成功的樣子是下面這樣：

Hi appledusiyong! You've successfully authenticated, but GitHub does not provide shell access.
複製程式碼

第三步 進行相關頁面設定

1.設定頭像;
複製程式碼

如果頭像圖片是本地，存放的路徑是：themes/yilia/source/img下

在themes/yilia/_config.yml配置檔案中新增設定：

 #你的頭像url
 avatar: /img/girl2_1.jpg
2.
複製程式碼

相關文章