GitHub_Hexo_Next 搭建博客

利用最新版本的 hexo+next 重構了我的博客，下面簡單記錄了搭建博客的完整過程：

1、環境準備

• 1.安裝 Node.js

• 2.安裝 Git

• 3.註冊 Github 帳號

2、在GitHub上建立Github Pages項目

• 建立新倉庫
  

  • 建立一個名稱爲 yourusername.github.io 的新倉庫
  • 這邊的yourusername填寫本身的用戶名
  • Github會識別並自動將該倉庫設爲 Github Pages

• 設置github用戶和郵箱

$ git config --global user.name "your name"
$ git config --global user.name "your email"

• 生成SSH密鑰

$ ssh-keygen -t rsa -C "Github的註冊郵箱地址"

• 在C:\Users\ASUS.ssh目錄會有兩個文件id_rsa和id_rsa.pub,打開id_rsa.pub
• 複製裏面的全部內容到 SSH keys這裏 的Key，Title隨便填，即完成：Add SSH key

3、安裝Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁

• 進入任意磁盤建立文件夾，命名爲hexo,在該文件夾下鼠標右鍵選擇Git Bash Here，執行命令:

$ npm install -g hexo-cli
$ hexo init
$ npm install

• 新建完成後，指定文件夾的目錄以下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source  
|   ├── _drafts   
|   └── _posts
└── themes

• _config.yml 文件中填上博客的基本信息，網站的詳細配置點擊這裏 查看
• 注意，冒號後面都要有一個空格

4、部署

• 在_config.yml文件，找到deploy，進行如下配置

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: master

• 安裝部署工具

$ npm install hexo-deployer-git --save

• 新建一篇博客文章

  在hexo/source/_posts文件夾下新建md文件(不用加.md後綴）

$ hexo new 文件名

• 最後輸入如下命令生成網站文件並部署：

$ hexo g //生成網頁文件
$ hexo s //localhost:4000本地預覽效果
$ hexo d //部署

在瀏覽器輸入https://username.github.io/ 就跳到博客網站

5、用Next美化博客

Hexo 安裝後，默認主題是 landscape ，目前很火的一款主題 NexT

• 在hexo文件夾下鼠標右鍵選擇Git Bash Here，而後 git clone 主題:

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

• 更新主題 NexT

$ cd themes/next
$ git pull

• 切換成NexT主題，在hexo根文件夾下，修改_config.yml文件中的 theme

theme: next

//切換後，用命令清除下緩存
$ hexo clean

//執行hexo s本地產看NexT主題效果
$ hexo s

• 切換next主題的風格

  修改hexo/theme/next/_config.yml

# Schemes
 # scheme: Muse
 # scheme: Mist
 # scheme: Pisces
 # scheme: Gemini

• 設置Menu

默認只有首頁和歸檔，若是還要添加，編輯hexo/themes/next/_config.yml

menu:
  home: / || home  //首頁
  about: /about/ || user  //關於
  tags: /tags/ || tags  //標籤
  categories: /categories/ || th   //分類
  archives: /archives/ || archive //歸檔
  schedule: /schedule/ || calendar   //日程表
  sitemap: /sitemap.xml || sitemap   //站點地圖

• 建立分類文件夾

$ hexo new page categories

• 成功後輸出：INFO Created: ~/Documents/blog/source/categories/index.md

• 根據上面的路徑，找到index.md這個文件，打開後並添加type: "categories"

---
> title: 文章分類
> date: 2019-07-15 23:30:33
> type: "categories"
---

• 而後給文章添加「categories」屬性

---
> title: GitHub+Hexo+Next搭建博客
> date: 2019-07-15 23:43:57
> categories: hexo
---

• 建立標籤文件夾

$ hexo new page tags

成功後輸出：INFO Created: ~/Documents/blog/source/tags/index.md

• 根據上面的路徑，找到index.md這個文件，打開後並添加 type: "tags" 保存

---
> title: 文章分類
> date: 2019-07-15 23:54:22
> type: "tags"
---

• 而後給文章添加「tags」屬性

---
> title: GitHub+Hexo+Next搭建博客
> date: 2019-07-15 23:43:57
> tags: hexo
---

根據以上步驟就能夠搭建出一個屬於本身的博客網站了，趕忙行動吧！

參考教程：

• 於禤的博客

• 製做免費安全好運維不跑丟的博客

• HEXO+Github Pages博客搭建指南

• 搭建hexo博客網站