Windows基於gitee使用hexo搭建我的博客筆記

聲明"全局變量"（之後我提到的站點配置文件和主題配置文件地址）：
"站點配置文件"位置爲  hexo/_config.yml
"主題配置文件"位置爲  hexo/themes/next/_config.yml

搭建hexo

• 安裝hexo

  命令行中輸入如下命令（npm即爲Node.js環境，若是卡頓推薦使用cnpm）

  npm install -g hexo

• hexo初始化

  找一個文件夾，這個文件夾未來會存儲你全部博客的markdown文件以及生成的html文件，慎重選擇。

  執行命令

  hexo init

  會生成一個名爲hexo的文件夾，hexo/source/_posts即爲放置markdown文檔的文件夾。

本地啓動

最開始hexo會提供一個hello world頁面供各位調試，如今就使用這個頁面，切換到根目錄，執行：

hexo g

執行完這個命令後會生成一堆文件，像這樣

再執行：

hexo s

這樣本地服務就啓動了，接着訪問 http://localhost:4000 就能夠看到hello world頁面啦

基本配置

站點配置文件

title: 發給官兵's blog 
subtitle: Less complain,do more!
description: 發給官兵的技術博客
author: 發給官兵
language: zh-Hans

選用主題（next）

由於你們都推薦用這個，我的也以爲這個主題確實美觀大方且不花哨，就直接用這個主題了。

站點配置文件

theme: next

部署到gitee

• 安裝插件

  cnpm install hexo-deployer-git --save

• 站點配置文件

  repository 直接複製碼雲的倉庫地址便可

  deploy:
    type: git
    repository: git@gitee.com:fageiguanbing/blog.git
    branch: master

• 一個坑

  這個 root 對應你的倉庫名稱，默認狀況是 / ，可是倉庫確定是有名稱的，個人倉庫名稱爲blog，因此此處爲 /blog

  root: /blog

• 部署

  hexo clean #清緩存
  hexo g
  hexo d

菜單增長分類（categories）與標籤（tags）

1.1 給文章添加「type」屬性

在根目錄 hexo/ 中執行如下命令

$ hexo new page categories

成功後會提示：

INFO  Created: ~/Documents/blog/source/categories/index.md

根據上面的路徑，找到 index.md 這個文件，打開後默認內容是這樣的：

---
title: categories
date: 2018-09-14 11:23:58
---

添加 type: "categories" 到內容中，添加後是這樣的：

---
title: categories
date: 2018-09-14 11:23:58
type: "categories"
---

1.2 給文章添加「categories」屬性

同理，先執行生成一個名稱爲 categories 的文件夾

$ hexo new page categories

修改 index.md 文件爲：

---
title: tags
date: 2018-09-14 11:20:53
type: "tags"
---

1.3修改 主題配置文件 讓網頁中顯示標籤和分頁

menu:
  home: / || home
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive

新增博客時模板配置

• 需求：在使用 hexo new 文章名 時，默認生成分類與標籤

文件夾位於 hexo/scaffolds 中，新建模板名爲 blog.md ，其中內容定義

---
title: {{ title }}
date: {{ date }}
tags:
categories:
---

在建立你的博客時，使用命令 hexo blog "你的博客名文件名稱" 便可使用模板進行建立

注：tags和categories的格式均爲：在英文狀態下 冒號後加一個空格，再加上中括號 [] ，中間以 ， 逗號進行分隔

例如，個人tags爲MySQL和數據庫，分類爲數據庫

---
title: {{ title }}
date: {{ date }}
tags: [MySQL,數據庫]
categories: [數據庫]
---

站內搜索

• 需求：全站模糊查詢

安裝 hexo-generator-searchdb，在站點的根目錄下執行如下命令：

$ npm install hexo-generator-searchdb --save

編輯 站點配置文件，新增如下內容到任意位置：

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

編輯 主題配置文件，啓用本地搜索功能：

# Local search
local_search:
  enable: true

而後 從新生成 查看:

$ hexo clean

$ hexo s -g
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

這樣,搜索功能就添加上了.

騰訊分析（流量分析）

• 需求：主頁及各個頁面訪問量統計

登陸騰訊分析，獲取分析ID

而後在 主題配置文件 _config.yml 裏將 ID 放置 tencent_analytics 字段。

設置完成後訪問你的博客，而後等待一段時間，看騰訊分析的管理控制檯便可。

本文由 發給官兵 創做，採用 CC BY 3.0 CN協議 進行許可。 可自由轉載、引用，但需署名做者且註明文章出處。