使用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.设置多说评论，