简介
Brave主题是一款专为情侣设计的Typecho主题,旨在记录和分享恋爱中的点点滴滴。
- 演示地址:love.lmb520.cn
- 特别感谢:伊梦乡归处提供的魔改教程
{/tabs-pane}
{tabs-pane label="标原版信息"}
- 作者:赵阿卷
功能概览
- PJax无刷新浏览
- 图片懒加载功能
- 恋爱计时器
- 纪念日倒计时
- 随机情话生成
- 留言墙互动
- 点滴记忆分享
- 随笔说说记录
- 情侣档案展示
- 恋爱清单规划
- 相册集浏览
- 小组件开关控制
- Vaptcha人机验证适配
- 留言评论美化
- 特效和细节优化
- 多个功能开关
安装与配置指南
主题配置
推荐在PHP 7.4环境下运行。将主题文件上传至Typecho的/usr/themes/
目录下,解压后在后台启用。
图片配置
以下是主题中使用的一些内置图片路径:
- 头部大图:
/usr/themes/Brave/asset/img/background.jpg
- 背景图:
/usr/themes/Brave/asset/img/background.svg
- 其他图标:根据小组件名称在
/usr/themes/Brave/asset/img/
目录下查找
恋爱清单设置
使用短代码格式,例如:
[loveList]
[item status="0" img="" listct=""]一起看日出🌅[/item]
[item status="0" img="" listct=""]一起看日落🌄[/item]
[/loveList]
相册配置
相册我们采用photo-page-for-typecho提供的Multiverse风格照片集单页。
相册内容请按照如下格式一行一行的写:
标题,简介,图片链接
例如:
第一张合影,2023年08月31日拍摄,https://jjaa.love/usr/uploads/2024/03/2427758495.jpg
picture1,2020年01月01日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture2,2020年01月02日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture3,2020年01月03日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
自定义字段配置
- (可选) about:控制指定位置的文本,可自定义关于等信息
- (可选) CDN:用以匹配你所使用的对象存储服务商,目前支持又拍云、阿里云OSS、七牛云、腾讯云,本字段目的在于使用云图像处理动态生成缩略图。对应填写内容为:UPYUN/OSS/KODO/COS
- (可选) 社交链接字段 Twitter, Facebook, Instagram, GitHub,给相应字段填入链接即可。
关于我们配置
这里我们使用的是botui聊天机器人,效果体验:https://jjaa.love/about.html
里面的内容我没有写在后台,需要自行编辑 usr/themes/Brave/botui/botui.js
如果有点基础的应该可以看懂怎么改了吧,没有基础的就自己百度现学吧( 或者联系我,如果我有时间)
Vaptcha人机验证配置
本功能需要搭配由 白熊 开发的的Vaptcha_Typecho插件
Brave适配版下载链接: https://lmb520.lanzoul.com/b05l2yukd
密码: lmb520
建议使用适配版,如果用原版的话,手机端会出现验证框太大的情况(如下图)
将 Vaptcha
插件在 /usr/plugins
解压,并在后台开启,然后设置Vaptcha插件。
具体配置:
- 在 https://www.vaptcha.com/ 注册账号并创建验证单元
- 在插件设置里面填写
VID
,并且在按钮
配置框填写button
(如下图)
注意: 主题的Vaptcha人机验证开关和Vaptcha插件要同步启用和关闭
Pjax无刷新配置
PJAX(Pushstate + Ajax)是一种用于加快网页加载速度的技术。它结合了HTML5的pushState API和Ajax技术,使得在不刷新整个页面的情况下,可以实现局部页面内容的更新。然而,PJAX也有一些局限性,例如像某些API无法进行及时获取更新内容。
如果你启用了 Pjax无刷新,但是关闭了 Vaptcha人机验证,那么你无需配置任何内容,因为相关API的重载我们已经写入了代码里。
如果你既启用了 Pjax无刷新,又启用了 Vaptcha人机验证,那么需要在 Pjax回调函数
填入以下内容
//vaptcha验证
var vaptchaScript = document.createElement('script');
vaptchaScript.src = "https://v-cn.vaptcha.com/v3.js"; document.head.appendChild(vaptchaScript);
vaptchaScript.onload = function() { document.getElementById("button").setAttribute("disabled", true);
vaptcha({
vid: "65f54815d3784602950e7f51",
mode: 'click',
scene: 0,
container: "#VAPTCHAContainer",
area: 'auto',
}).then(function (VAPTCHAObj) {
obj = VAPTCHAObj;
VAPTCHAObj.render();
VAPTCHAObj.listen('pass', function () {
document.getElementById("button").removeAttribute("disabled");
});
});
};
注意: 需要将 vid: "65f54815d3784602950e7f51",
里面的 65f54815d3784602950e7f51
换为你自己的VID,并且要和Vaptcha插件里面填的VID一样
需要注意的地方
- 祝福墙已经禁止输入男女主的昵称,但是男女主可以登录账号发祝福(因为账号可以设置昵称并且不受该限制)
- 已经禁止游客发随笔说说,但是男女主登录后可以在前台发说说。
第一点是为了防止有人冒充男女主发不当言论,第二点是防止游客乱发说说
更新记录
Lv-1.4.1
首先恭喜 韩小韩WebAPI接口 升级完毕
修复内容
由于 韩小韩WebAPI接口 于2024年3月20日晚10:00:00,迎来最后一次大更新,也就是大版本更新的最终版本!
因为更新后接口改变了,所以导致我今天才发布魔改版中的随机情话也失效了
影响文件
- base/footer.php
修复方法
将压缩包上传到 user/themes,然后解压即可(如果你是已使用用户下载更新文件压缩包即可)