快速搭建一個本身的我的博客(Github Pages~二次元主題)

前言

本次的一個佈局技術都寫的很是詳細了，只要按着來就行，不過，先說明本次主題爲二次元主題。
若是真的喜歡本主題的不妨能夠試一試（==建議跟據目錄來看==）

在好久好久之前。。。。

嘛，就在前不久我正在。。

額，上圖僅僅表示個人無敵 無聊，本人不抽菸。
嗯嗯，在我閒來無事的過程當中我找到了一個我特別喜歡的我的博客網站；
而後：（放圖~哦哦）

大佬」蟬時雨「，本身寫的主題：
一、所用前端技術：vue
二、博客文章存儲技術：Github issuses（就是原項目的討論部分，分類，心情也是使用的，待會細講）
三、博客評論技術：Gittalk (嗯，就是github提供的開發者設置裏面有)
四、博客熱度技術：LeanCloud (由於沒有後端數據庫方面，因此使用第三方存儲)

傳送門：蟬時雨的網站
傳送門：蟬時雨的github

嘛，待會就以這幾個部分講解

---

技術簡單過

先說好其實並不難，真的不難，按着來就行！！！
思惟圖以下：

腦圖版：

本次的倉庫：

本次的要改動代碼：

本次環境：

在食用 Aurora 主題以前，需先安裝 Nodejs 和 Git 環境，這兩步沒必要細說。環境安裝完畢，因爲 Aurora 使用 vue 開發，因此須要安裝 vue-cli。

歐克，Let`go

---

Github Pages 的部署（我的網址的託管）

一、建立本身github的Pages（並把項目拉下來本身測試跑）

①、安裝環境和拉取項目

需先安裝 Nodejs 和 Git 環境，這兩步沒必要細說

①安裝vue-cli

npm install -g @vue/cli-service-global

②拉取項目（唔，常常玩的卻是不用這麼解釋了）

# clone 主題
git clone git@github.com:chanshiyucx/aurora.git
 
# 進入主題目錄
cd aurora
 
# 安裝依賴包
npm install
 
# 本地預覽
npm start

依賴包安裝完畢，即可執行 npm start 本地預覽效果，訪問 http://localhost:8080/, 固然如今看到的是蟬時雨的博客

②、建立本身github的Pages

重點是 github pages庫的建立，而且一個用戶只能有一個Pages

一、測試

二、選主題

三、而後直接在網址輸入本身的網址，（好比個人：liwangwang321.github.io）

個人是個人主題，大家是剛剛選擇的主題。。。

---

二、如何把本身本地的項目部署到本身的Pages

這個時候咱們已經簡單的把大佬的主題拉下來了，
那麼就開始第一次部署到本身的Pages上（啥也不改）

如今大佬的主題有一鍵部署的功能

修改內容

而後記得 Shift+右鍵 （用管理員的權限執行命令，我以前第一次沒執行成功，而後使用管理員權限就好了）

成功

---

Github issues (原功能是追蹤項目的)

一、配置專門訪問的token令牌

①、註冊一個token令牌

這個token令牌是用來去訪問github倉庫的訪問權限的設置。

成功後：

②、把註冊完的token令牌設置到本身的項目中

---

二、設置(書單，靈感，友鏈，關於)、（分類，標籤）

①設置closed的issues

設置labels(也能夠設置分類)

---

②設置open的issues

設置

---

③書單，關於，友鏈格式規定（標籤，分類設置）

書單：書單頁面使用##作分割，內容示例以下：

## ES6 標準入門
 
author: 阮一峯
published: 2017-09-01
progress: 正在閱讀...
rating: 5,
postTitle: ES6 標準入門
postLink: //chanshiyu.com/#/post/12
cover: //chanshiyu.com/yoi/2019/ES6-標準入門.jpg
link: //www.duokan.com/book/169714
description: 柏林已經來了命令，阿爾薩斯和洛林的學校只許教 ES6 了...他轉身朝着黑板，拿起一支粉筆，使出全身的力量，寫了兩個大字：「ES6 萬歲！」（《最後一課》）。

友鏈：友鏈頁面使用##作分割，內容示例以下：

## 閣子
 
link: //newdee.cf/
cover: //i.loli.net/2018/12/15/5c14f329b2c88.png
avatar: //i.loli.net/2018/12/15/5c14f3299c639.jpg

關於：關於頁面使用##作分割，內容示例以下：

## 關於
 
隨便

==標籤設置==

==分類設置==

==文章模塊==
文章模板沒有太多的格式約束，只須要在文章正文頂部加上封面配圖便可，配圖採用的是 markdown 的註釋語法，因此並不會在正文裏渲染，之後即便你更換博客主題，也不會影響內容的展現。

[pixiv: 41652582]: # 'https://raw.githubusercontent.com/chanshiyucx/yoi/master/bg/3.jpg'

---

Gitalk (評論系統)

一、設置一個評論應用

位置：

新建引用

二、把註冊完的ID和Secret放到本身項目中

位置：

修改文件：

三、給每個須要評論的文章或者（關於，書單，友鏈）建一個 issues

具體的能夠去大佬的倉庫看看
傳送門：蟬時雨的github

---

LeanCloud (第三方管理數據，相似數據庫的概念)

一、註冊LeanCloud帳戶和建立應用

帳戶要是國際版的

建立應用

二、建立三個class(Comment,Counter,Visitor)

三、把對應的ID 和Key來修改本身配置

修改配置

---

後言

嘛，差很少了，其實要改變的配置就改變那個config.js就差很少了，

其餘的感受多玩下github就行，

啊啊，不過說實話以前仍是不太會玩github來着，如今。。。。。

若是真的喜歡本主題的不妨能夠試一試,==倉庫能夠直接去看==

傳送門：蟬時雨的網站
傳送門：蟬時雨的github
個人傳送門：https://liwangwang321.github.io/