制作個人部落格首頁 via hexo

目錄

• • 前言
  • 優化記錄
  • • 1.設定動态背景
    • 2.設定通路站點人數與次數
    • 3.設定github&gitee同步推送
  • 排坑記錄
  • • 1.npm設定為國内的鏡像伺服器
    • 2.設定語言為中文
    • 3.部署到gitee的流程

前言

上圖為部落格根目錄下配置檔案

_config.yml

- 站點配置檔案用于配置hexo全局

tips:站點配置檔案更新後需要hexo clean && hexo g再運作後才會出效果，主題配置檔案儲存重新整理即可
           

下圖為主題目錄下配置檔案

_config.yml

- 主題配置檔案用于配置主題域

我的站點，歡迎來踩，可以評論哦

https://fancentury.github.io/

優化記錄

1.設定動态背景

首先在主題配置檔案搜尋

canvas_ribbon

定位到大概870行左右，能夠發現

Next

主題内置但是預設關閉的兩個

3D javascript

庫配置資訊，我們将

false

都更換為

true

,three庫下的三種效果任選其一即可（選了兩個的我感覺眼花缭亂 ）

接着手動進入到

next

檔案夾下，反鍵打開

Git bash

輸入

git clone https://github.com/theme-next/theme-next-three source/lib/three

安裝three庫

輸入

git clone https://github.com/theme-next/theme-next-canvas-ribbon source/lib/canvas-ribbon

安裝canvas-ribbon庫

最後

hexo clean && hexo g hexo s

三連後打開本地預覽位址,可以看到眼花缭亂的線條和彩帶了

2.設定通路站點人數與次數

新版

Next

預設内置

busuanzi_count

，開啟就行

在主題配置檔案搜尋

busuanzi_count

定位到大概720行左右，将

false

更換為

true

即可

1. 本地預覽位址效果，猜測統計的是使用該插件站點的總和

   

2. 部署在GitHub上效果，統計的是本站點（可憐的通路次數與人數 ）

   

3.設定github&gitee同步推送

GitHub啥都好，就是國内通路速度太慢 ，現在國内的gitee在功能上和GitHub基本一緻，是以可以考慮設定

github&gitee

同步推送，通路

yourname.github.io

和

yourname.gitee.io

均可通路到同樣的内容

操作也很簡單啦

1.在gitee上建立和使用者名同名的項目，我就是

fancentury

了

2.建立好項目後，在服務—>gitee Page中啟動服務

3.在

站點配置檔案

中125行左右做如下設定

deploy:
  type: git
  repository: 
    gitee: [email protected]:fancentury/fancentury.git
    github: [email protected]:fancentury/fancentury.github.io.git
  branch: master
           

4.

hexo s hexo g hexo d

一鍵三連，成功

push

到gitee和github中

fancentury.gitee.io

fancentury.github.io

排坑記錄

1.npm設定為國内的鏡像伺服器

問題：在

npm install hexo-cli -g

利用npm安裝hexo部落格元件過程中出現

rollbackFailedOptional: verb npm-session 5e791a3d7c31a73d

原因：和maven一樣不設定國内鏡像伺服器通路外網安裝元件會失敗

解決：

npm config set registry http://registry.npm.taobao.org

2.設定語言為中文

老版為：

zh-Hans

新版本為：

zh-CN

3.部署到gitee的流程

打開

bash

，Git 全局設定:

git config --global user.name "fangitee728"
git config --global user.email "[email protected]"
           

首次建立

git

倉庫

mkdir fangitee728
cd fangitee728
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://gitee.com/fangitee728/fangitee728.git
git push -u origin master
           

後續

hexo d

或者

git remote add origin https://gitee.com/fangitee728/fangitee728.git
git push -u origin master