基于Hexo搭建博客并部署到Github Pages - 简书
基于Hexo搭建博客并部署到Github Pages
之前在上写东西，觉得自己还是太浮躁。本来打算用Flask自己写一个，以为是微框架就比较简单，naive。HTML、CSS、JS等都要学啊，我几乎没有这方面的基础，写到Web表单那儿果断弃了，转向简单的Hexo + Github Pages。不过要想搭建博客的同时巩固Python，Flask确实是一个不错的选择。
获取Github Pages
去注册账号
新建一个repo，注意名称一定是your_username.github.io这样的格式。
比如你的用户名为zhangsan，Repository name里面就填上zhangsan.github.io
进入刚新建的仓库，点击Setting，一直拖到最下面，选择Automatic Page Generator，随便选个主题然后发布即可。
详细步骤见
Hexo搭建静态博客
hexo是一款基于Node.js的静态博客框架，Github官方推荐的是。对比了下，大多认为hexo比较简单，于是我选择了它。我们需要安装如下软件
使用Github for windows首次登录时就自动在本地生成了密钥，并远程添加到了Github。自动配置好SSH还是很省事的。
详细步骤见以及。我是跟着他们写的一步步来的，别人说的很详细的我也没必要再重复。我粗略写下来只是为了记录个人学习过程。
打开Git Shell，cd到你想搭建博客的路径，比如D:\My Documents\GitHub\blog。依次输入
npm install hexo-cli -g
# 初始化，安装所需包
npm install
# 其实此句不是必须，新版本的Hexo在初始化时就安装好了依赖包)
然后在浏览器输入localhost:4000就能在本地预览我们新搭建的博客了。hexo的常用指令不多，主要如下
# 新建文章，在\source\_posts文件夹里
hexo new page
# 新建页面，比如想在导航栏新增一个“关于我”的页面
hexo clean
# 清除本地的数据库和生成的public文件夹
# 生成博客文件
# 运行在本地浏览器，可当预览使用
# 部署博客到Github等
注意所有命令需要在cd后的新路径中进行
键入hexo n "name"即可在\source\_posts文件夹里生成name.md的Markdown文件，文件结构如下
title: HelloWorld！ # 文章页面上的显示名称，可以任意修改，不会出现在URL中
15:56:26 # 文章生成时间，一般不改
categories:
# 文章分类目录，参数可省略
- 随笔 # 此为一级目录
- 瞬间 # 此为二级目录
- 关于 # 此为三级目录
# 文章标签，参数可省略
- blog # 个数不限，单个可直接跟在tags后面
这里开始是正文
如果想生成的文件默认带categories，那么打开根目录下\scaffolds\post.md新增一行categories :就修改好了模板文件。如果想在主页中以摘要形式显示你的文章，要么正文中加入&!--more--&即可屏蔽该语句下面的内容。
部署到Github Pages
在根目录下_config.yml里面任意位置新增以下语句
# 填上你自己的仓库名，注意后面有`.git`
repository: :your_username/your_username.github.io.git
branch: master
最好不要采用http形式的如/your_username/your_username.github.io.git而采用SSH换版本的:your_username/your_username.github.io.git，如下图点击Use SSH后再复制。
所有冒号后面必须键入一个空格
好了现在可以部署到Github了。输入npm install hexo-deployer-git --save，然后再执行hexo d来部署。否则会出现Deployer not found:git的错误。耐心等待，出现Deployer done: git表示你部署成功了！输入网址your_username.github.io去看看吧。一般来说如果出现莫名的问题，按照以下步骤即可解决。
删除.deploy_git文件夹
hexo clean
个性化你的博客
在根目录_config.yml里进行全局配置。
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: /hexojs/hexo/
title: 海之声 #主页标题
subtitle: 参差多态乃是幸福本源 #副标题
description: 参差多态乃是幸福本源 # 网站描述，可以加一句自己喜欢的座右铭
author: haiyusun #作者，左下角显示
avatar: /images/avatar.jpg #设置头像，放在\themes\next\source\images里
language: zh-Hans # 选择中文简体
since: 2016 #建站日期，左下角显示
# 多说 ShortName
duoshuo_shortname: your_username # 多说评论，后面填写用户名
# 百度分析
baidu_analytics: your_id # 填写自己获得的id
# Social links
Github: /haiyusun
Email: mailto:
# title, chinese available
links_title: 友情链接
我的简书: /users/ea4
## If your site is put in a subdirectory, set url as '/child' and root as '/child/'
url: http://haiyusun.github.io/ #填自己的github pages网址
permalink: :year/:month/:day/:title/
permalink_defaults:
# 本地搜索
path: search.xml
field: post
# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
# 语法高亮
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:
# Category & Tag
default_category: uncategorized
category_map:
# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## /docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# 百度网站地图
baidusitemap: # 需要安装插件 npm install hexo-generator-baidu-sitemap@0.1.1 --save
path: baidusitemap.xml
# 主题切换
theme: next
type: atom
path: atom.xml
# Deployment
## Docs: https://hexo.io/docs/deployment.html
repo: :your-username/haiyusun.github.io.git
branch: master
# ---------------下面选项需要对应插件的支持---------------
# npm install hexo-generator-index --save
# npm install hexo-generator-archive --save
# npm install hexo-generator-category --save
# npm install hexo-generator-tag --save
index_generator:
per_page: 10 ##首页默认10篇文章标题 如果值为0不分页
archive_generator:
per_page: 20 ##归档页面默认20篇文章标题
yearly: true
##生成年视图
monthly: true ##生成月视图
tag_generator:
per_page: 10 ##标签分类页面默认10篇文章
category_generator:
per_page: 10 ###分类页面默认10篇文章
自带的landscape主题不太好看，我选了。将其克隆到本地，在根目录下theme文件夹下新建next文件夹，把刚才下载的全放进去，然后在根目录_config.yml里找到theme: landscape将其替换成next即启用该主题。官方给出的十分详细，建议先看看，配合着应该能做出效果不错的个人博客了。至此我们的博客就带有RSS订阅、百度统计、来访/阅读次数统计、网站地图、评论系统、分享服务、本地搜索等功能了。
以下针对我自己的问题作个记录。
默认导航栏只有首页、归档、标签、分类四项。如果想增加其他如C++、随笔等。需要打开\themes\next\_config.yml找到如下
# When running the site in a subdirectory (e.g. domain.tld/blog), remove the leading slash (/archives -& archives)
categories: /categories
tags: /tags
archives: /archives
# 这里是新增的，程序猿是一级目录，C是二级目录，同理随笔是一级目录
c++: /categories/程序猿/C/
python: /categories/程序猿/Python/
essay: /categories/随笔/
# 注意这里没有/categories
about: /about
假如我想新建C++、Python、随笔三个导航按钮，并且打开他们的效果如下图。
需要注意的是前面要加上/categories，格式是这样python: /categories/这里是文章的一级目录/这里是文章的二级目录/。结尾要加上/分隔符。这几个页面是不需要通过hexo new page来生成的。关于导航栏及侧栏所用的图标来自。在\themes\next\_config.yml里配置。
# 导航栏的图标，输入网站内图标的对应单词
menu_icons:
enable: true
#KeyMapsToMenuItemKey: NameOfTheIconFromFontAwesome
home: home
about: user
categories: th
tags: tags
archives: archive
c++: keyboard-o
python: keyboard-o
essay: pencil
commonweal: heartbeat
# 社交网络图标
social_icons:
enable: true
# Icon Mappings.
# KeyMapsToSocalItemKey: NameOfTheIconFromFontAwesome
GitHub: github
Email: envelope
写文章的时候只要分类目录对应就可以被正确归类到导航栏里。如下
title: Python爬虫初学（三）—— 模拟登录知乎
# 对应于/categories/程序猿/Python/
categories:
新增关于我页面
这个需要hexo new page "about"生成一个新页面，menu里面新增about: /about。在新增的about文件夹可以看到index.md，对其直接编辑就可，注意不要对此文件加tags和 categories，否则会出错。
公益404页面
HTTP 404或Not Found错误信息是的其中一种“标准回应信息”（），此信息代表客户端在浏览网页时，无法正常提供信息，或是服务器无法回应且不知原因。
按照添加404页面对我来说好像不可用。在复制了某匿名用户的的代码，拷贝到\themes\next\source\404.html可行。代码如下，其中重定向链接改成你自己的主页，还可以自定义背景图片。
&meta charset="utf-8"&
&title&404 Not Found&/title&
*{margin:0;padding:0;outline:font-family:\5FAE\8F6F\96C5\9ED1,????;-webkit-user-select:-moz-user-select:-ms-user-select:-khtml-user-select:user-select:cursor:font-weight:}
.center{margin:0}
.whole{width:100%;height:100%;line-height:100%;position:bottom:0;left:0;z-index:-1000;overflow:}
.whole img{width:100%;height:100%;}
.mask{width:100%;height:100%;position:top:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.b{width:100%;text-align:height:400position:top:50%;margin-top:-230px}.a{width:150height:50margin-top:30px}.a a{display:float:width:150height:50background:#text-align:line-height:50font-size:18border-radius:25color:#333}.a a:hover{color:#000;box-shadow:#fff 0 0 20px}
p{color:#margin-top:40font-size:24}
#num{margin:0 5font-weight:}
.plan{color:background:font-size: 30 margin-top: 20}
.plan:hover{color:background:font-size: 30}
width: 654
height: 470
left: 50%;
margin-left: -377
margin-top: -235
&body onload="redirect();"&
&div id="gg"&
&!--以下网址为益播生成的404页面--&
class="gg" scrolling='no' frameborder='0' src='/Home/Distribute/ad404/1182245' width='654' height='470' style='display:'&
&div class="whole"&
&!--这里是自定义图片的地址--&
继续美化博客
修改文章宽度
如果嫌博客页面两边大量留白，文章宽度不够，可以修改。见。
如何修改文章宽度？
\themes\next\source\css_common\components\post\post-expand.styl
@media (max-width: 767px)改为：@media (max-width: 1280px)
\themes\next\source\css\ _variables\base.styl中：
$main-desktop = 960px$content-desktop = 700px改成：$main-desktop = 1280px$content-desktop = 960px
我个人觉得这个又太宽了。于是改成@media (max-width: 1080px)、$main-desktop = 1080px、$content-desktop = 810px，可凭喜好自己修改。我设置的文章宽度如下
配色与字体
继续在\themes\next\source\css\ _variables\base.styl折腾。
字号与行高
字号默认14px，虽然是主流，我个人觉得还是太小了点，看多了眼睛难受，设置成16px好多了。找到$font-size-base = 14px，修改即可。该主题默认行高2.0，移动设备访问可见行高过高，找到$line-height-base = 2。修改成1.8个人觉得最为合适。至于代码块的字体，默认的13px确实有点小了。不过最好不要修改，否则会出现糟糕的滚动条。
主要是修改网页背景色，修改超链接颜色。自定义颜色见。
// Variables
// =================================================
// colors for use across theme.
// --------------------------------------------------
$whitesmoke
$gainsboro
$gray-lighter = #ddd
$grey-light
$grey-dark
$black-light
$black-dim
$black-deep
$blue-bright
// 这是我自定义的颜色
$blue-deep
// Scaffolding
// Settings for some of the most global styles.
// --------------------------------------------------
// Global text color on &body&
$text-color
= $black-deep
// 修改超链接颜色
// Global link color.
$link-color
$link-hover-color
$link-decoration-color
= $gray-lighter
$link-decoration-hover-color
// Global border color.
$border-color
= $black-light
// Background color for &body&
// 背景色，默认white，我认为太刺眼就换成了烟灰色
$body-bg-color
= whitesmoke
// 鼠标选择区域
// Selection
$selection-bg
= $blue-deep
$selection-color
我就折腾了这么多，至此博客搭建完成。
by @sunhaiyu
Java、Python、学生手把手教你用Hexo+Github搭建属于自己的博客(详细图文)
作者：gdutxiaoxu
字体：[ ] 类型：转载 时间：
越来越多的朋友选择自己架设自己的博客，以来方便个性样式二来也能带来不少收入，大部分朋友都会选择wordpress搭建个人博客，这里为大家分享使用Hexo+Github搭建开发者博客的方法,需要的朋友可以参考下
在大三的时候，一直就想搭建属于自己的一个博客，但由于各种原因，最终都不了了之，恰好最近比较有空，于是就自己参照网上的教程，搭建了属于自己的博客。
至于为什么要搭建自己的博客了？
哈哈，大概是为了装逼吧，同时自己搭建博客的话，样式的选择也比较自由，可以自己选择，不需要受限于各大平台。
转载请注明原博客地址：手把手教你用Hexo+Github 搭建属于自己的博客
大概可以分为以下几个步骤
搭建环境准备（包括node.js和git环境，gitHub账户的配置）
怎样将Hexo与github page 联系起来
怎样发布文章
主题Net的简单配置
添加sitemap和feed插件
添加404 公益页面
搭建环境准备
大概可以分为以下三步
- Node.js 的安装和准备
- git的安装和准备
- gitHub账户的配置
配置Node.js环境
下载Node.js安装文件：
根据自己的Windows版本选择相应的安装文件，要是不知道，就安装32-bit的吧- -。
可以通过我的电脑 & 右键 & 属性
如图所示：
保持默认设置即可，一路Next，安装很快就结束了。 然后我们检查一下是不是要求的组件都安装好了，同时按下Win和R，打开运行窗口：
Windows的运行界面
在新打开的窗口中输入cmd，敲击回车，打开命令行界面。（下文将直接用打开命令行来表示以上操作，记住哦~） 在打开的命令行界面中，输入
node -vnpm -v
如果结果如下图所示，则说明安装正确，可以进行下一步了，如果不正确，则需要回头检查自己的安装过程。
配置Git环境
下载Git安装文件：
然后就进入了Git的安装界面，如图：
Git安装界面
和Node.js一样，大部分设置都只需要保持默认，但是出于我们操作方便考虑，建议PATH选项按照下图选择：
Git PATH设置
这是对上图的解释，不需要了解请直接跳过 Git的默认设置下，出于安全考虑，只有在Git Bash中才能进行Git的相关操作。按照上图进行的选择，将会使得Git安装程序在系统PATH中加入Git的相关路径，使得你可以在CMD界面下调用Git，不用打开Git Bash了。
一样的，我们来检查一下Git是不是安装正确了，打开命令行，输入：
git --version
如果结果如下图所示，则说明安装正确，可以进行下一步了，如果不正确，则需要回头检查自己的安装过程。
关于 git的下载即安装，可以参考我的这一篇博客：
github账户的注册和配置
如果已经拥有账号，请跳过此步~
Github注册
打开，在下图的框中，分别输入自己的用户名，邮箱，密码。
然后前往自己刚才填写的邮箱，点开Github发送给你的注册确认信，确认注册，结束注册流程。
一定要确认注册，否则无法使用gh-pages！
创建代码库
登陆之后，点击页面右上角的加号，选择New repository：
新建代码库
进入代码库创建页面：
在Repository name下填写yourname.github.io，Description (optional)下填写一些简单的描述（不写也没有关系），如图所示：
注意：比如我的github名称是gdutxiaoxu ,这里你就填 gdutxiaoxu.github.io,如果你的名字是xujun，那你就填 xujun.github.io
代码库设置
正确创建之后，你将会看到如下界面：
接下来开启gh-pages功能，点击界面右侧的Settings，你将会打开这个库的setting页面，向下拖动，直到看见GitHub Pages，如图：
Github pages
点击Automatic page generator，Github将会自动替你创建出一个gh-pages的页面。 如果你的配置没有问题，那么大约15分钟之后，yourname.github.io这个网址就可以正常访问了~ 如果yourname.github.io已经可以正常访问了，那么Github一侧的配置已经全部结束了。
到此搭建hexo博客的相关环境配置已经完成，下面开始讲解Hexo的相关配置
在自己认为合适的地方创建一个文件夹，这里我以E：/hexo 为例子讲解，首先在E盘目录下创建Hexo文件夹，并在命令行的窗口进入到该目录
在命令行中输入：
npm install hexo-cli -g
然后你将会看到:
可能你会看到一个WARN，但是不用担心，这不会影响你的正常使用。 然后输入
npm install hexo --save
然后你会看到命令行窗口刷了一大堆白字，下面我们来看一看Hexo是不是已经安装好了。 在命令行中输入：
如果你看到了如图文字，则说明已经安装成功了。
hexo的相关配置初始化Hexo
接着上面的操作，输入：
然后输入：
npm install
之后npm将会自动安装你需要的组件，只需要等待npm操作即可。
首次体验Hexo
继续操作，同样是在命令行中，输入：
然后输入：
然后会提示：
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
在浏览器中打开http://localhost:4000/，你将会看到：
到目前为止，Hexo在本地的配置已经全都结束了。
下面会讲解怎样将Hexo与github page 联系起来
怎样将Hexo与github page 联系起来
大概分为以下几步
- 配置git个人信息
- 配置Deployment
配置Git个人信息
如果你之前已经配置好git个人信息，请跳过这一个 步骤，直接来到
1、设置Git的user name和email：(如果是第一次的话)
git config --global user.name "xujun"
git config --global user.email ""
2、生成密钥
ssh-keygen -t rsa -C ""
配置Deployment
同样在_config.yml文件中，找到Deployment，然后按照如下修改：
repo: :yourname/yourname.github.io.git
branch: master
比如我的仓库的地址是:gdutxiaoxu/gdutxiaoxu.github.io.git，所以配置如下
repo: :gdutxiaoxu/gdutxiaoxu.github.io.git
branch: master
写博客、发布文章
新建一篇博客，执行下面的命令：
hexo new post "article title"
这时候在我的 电脑的目录下 F:\hexo\source\ _posts 将会看到 article title.md 文件
用MarDown编辑器打开就可以编辑文章了。文章编辑好之后，运行生成、部署命令：
hexo g // 生成
hexo d // 部署
当然你也可以执行下面的命令，相当于上面两条命令的效果
hexo d -g #在部署前先生成
部署成功后访问 你的地址，https://yourName.github.io（这里输入我的地址： https://gdutxiao.github.io ),将可以看到生成的文章。
1）注意需要提前安装一个扩展：
npm install hexo-deployer-git --save
如果没有执行者行命令，将会提醒
deloyer not found:git
2）如果出现下面这样的错误，
Permission denied (publickey).
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
则是因为没有设置好public key所致。
在本机生成public key,不懂的可以参考我的这一篇博客
每个不同的主题会需要不同的配置，主题配置文件在主题目录下的_config.yml。有两个比较好的主题推荐给大家。
Yilia 是为 hexo 2.4+制作的主题。
崇尚简约优雅，以及极致的性能。
我的网站就是采用这个主题，简洁美观。
目前Github上Star最高的Hexo主题，支持几种不同的风格。
作者提供了非常完善的配置说明。
Net主题的配置
在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。 其中，一份位于站点根目录下，主要包含 Hexo 本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。
为了描述方便，在以下说明中，将前者称为 站点配置文件， 后者称为 主题配置文件。
比如我的电脑下的 F:\hexo 目录下的成为 站点配置文件，F:\hexo\themes\next 目录下的成为主题配置文件。
1. 安装 NexT
Hexo 安装主题的方式非常简单，只需要将主题文件拷贝至站点目录的 themes 目录下， 然后修改下配置文件即可。具体到 NexT 来说，安装步骤如下。
如果你熟悉 Git， 建议你使用 克隆最新版本 的方式，之后的更新可以通过 git pull 来快速更新， 而不用再次下载压缩包替换。
克隆最新版本
下载稳定版本
在终端窗口下，定位到 Hexo 站点目录下。使用 Git checkout 代码：
cd your-hexo-site
git clone /iissnan/hexo-theme-next themes/next
2. 启用主题
与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后，打开 站点配置文件， 找到 theme 字段，并将其值更改为 next。
启用 NexT 主题
theme: next
到此，NexT 主题安装完成。下一步我们将验证主题是否正确启用。在切换主题之后、验证之前， 我们最好使用 hexo clean 来清除 Hexo 的缓存。
3. 验证主题
首先启动 Hexo 本地站点，并开启调试模式（即加上 –debug），整个命令是 hexo s –debug。 在服务启动的过程，注意观察命令行输出是否有任何异常信息，如果你碰到问题，这些信息将帮助他人更好的定位错误。 当命令行输出中提示出：
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
此时即可使用浏览器访问 http://localhost:4000 ，检查站点是否正确运行。
当你看到站点的外观与下图所示类似时即说明你已成功安装 NexT 主题。这是 NexT 默认的 Scheme —— Muse
现在，你已经成功安装并启用了 NexT 主题。下一步我们将要更改一些主题的设定，包括个性化以及集成第三方服务。
4. 主题设定
选择 Scheme
Scheme 是 NexT 提供的一种特性，借助于 Scheme，NexT 为你提供多种不同的外观。同时，几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme，他们是：
Muse - 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白
Mist - Muse 的紧凑版本，整洁有序的单栏外观
Pisces - 双栏 Scheme，小家碧玉似的清新
Scheme 的切换通过更改 主题配置文件，搜索 scheme 关键字。 你会看到有三行 scheme 的配置，将你需用启用的 scheme 前面
注释 # 即可。
选择 Pisce Scheme
#scheme: Muse
#scheme: Mist
scheme: Pisces
5. 设置 语言
编辑 站点配置文件， 将 language 设置成你所需要的语言。建议明确设置你所需要的语言，例如选用简体中文，配置如下：
language: zh-Hans
目前 NexT 支持的语言如以下表格所示：
language: en
language: zh-Hans
language: fr-FR
Português
language: pt
zh-hk 或者 zh-tw
language: zh-hk
Русский язык
language: ru
language: de
language: ja
Indonesian
language: id
6. 设置 菜单
菜单配置包括三个部分，第一是菜单项（名称和链接），第二是菜单项的显示文本，第三是菜单项对应的图标。 NexT 使用的是 Font Awesome 提供的图标， Font Awesome 提供了 600+ 的图标，可以满足绝大的多数的场景，同时无须担心在 Retina 屏幕下 图标模糊的问题。
编辑 主题配置文件，修改以下内容：
设定菜单内容，对应的字段是 menu。 菜单内容的设置格式是：item name: link。其中 item name 是一个名称，这个名称并不直接显示在页面上，她将用于匹配图标以及翻译。
菜单示例配置
archives: /archives
#about: /about
#categories: /categories
tags: /tags
#commonweal: /404.html
若你的站点运行在子目录中，请将链接前缀的 / 去掉
NexT 默认的菜单项有（标注 的项表示需要手动创建这个页面）：
显示文本（简体中文）
archives: /archives
categories
categories: /categories
tags: /tags
about: /about
commonweal
commonweal: /404.html
设置菜单项的显示文本。在第一步中设置的菜单的名称并不直接用于界面上的展示。Hexo 在生成的时候将使用 这个名称查找对应的语言翻译，并提取显示文本。这些翻译文本放置在 NexT 主题目录下的 languages/{language}.yml （{language} 为你所使用的语言）。
以简体中文为例，若你需要添加一个菜单项，比如 something。那么就需要修改简体中文对应的翻译文件 languages/zh-Hans.yml，在 menu 字段下添加一项：
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
commonweal: 公益404
something: 有料
设定菜单项的图标，对应的字段是 menu_icons。 此设定格式是 item name: icon name，其中 item name 与上一步所配置的菜单名字对应，icon name 是 Font Awesome 图标的 名字。而 enable 可用于控制是否显示图标，你可以设置成 false 来去掉图标。
菜单图标配置示例
menu_icons:
enable: true
# Icon Mapping.
home: home
about: user
categories: th
tags: tags
archives: archive
commonweal: heartbeat
在菜单图标开启的情况下，如果菜单项与菜单未匹配（没有设置或者无效的 Font Awesome 图标名字） 的情况下，NexT 将会使用 作为图标。
请注意键值（如 home）的大小写要严格匹配
默认情况下，侧栏仅在文章页面（拥有目录列表）时才显示，并放置于右侧位置。 可以通过修改 主题配置文件 中的 sidebar 字段来控制侧栏的行为。侧栏的设置包括两个部分，其一是侧栏的位置， 其二是侧栏显示的时机。
设置侧栏的位置，修改 sidebar.position 的值，支持的选项有：
left - 靠左放置
right - 靠右放置
目前仅 Pisces Scheme 支持 position 配置。影响版本5.0.0及更低版本。
position: left
设置侧栏显示的时机，修改 sidebar.display 的值，支持的选项有：
post - 默认行为，在文章页面（拥有目录列表）时显示
always - 在所有页面中都显示
hide - 在所有页面中都隐藏（可以手动展开）
remove - 完全移除
display: post
已知侧栏在 use motion: false 的情况下不会展示。 影响版本5.0.0及更低版本。
8. 设置 头像
编辑 站点配置文件， 新增字段 avatar， 值设置成头像的链接地址。其中，头像的链接地址可以是：
完整的互联网 URI
/avtar.png
站点内的地址
将头像放置主题目录下的 source/uploads/ （新建uploads目录若不存在） 配置为：avatar: /uploads/avatar.png 或者 放置在 source/images/ 目录下 , 配置为：avatar: /images/avatar.png
头像设置示例
avatar: /avtar.
9. 设置 作者昵称
编辑 站点配置文件， 设置 author 为你的昵称。
10. 站点描述
编辑 站点配置文件， 设置
字段为你的站点描述。站点描述可以是你喜欢的一句签名:)
添加sitemap和feed插件
切换到你本地的hexo 目录CIA，在命令行窗口，属兔以下命令
npm install hexo-generator-feed -save
npm install hexo-generator-sitemap -save
修改_config.yml，增加以下内容
# Extensions
- hexo-generator-feed
- hexo-generator-sitemap
#Feed Atom
type: atom
path: atom.xml
path: sitemap.xml
再执行以下命令，部署服务端
配完之后，就可以访问 https://gdutxiaoxu.github.io/atom.xml 和 https://gdutxiaoxu.github.io/sitemap.xml ，发现这两个文件已经成功生成了。
添加404 页面
GitHub Pages有提供制作404页面的指引：&
直接在根目录下创建自己的404.html或者404.md就可以。但是自定义404页面仅对绑定顶级域名的项目才起作用，GitHub默认分配的二级域名是不起作用的，使用hexo server在本机调试也是不起作用的。
我的404页面配置如下
&meta http-equiv="content-type" content="text/charset=utf-8;"/&
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&
&meta name="robots" content="all" /&
&meta name="robots" content="index,follow"/&
&script type="text/javascript" src="/404/search_children.js"
charset="utf-8" homePageUrl="gdutxiaoxu.github.io"
homePageName="回到我的主页"&
我的git系列参考教程
Git下载及配置环境变量
Git 命令行教程及实例教程
Git ssh 配置及使用
git ssh 配置多个账户
转载请注明原博客地址：
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}