本篇文章只介绍配置Next主题,如若不是这个主题便可不用浏览!!!
站点配置文件为博客目录下的_config.yml文件,主题配置文件为主题目录下的_config.yml文件!!!
- 首先进入Next主页:https://github.com/iissnan/hexo-theme-next
- 复制它的 SSH 地址或 HTTPS 地址,假设地址为 git@github.com:iissnan/hexo-theme-next.git
- cd themes
- git clone git@github.com:iissnan/hexo-theme-next.git
- cd ..
- 将 _config.yml 的第 75 行改为 theme: hexo-theme-next,保存
- hexo generate
- hexo deploy
以上已经修改主题了,接下来修改主题功能及添加插件
9.先修改Schenme,我选择的是:
-
设置菜单,编辑主题配置文件:(可任意修改)
- 设置菜单项的图标:默认就好,图标也可修改为其他,严格区分大小写!!!
- 修改侧栏sidebar的位置:
position: left
- 设置侧栏显示的时机:
display: always
- 设置头像,将头像图片放在next\source\images目录下:
avatar: /images/1.jpg
- 设置RSS:
npm install hexo-generator-feed --save
- 设置代码高亮主题:
highlight_theme: night eighties
-
设置侧边栏社交连接:
设置连接的图标:
-
开启打赏功能:
- 设置站点建立时间:
since: 2018
- 设置动画效果:
motion.enable: true
- 开启动画:
canvas_nest: true
three_waves: true
配置搜索服务
LocalSearch
安装:
npm install hexo-generator-searchdb --save
在站点配置文件新增如下:
在主题配置文件新增:
Algolia搜索
- 登录Algolia官网,注册账号,在indices中新添加一个index,名字可以随意取,但是后面需要用到例如personal_blog.
-
在ApiKey中找到Search-Only API Key,再点击ALL API KEYS找到对应的Key并将personal_blog添加进去,在ACL中勾选如下,点击更新:
-
修改站点配置文件,添加内容如下,在红线处填入你的Algolia中的Key,apikey即为Search-Only API Key:
修改主题配置文件:
algolia_search:
enable: true
- 安装插件:
npm install --save hexo-algolia
- 配置环境变量
export HEXO_ALGOLIA_INDEXING_KEY=你的API Key
注意:运行此命令时,切记是在git bash中运行代码,若你不是用到git bash运行,请另行参考。此处的API Key=Search-Only API Key=站点配置重点apiKey。
- 更新index
hexo algolia
-
若出现以下画面即为成功:
- 若出现Algolia搜索栏但是无法跳转到搜索结果,请运行以下代码:
npm install hexo-algolia@0.2.0
然后在站点配置中找到package.json, 把里面的hexo-algolia, 換成 "hexo-algolia": "^0.2.0",如图:
由此,配置完成。
来必力评论
- 登录来必力官网,注册,选择安装版本,选择个人版
-
获取data-uid:
-
修改主题配置文件:
由此配置完成。
其他配置将以后更新!谢谢浏览!
参考文章:
NexT使用文档
邻家枫扬在知乎的回答
大都小酒馆
5.1.0使用algolia搜索问题
1022_zhang's Blog