Typecho好看恋爱主题💕—Brave勇敢爱(魔改版)

林墨白
218 3

本文共计7508个字,预计阅读时长30分钟。

目录

主题原版

Brave主题是一款适合有对象的博主使用,可以和对象一起记录自己的恋爱历程
原作者:赵阿卷

原版下载


原版教程:https://blog.zwying.com/archives/59.html

主题魔改版

俺的情侣小站: jjaa.love(求祝福)

感谢伊梦乡归处提供部分魔改教程

魔改版下载

下载:https://blog.lmb520.cn/archives/1196/

目前支持的功能

Pjax 无刷新

图片懒加载

恋爱计时器小组件

纪念日倒计时小组件

随机情话小组件

留言墙小组件

点点滴滴小组件

随笔说说小组件

关于我们小组件

恋爱清单小组件

相册小组件

小组件可控开关

适配 Vaptcha 人机验证

留言评论美化优化

增加多种可控特效

优化了多处细节

增加多个开关

等等等……

魔改版食用教程

主题配置

推荐在php7.4版本下运行,太高的版本会报错
将主题压缩包完整上传到服务器上 Typecho 的/usr/themes/文件夹内,解压,然后到 Typecho 后台-控制台-外观-启用主题即可
由于本版本魔改太多,建议将原版或者其他魔改版备份后删除,再食用本主题。

启用后,创建对应页面,这里有几个页面需要创建,分别是首页页面、祝福板页面、点点滴滴页面、随笔说说页面、关于我们页面、恋爱清单页面、相册页面

除了首页页面其他的页面不是必须创建,而且一定要选择对应的模板!!!

首页页面创建好后,请在设置首页(如下图)

然后就是主题设置了,主题设置内容截图

喜欢的功能就打开,不喜欢就不打开,自由支配功能

基础内置图片配置

我们魔改版内置了许多图片,填写内置图片后可以让你快速配置主题以达到效果
头部大图设置

/usr/themes/Brave/asset/img/background.jpg

背景设置设置

/usr/themes/Brave/asset/img/background.svg

首页祝福墙小组件图标

/usr/themes/Brave/asset/img/祝福墙.svg

首页点点滴滴小组件图标

/usr/themes/Brave/asset/img/点点滴滴.svg

首页随笔说说小组件图标

/usr/themes/Brave/asset/img/随笔说说.svg

首页关于我们小组件图标

/usr/themes/Brave/asset/img/关于我们.svg

首页恋爱清单小组件图标

/usr/themes/Brave/asset/img/恋爱清单.svg

首页相册小组件图标

/usr/themes/Brave/asset/img/相册.svg

恋爱清单配置

恋爱清单采用短代码形式书写,不再采用繁杂的文章发布,格式如下:

[loveList] [item status="0" img=""]一起看日出🌅[/item] [item status="0" img=""]一起看日落🌄[/item] [/loveList]

参数说明:
status为0将显示灰色对勾,代表未完成此项,为1会显示绿色对勾,代表完成此项img后面可以填写图片的链接,将显示在清单展开后,不填默认灰色填充

如果需要预制好的恋爱清单,就直接将以下内容完整复制到到恋爱清单页面里

