個人部落格搭建到使用

1. 註冊 碼雲

建議使用者名稱為5位英文字母,方便使用

建立一個與使用者名稱相同的倉庫，其他的都不用動

2. 註冊 Coding

建議使用者名稱為5位英文字母,方便使用
授權，新建工作空間

3. 配置雲工作區

關閉快速引導，ctrl+shift+c 進入命令模式
sudo apt-get update #更新環境
sudo apt-get upgrade #更新系統元件
sudo apt-get autoremove #解除安裝多餘/舊版 程式

4. npm 換成 阿里源( 使用阿里的配置方法你就哭吧！)

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

裝完這些，在配置好之後需要 cnpm i 補充依賴

5. 切換目錄

cd /home/

mkdir doc

cd doc

git clone https://gitee.com/zygds/hexo.git #這個是從官方拉取過來的，替代 <u>git init</u>

cd hexo/themes/

git clone https://gitee.com/zygds/hexo-theme-butterfly.git butterfly 官方庫最新 後期暫不更新

rm -r landscape/ 刪除自帶的 landscape

cd hexo-theme-butterfly/

rm -r .git/

cd ../.. # 此時到/home/doc/hexo#目錄

cnpm install hexo --save

cnpm install hexo-renderer-pug hexo-renderer-stylus --save

6. 看官方文件/或者繼續看

cd source/

mkdir _data/

hexo n 第一篇文章

hexo new page link

hexo new page categories

hexo new page tags

規範：建立完之後

---
title: 友情連結
date: 2018-06-07 22:17:49
type: "link"
---

title：這個是寫 頁面名字的，比如categories: 分類 tags: 歸檔

date: 隨意

type: 這個一定要配置，需要修改 hexo/source/各自檔案下的/ index.md

7. 友聯

在source/_data/目錄下建立link.yml

8. 評論系統

leancloud 註冊，登陸，實名認證，在百度，今天不想寫，你可以去我部落格找找有沒有

valine valine 搭建教程

需要去butterfly.yml裡面配置

valine:
enable: true

大哥找不到就 Ctrl + F5 搜尋 valine

配置檔案有具體要求說明！

9. 本地搜尋系統

cnpm install hexo-generator-search --save

10. 字數統計

cnpm install hexo-wordcount --save

11. 各種報錯

​ 官方文件

hexo沒有首頁 cnpm ls --depth 0 判斷缺少什麼外掛

再不行就 cnpm audit fix cnpm i

或者 cnpm i --package-lock-only

Git 推送

Clone並推送主分支

git add . # 批量新增刪除

git commit -m "推送說明" # 把檔案暫存到本地倉庫

git remote add origin [email protected] # 這個只需要設定一次

git push -u origin master # 推送到指定倉庫

*** 推送完結 ***

git clone -b backup https://xxx.git

Clone其他分支的方法

git add .

git commit -m “clear”

git checkout -b backup //建立並切換到分支

git remote rm origin #這裡可能會切換失敗，所以要刪除原有的git

git remote add origin [email protected]

git push origin backup

git push -f origin backup #強制推送覆蓋原有

Clone並推送到備份分支

it clone -b backup https://gitee.com/zhegeshijiedeni/zhegeshijiedeni.git

Git配置及報錯

Git》》》Hexo

首先配置使用者名稱密碼

git config --global user.name "John Doe"

git config --global user.email [email protected]

大部分都是沒有配置這兩個報錯，或者本地與與[雲端不同步](#Git 推送)

ssh-keygen -t rsa 生成

ssh -T [email protected] 測試

Hexo 使用命令

hexo g 渲染，生成靜態檔案

hexo d 把靜態檔案推送到指定倉庫需安裝

​ npm install hexo-deployer-git --save

hexo clean 清除生成的靜態檔案

hexo s -p80 使用80埠執行hexo，地址：127.0.0.1

hexo clean && hexo g (-d) 連寫,應為我們已經不採用推送方法，所以就不用 d 了

Hexo踩坑

建議：Coding 雲平臺``nodejs 搭環境我的 gitee HEXO butterfly

踩坑：node損壞，所以不建議用本地環境部署，直接Gitee Giteepage部署 外掛不要亂下，即使止損

Hexo部署

上面 git 推送完成後

渲染部署

Hexo跳過渲染

如何跳過 hexo 的渲染
檢視官方文件頁面跳過 hexo 的渲染主要有兩種方式：

Front matter
新建頁面，然後將你的程式碼直接寫入 index.md 中

在 Front matter 中新增 layout: false，此方法適用於單一的純 HTML
css 頁面。

skip_render
如果頁面含有複雜的 js，layout 的方式可能容易報錯，因此利用 hexo 自帶的 skip_render
在根目錄【根目錄】的_config.yml，你可以看到 skip_render，大致在 32 行。寫入你想要的跳過渲染的路徑，例如 - CodePen 頁面：
Yaml
skip_render:
- 'fireworks/'
- 'fireworks/**'
注意縮排和空格，解釋一下：'fireworks/' 表示在目錄 source/fireworks 下的檔案全部跳過渲染，'fireworks/**' 表示在目錄 source/fireworks/資料夾下的檔案全部跳過渲染（例如頁面的 js、css 在另一個資料夾中）。這裡有點重複了，只為了你能看明白。

Hexo 最終是把 md 渲染為 HTML 頁面，所以既然跳過渲染，那頁面就只寫入 HTML。如圖，將新建頁面的 index.md 直接改為 HTML（注意調整 css）

可以混用
都是跳過渲染，當然可以混用

例如我的小圓點頁面，兩種方法混用

修改 md 為 HTML，直接寫入 HTML，並在 Front matter 中利用 layout: false
跳過渲染

若採用第二種方法，在根目錄【根目錄】的_config.yml 新增

Yaml
skip_render:
- 'dot/*'
- 'dot/**'
文章中直接嵌入 HTML
既然 md 最終會被渲染為 HTML，那直接寫 HTML 當然是可以的，但只能以文章形式展示，而不是新的頁面