Next 主题自定义友链页面

技术文章请注意时效!原理才是根本。

Next主题自带的友链,需要在主题配置文件config.yml中添加,渲染到侧边栏下面,视觉上比较臃肿。一个做法是自定义一个swig文件,用来渲染主题配置文件config.yml中添加的友链,博文 Hexo修改友链样式 中有写。另一个做法就是模仿博文 Hexo NexT 博客增加瀑布流相册页面 自定义一个js文件,下载相应的json文件,渲染到页面。第一种做法需要硬修改next主题,第二种不需要,下面根据第二种思路为Next主题添加友链页面。

说明

next升级后,两个重要改变。

插件:next主题配置文件config.yml中提供的插件选项对应的插件,不在默认在next目录中了。需要手动克隆到next\source\lib文件夹中,或者在主题配置文件config.yml中添加相应的vendors。

配置文件:第一种方式:原来的配置分散在站点根目录下 _config.yml 和主题的 _config.yml 中,现在都可以写在站点跟目录下 _config.yml 。

需要添加theme_config

第二种方式:把主题配置文件放在站点目录下的source/_data/next.yml中

下面的操作,由于每个人的使用方式不一样,自己对应修改相应的文件就行了。

新建links页面,输入放置友链的html元素

这样会在 /source/ 下创建 links/index.md。在文档的 front matter 添加 type: links,编辑好自己需要的友链页面内容,然后输入放置友链的html元素。示例:

侧边栏添加友链页面链接

主题配置文件_config.yml中添加

在语言文件中添加相关翻译

添加友链的json文件

在页面目录/source/links/中添加linklist.json,示例:

加载links.js

主题配置文件_config.yml中添加

修改source/_data/body-end.swig

links.js内容

发表评论

电子邮件地址不会被公开。 必填项已用*标注