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配置，本身进行相应的修改就能够了，这里再也不啰嗦。

第一次写有点逻辑不清，若是有错误欢迎你们指出。