[loveList] [item status="0" img=""]一起看日出🌅[/item] [item status="0" img=""]一起看日落🌄[/item] [item status="0" img=""]一起看绚烂的烟花🌟[/item] [item status="0" img=""]一起吃路边摊🍖[/item] [item status="0" img=""]一起唱首歌并录下来🎤[/item] [item status="0" img=""]一起穿情侣装逛街👫[/item] [item status="0" img=""]一起去游乐园(迪士尼)嗨一天🎈[/item] [item status="0" img=""]陪对方过生日🎂[/item] [item status="0" img=""]一起去海南的天涯海角🌴[/item] [item status="0" img=""]一起去你的小学、初中、高中、大学👫[/item] [item status="0" img=""]一起去我的小学、初中、高中、大学👫[/item] [item status="0" img=""]一起放孔明灯🏮[/item] [item status="0" img=""]去遍中国的每一个省份🚉[/item] [item status="0" img=""]一起去钓鱼🐟[/item] [item status="0" img=""]一起去当志愿者、义工👮[/item] [item status="0" img=""]一起坐一辆没坐过的车,在陌生的地方下车逛🚃[/item] [item status="0" img=""]淋一次雨,在雨中漫步☔[/item] [item status="0" img=""]为对方做早餐🍔[/item] [item status="0" img=""]在沙滩上写下彼此的名字✍[/item] [item status="0" img=""]一起看初雪⛄[/item] [item status="0" img=""]穿彼此的衣服👯[/item] [item status="0" img=""]一起去坐过山车🎎[/item] [item status="0" img=""]嘴对嘴吃东西🍜[/item] [item status="0" img=""]一起去游泳🏊[/item] [item status="0" img=""]去遍人民币背后的风景⛳[/item] [item status="0" img=""]两个人一起锻炼运动🏃💃[/item] [item status="0" img=""]一起爬山💑[/item] [item status="0" img=""]在耳边低声旖旎"我爱你"💖[/item] [item status="0" img=""]一起对着流星许愿🌠[/item] [item status="0" img=""]一起手拉手压马路👫[/item] [item status="0" img=""]一起坐在阳台,晒着太阳,磕着瓜子,聊着天👐[/item] [item status="0" img=""]一起养一只宠物🐶[/item] [item status="0" img=""]在公共场合下一起喝娃哈哈🍼[/item] [item status="0" img=""]一起去买菜、做饭、刷碗🍛[/item] [item status="0" img=""]一起去坐热气球🎈[/item] [item status="0" img=""]带我去你童年居住的地方走一走👩[/item] [item status="0" img=""]带你去我童年居住的地方走一走🧑[/item] [item status="0" img=""]一起堆雪人⛄[/item] [item status="0" img=""]一起坐摩天轮,在最高处拥吻💏[/item] [item status="0" img=""]一起用勺子吃西瓜🍉[/item] [item status="0" img=""]一起捡贝壳🐚[/item] [item status="0" img=""]看一次冰灯⛲[/item] [item status="0" img=""]一起去看海🌊[/item] [item status="0" img=""]一起走沙滩🚶[/item] [item status="0" img=""]一起去看支付宝共同种下的树🎋[/item] [item status="0" img=""]一起跨年,通宵守岁📺[/item] [item status="0" img=""]送彼此出门,给一个大大的拥抱与啵啵😚[/item] [item status="0" img=""]一起看书,装满我们的书架💡[/item] [item status="0" img=""]为对方穿衣服、系鞋带🙅[/item] [item status="0" img=""]推对方玩秋千💁[/item] [item status="0" img=""]一起去参加朋友的婚礼💕[/item] [item status="0" img=""]在马尔代夫,体验玻璃地板的海上小屋🏡[/item] [item status="0" img=""]一起坐一次飞机🛫[/item] [item status="0" img=""]一起坐一次游轮🚤[/item] [item status="0" img=""]一起去看一次演唱会🎵[/item] [item status="0" img=""]一起在浴缸里泡澡🛀[/item] [item status="0" img=""]一起去看海豚🐬[/item] [item status="0" img=""]一起去捡落叶🍁[/item] [item status="0" img=""]开车红灯时叫你啵啵🚗[/item] [item status="0" img=""]一起完成一个冒险刺激的挑战💀[/item] [item status="0" img=""]一起沿着铁轨走🚂[/item] [item status="0" img=""]一起去看埃菲尔铁塔,在塔下拥吻👄[/item] [item status="0" img=""]一起设计整理房间💎[/item] [item status="0" img=""]徒步走完北京二环👟[/item] [item status="0" img=""]与好朋友一起,享受四人约会的美妙💜💛💚💙[/item] [item status="0" img=""]为他打领带🔫[/item] [item status="0" img=""]我叫你一次“老婆”,你叫我一次“老公”👨‍❤️‍💋‍👨[/item] [item status="0" img=""]带你在午夜开车兜风🚙[/item] [item status="0" img=""]为她涂指甲油💅[/item] [item status="0" img=""]来一次浪漫的小情趣😍[/item] [item status="0" img=""]在阳台上养着一排多肉植物🥦[/item] [item status="0" img=""]一起过一次六一儿童节👧👦[/item] [item status="0" img=""]入住一次五星级酒店🏨[/item] [item status="0" img=""]为彼此换一个对方心仪的发型,不论长短烫染💇[/item] [item status="0" img=""]偷偷观察对方熟睡的模样,记录下来📷[/item] [item status="0" img=""]一起去打电玩👾[/item] [item status="0" img=""]一起给对方写信,读给对方听📄[/item] [item status="0" img=""]一起滑雪,摔倒也要拉着你🎿[/item] [item status="0" img=""]拥有我们独特的情侣戒指💍[/item] [item status="0" img=""]一起完成一副千片拼图😜[/item] [item status="0" img=""]一起去天安门看升旗仪式🚄[/item] [item status="0" img=""]一起包饺子🥟[/item] [item status="0" img=""]一起去吃自助餐,把没尝过的食材都尝试一遍🔪[/item] [item status="0" img=""]去拍一回写真📸[/item] [item status="0" img=""]一起去新加坡看焰火表演🎇[/item] [item status="0" img=""]一起去看极光⚡⚡[/item] [item status="0" img=""]背着她走一段路👣[/item] [item status="0" img=""]一起赏月🌙[/item] [item status="0" img=""]一起去看樱花🌸[/item] [item status="0" img=""]以喝交杯酒的方式喝东西🥂[/item] [item status="0" img=""]一起买一张彩票🎫[/item] [item status="0" img=""]在树下埋下我们的约定🎑[/item] [item status="0" img=""]带上你我的家人去聚会、旅游🚙[/item] [item status="0" img=""]来一场难忘的求婚🎁💍[/item] [item status="0" img=""]在朋友面前大方介绍彼此💋[/item] [item status="0" img=""]拍属于我们自己的婚纱照🎎[/item] [item status="0" img=""]互相在朋友圈晒结婚证📇[/item] [item status="0" img=""]设计一场梦中的婚礼💤🌹🎉[/item] [item status="0" img=""]拥有一个爱的结晶,给予宝贝最好的爱👶👼[/item] [item status="0" img=""]余生漫漫,执子之手,与子偕老💏[/item] [/loveList]

