NexT主题干货

刚搭建的博客，主要使用的Hexo,NexT,gitHub。自己也写一下搭建过程和遇到的坑方便大家参考，当然也是为了自己以后修改方便。

搭建的整个过程和优化都会写出，但是一些可以本篇文章只会有干货，其他的内容都会给出连接，需要自己去查看。

安装依赖

node.js、Git点击下载(如果有不需要安装)

    npm install -g hexo-cli  \安装Hexo
    hexo init <folder>   \建站 folder(文件夹名)
    cd <folder>  \打开站文件夹
    npm install  \下载依赖
    git clone https://github.com/iissnan/hexo-theme-next themes/next  \下载NexT主题

如果你感觉有疑问可以看官方文档Hexo

本地配置

上面的完成以后，哪一个站已经建好，下面检查一下是否成功。

约定：Hexo站点根目录下的配置文件（_config.yml）称作 站点配置文件 ，NexT主题的配置文件（_config.yml）称作 主题配置文件

需要将站点配置文件的theme,修改为next

hexo g \生成静态文件
hexo s \启动服务  访问网址http://localhost:4000/

如果访问失败可以参考一下官方文档 NexT

发布到gitHub

如果你没有账号可以点击注册gitHub

<pre>npm install hexo-deployer-git --save  \安装 hexo-deployer-git插件</pre>

修改站点配置文件中deploy配置

deploy:
     type: git  \类型
     repo: <repository url>  \填写项目地址
     branch: [branch]  \填写项目分支
     message: [message]  \填写提交描述

如果你没有配置过gitHub的ssh，需要自己百度配置一下

hexo d  \部署

后期优化

主题的配置在官网上都有说明，大家可以直接在我前面给的文档连接查看，但是有一些在文档里没有说明。

文章部分展示

当你发布完文章突然发现是全部在首页展示的，如果想要只展示部分可以如下配置 主题配置文件

auto_excerpt:
        enable: true

底部优化

相信大家都也不太喜欢自己的博客底部有一些乱七八糟的连接，可以做一下修改

找到/themes/next/layout/_partials/footer.swig文件修改布局

也可以找到/themes/next/languages/zh-Hans.yml文件中的footer配置修改显示文字

如果你想修改底部的icon图标，可以到 主题配置文件中修改footer下面的icon配置即可

分类标签页面

NexT中默认的是只有首页和归档页面的，如果你想利用标签和分类也应该如何

首先新建标签页hexo new page tags

确认站点配置文件里有tag_dir: tags

确认主题配置文件里有tags: /tags

编辑站点的source/tags/index.md，添加
<pre>title: tags
date: 时间
type: "tags"</pre>

还有一个需要注意的是，你新建文章的时候需要如下配置
<pre>title: tags
date: 时间
tags:

tags1
tags2</pre>

分类页相同，这里就不啰嗦了。

favicon优化

准备自己喜欢的图片

https://realfavicongenerator.net/点击

点击页面中的select your Favicon picture按钮，上传自己的图片，然后下载。这些就不啰嗦了。

在 主题配置文件 中的favicon配置，自己看一下有各种尺寸和格式的路径配置，把自己需要的图片拷贝到themes/next/source/images路径下，修改配置。下面的也就不啰嗦了。

友情连接设置

在 主题配置文件 中的social配置，自己进行相应的修改就可以了，这里不再啰嗦。

第一次写有点逻辑不清，如果有错误欢迎大家指出。