点击查看更新记录
更新记录
2021-02-12:内测版v0.1
- 应援冰老师的友链朋友圈项目，提供Hexo的插件化魔改方案；
- 按照惯有思路，将API路径的配置添加到配置文件中。
- 在页面配置中使用
type: fcircle来实现加载友链朋友圈页面。 - 适配样式UI，使得友链朋友圈文章样式同时间轴样式。
- 适配pjax。
2021-04-29:新增npm插件
- 适配冰老师最新的前端方案。
- 使用npm插件加载。
- 新增配置项，均为可选。
- 预留开发者接口，后续可能适配多主题样式。
点击查看参考教程
参考方向 | 教程原贴 |
|---|---|
冰老师的友链朋友圈项目 | 基于hexo的友链朋友圈 Beta1.0 |
冰老师编写的前端项目 |
写在最前
本帖为对冰老师的友链朋友圈项目的前端配置方案进行主题插件化适配的应援帖，并不包括关键的后端配置内容。后端配置请参看冰老师的原帖基于hexo的友链朋友圈 Beta1.0，本帖的内容对应原帖的步骤四：配置 HEXO 页面。考虑到冰老师的源项目也仍旧处于开发状态，故本帖也会尽可能的紧跟进度实时更新。
npm插件方案
新版npm插件方案
安装插件，在博客根目录下打开终端，运行以下指令：
添加配置信息在站点配置文件或者主题配置文件中添加
参数释义
参数 | 备选值/类型 | 释义 |
|---|---|---|
enable | true/false | 控制开关 |
apiurl | URL | api链接，配置教程参看基于 hexo 的友链朋友圈 |
maxnumber | number | 【可选】填写阿拉伯数字，页面展示文章数量，默认20 |
addnumber | number | 【可选】填写阿拉伯数字，每次加载增加的篇数，默认10 |
opentype | _blank_self | 【可选】’_blank’新标签打开,’_self’本窗口打开,默认为’_blank’ |
nofollow | true/false | 【可选】开启禁止搜索引擎抓取,默认开启 |
preload | URL | 【可选】加载动画图片链接 |
css | URL | 【可选】开发者接口，自定义css链接 |
js | URL | 【可选】开发者接口，自定义js链接 |
path | string | 【可选】字符串，fcircle的路径名称。默认为 fcircle，生成的页面为 fcircle/index.html |
front_matter | object | 【可选】写法见上文示例，fcircle页面的 front_matter 配置 |
魔改源码方案
旧版修改源码方案
资源下载
由于本教程涉及的所有修改对缩进格式等有严格要求，担心自己控制不好的可以直接下载静态资源。参照教程进行修改。
下载资源文件
预览效果
魔改步骤
点击查看魔改正文
新建;
新建,
新建,这是处理友链数据的脚本：
修改,添加朋友圈页面的选项：
修改,添加依赖的配置项,移除了，所以没有这一行。
修改,添加友链页面菜单栏，CDN链接和配置项：
使用指令生成友链页面,并添加样式
运行 和以及三件套以后就可以看到友链预览了。
TO DO
前端配置魔改
前端配置npm插件化
多主题适配
重写统计部分UI
