使用hexo+next 搭建博客

一下爲使用hexo框架搭建github博客的簡要步驟
<!-- more -->

1.安裝

前提是必須先安裝 Node.js，

再安裝hexo：
npm install hexo -g

2.在本地網頁文件夾下，進入命令行.

hexo init <folder>

3.建立本身的文章

hexo new "文章名"或者hexo n "文章名"

4.生成網站

輸入hexo generate或者 hexo g

5.開啓本地服務器。默認監聽4000端口

hexo server
瀏覽器輸入：
http://localhost:4000
便可預覽本地的網頁。

// 改變須要監聽端口
hexo s -p 3000

6.編輯配置文件_config.yml (在網站項目的根目錄下)

若是沒有如下的內容，就添加。注意冒號後面有空格。

deploy:
  type: github
  repo: http://github.com/用戶名/用戶名.github.io.git
  branch: master
title: 村裏有個小芳是姑娘
subtitle:
description:
author: fernandozhaxi
language: zh-Hans
timezone:

7.部署：

輸入： hexo deploy或者 hexo d

就能夠完成咱們的博客搭建了。

之後要更新博客，只須要如下步驟：
hexo new "Hello World"
hexo g
hexo d

過程當中可能會遇到一些問題：
好比：

• 1.Not found git

解決辦法: npm install hexo-deployer-git --save 便可

• 2.Please tell me who you are
  輸入git郵箱和用戶名便可。

如：git config --global user.email 「你的git郵箱」
git config --global user.name 「你的git用戶名」

• 3.the file will have be replaced by CRLF in ....
  解決辦法:git config --global core.autocrlf false
• 4.Unable to access 「https:github.......」
  解決辦法: 把https，改爲http
• 5.部署時提示 「Not a git repository」的異常信息
  解決辦法: 刪掉.deploy目錄.

8.下載next主題(也能夠用git clone命令，可是我這裏太慢，就直接下載zip包)：

https://github.com/iissnan/hexo-theme-next

• 1.在本地網站項目的theme文件夾下創建一個next的文件夾，將下載的zip包解壓，把裏面的文件複製到next文件夾中。

如圖：![圖片描述][1]

9.切換主題

打開項目的根目錄中的_config.yml文件，找到theme字段，改成：theme：next
輸入hexo clean來清除hexo緩存，再輸入：hexo server開啓本地服務器，咱們能夠經過瀏覽器輸入：http://localhost:4000/測試訪問是否切換成功。

10.設置主題信息

• a.切換佈局：
  打開主題目錄中的_config.yml文件，找到以下字段三種佈局任意選一個設置便可。

#scheme: Muse
            #scheme: Mist
            scheme: Pisces

• b.設置菜單：
  打開主題目錄中的_config.yml文件，找到menu字段，設置以下：

menu:
  home: /
  archives: /archives
  #about: /about
  #categories: /categories
  tags: /tags
  #commonweal: /404.html

• c.菜單項顯示文本：設置菜單項的顯示文本。在第一步中設置的菜單的名稱並不直接用於界面上的展現。Hexo 在生成的時候將使用 這個名稱查找對應的語言翻譯，並提取顯示文本。這些翻譯文本放置在 NexT 主題目錄下的 languages/{language}.yml （{language} 爲你所使用的語言）。以簡體中文爲例，若你須要添加一個菜單項，好比 something。那麼就須要修改簡體中文對應的翻譯文件 languages/zh-Hans.yml，在 menu 字段下添加一項：

  menu:
    home: 首頁
    archives: 歸檔
    categories: 分類
    tags: 標籤
    about: 關於
    search: 搜索
    commonweal: 公益404
    something: 有料

• d.設置側欄,設置側欄的位置，修改 sidebar.position 的值，支持的選項有：

  `` left - 靠左放置``
     `` right - 靠右放置``

• e.設置頭像，新增字段 avatar， 值設置成頭像的連接地址。其中，頭像的連接地址能夠是：互聯網 URI： http://example.com/avtar.png
  本地文件：放置在 source/images/ 目錄下配置爲： avatar: /images/avatar.png
• f.設置多說評論，