关于我们配置

这里我们使用的是botui聊天机器人,效果体验:https://jjaa.love/about.html

里面的内容我我没有写在后台,需要自行编辑usr/themes/Brave/botui/botui.js
如果有点基础的应该可以看懂怎么改了吧,没有基础的就自己百度现学吧()

Vaptcha人机验证配置

本功能需要搭配由白熊开发的的Vaptcha_Typecho插件

Brave适配版下载链接: https://blog.lmb520.cn/archives/1196/
建议使用适配版,如果用原版的话,手机端会出现验证框太大的情况(如下图)

Vaptcha插件在/usr/plugins解压,并在后台开启,然后设置Vaptcha插件。
具体配置:

  1. https://www.vaptcha.com/ 注册账号并创建验证单元
  2. 在插件设置里面填写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一样

需要注意的地方

  1. 祝福墙已经禁止输入男女主的昵称,但是男女主可以登录账号发祝福(因为账号可以设置昵称并且不受该限制)
  2. 已经禁止游客发随笔说说,但是男女主登录后可以在前台发说说。

第一点是为了防止有人冒充男女主发不当言论,第二点是防止游客乱发说说

更新记录

Lv-1.4.1

首先恭喜韩小韩WebAPI接口升级完毕

修复内容

由于韩小韩WebAPI接口于2024年3月20日晚10:00:00,迎来最后一次大更新,也就是大版本更新的最终版本!
因为更新后接口改变了,所以导致我今天才发布魔改版中的随机情话也失效了

影响文件

  1. base/footer.php

修复方法

将压缩包上传到uer/themes,然后解压即可(如果你是已使用用户下载更新文件压缩包即可)

 

沉墨满纸,一笑若白。 小破站:www.lmb520.cn
最新回复 ( 3 )
  • 2
    0
    在吗?
    支持改图标吗?支持改字体吗?支持底部添加代码吗?支持特效吗?支持倒计时网站吗?都支持的话我想下载来换了 (*゚▽゚*)
  • 3
    0
    泯轲 在吗? 支持改图标吗?支持改字体吗?支持底部添加代码吗?支持特效吗?支持倒计时网站吗?都支持的话我想下载来换了 (*゚▽゚*)

    支持的,而且内置特效。本来就是全开源,可以自行添加修改

    这是后台设置截图

  • 4
    0
    泯轲 在吗? 支持改图标吗?支持改字体吗?支持底部添加代码吗?支持特效吗?支持倒计时网站吗?都支持的话我想下载来换了 (*゚▽゚*)
    可以在我的博客(blog.lmb520.cn)留言,因为萌社区没有提醒通道╮(╯▽╰)╭
  • 游客
    5

    您需要登录后才可以回帖

    登录 注册