如何搭建next和基本next美化

如何搭建next和基本next美化

下载next

next官网也可以去github克隆

进入官网后大概就是这个样子点击开始使用就可以下载了我推荐你们就使用5.14这个版本最稳定当然我本人使用的7.8的其实版本都是看个人爱好只要看完有心什么博客都会很漂亮
next官网

下载好后把下载文件解压到themes

配置next

进入hexo根目录下的config.yml进去配置

并配置theme(下了什么版本的next就配置什么版本)

之后重新开启hexo如果出现不是默认的hexo就配置完成了

美化next

还是进入更目录下的配置文件下 Site属性效果见下图

如果发现我和你们的next排版不一样是因为我更改了模板样式

这个属性在Schemes下 步骤如下图

​ Ctrl+f搜索关键词在把注释去掉就可以了默认的主题是第一个你们把他注掉就可以了

然后就基本的样式我用图片和官网给你们呈现和对比

在这里插入图片描述

如果分类和标签出现404分别输入以下代码

hexo new page tags #这是标签
hexo new page categories #这是分类

执行成功后hexo根目录下的source会出现

进入目录更改其内容分别是

然后你可以在hexo下创建一个新的博客分别在文件内配置标签和分类

在点击后分类和标签会出现你配置的属性这里就不演式了(如果有小伙伴不会创建内容在git bash下输入 hexo n 这是你创建的文件名字'

搜索功能在官网下比较容易理解 看见那个搜索服务点击选入Local Search

按照官网的步骤完成就可以了。

因为使用了Local Search 我就把有关都配置了

评论系统

我们使用Local Search

在next下搜索valine(我这个是7.8的如果和5.14不同很正常只要有appid 和 appkey就可以了)

开启true如果你没有appid和appkey没关系我们等下注册下就行了

进入官网开始使用创建用户这个就不演式了

在这里插入图片描述

复制appid和appkey就可以了valine评论功能就完成了

功能数据统计

还有了一个功能数据统计与分析这里有点不同因为7.8的用不了Local Search数据这里就推荐直接使用官网的不蒜子统计

5.14的用不了不蒜子统计就使用Local Search数据

进入next下的config.yml搜索(Ctrl+f)

好基本就完成了有关Local Search的配置

头像配置

因为5.14 和 7.8 是不同的我分别用二张图片表示

7.8的配置


5.14操作一样的

快捷方式

阅读全文

本文字数和阅读时长

安装$ npm install hexo-symbols-count-time --save

如果安装完报如下提醒,还需安装eslint

npm WARN babel-eslint@10.0.1 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself

安装eslint$ npm install eslint --save

搜索关键字进行配置

打赏功能

关键字搜索

设置背景图片

因为版本的关系这里我推荐看其他人博客可能别人写的更好

别人的博客7.8的配置

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值