落花雨记 - Typecho
type: channel
link: https://www.biubiubiu.me/category/typecho/
description: Typecho主题/插件，教程优化心得分享
items: 这些傻鸟是个什么心理呢？
items: Typecho相册插件SmartGallery
items: 完善微语页面
items: Typecho推送插件，支持Bing API/IndexNow API推送
items: 我的折腾笔记
items: 日常瞎折腾😵‍💫
items: 最近的一些事情，记录一下
items: Typecho全局悬浮球插件XuanFuAnNiu
items: Typecho图片自动排版插件PictureOrder支持自定义

这些傻鸟是个什么心理呢？
type: item
date: 2026-04-11T14:17:00+08:00
description: 中午收到一封QQ邮箱的退信推送，也没管，不一会就连续收到退信，点进去看了一下好像内容是文章订阅，应该是文章底部的订阅被人一直刷了，起初也没在意，但是QQ邮箱一直给我推送就很烦，干脆就给直接禁用了。结果这个傻逼不知道咋想的，又tm开始在我留言板一直留言，看这留言貌似是给我挂马来了，就很无语=_=啊，你挂之前能不能先调查一下，我tm毛流量没有，你挂了有啥用啊？这会给留言板加了给邮箱验证码，博客评论也接入了TSpamReview - Typecho 评论审核插件本来是啥也没有的，就压根懒得弄这些，本来就是个人博客，交交朋友啥的，怎么总是有这种蛆虫😓

Typecho相册插件SmartGallery
type: item
date: 2026-03-08T09:12:00+08:00
description: 封面仅供参考 哈哈哈Smart Gallery 智能相册专为 Typecho 1.3.0 设计的现代化相册插件，支持本地图片管理、WebP 压缩与私密相册功能。演示与反馈官网演示：https://www.luohuayu.cn/photo.htmlBUG 反馈：3554171776@qq.com后台演示 /* PictureOrder Gallery Styles */ #picture-order-6a75232b58a37 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a75232b58a37 .gallery-item { position: relative; width: 100%; height: 200px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a75232b58a37 img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 修复文字溢出：通用标签样式 */ #picture-order-6a75232b58a37 .film-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a75232b58a37 { grid-template-columns: repeat(2, 1fr); gap: 7.2px; } #picture-order-6a75232b58a37 .gallery-item { height: 160px !important; } } @media (max-width: 768px) { #picture-order-6a75232b58a37 { gap: 6.4px; } } @media (max-width: 480px) { #picture-order-6a75232b58a37 { gap: 5.6px; } } /* PictureOrder Frame Styles */ #picture-order-6a75232b58a37 .gallery-item { background-color: #fff; padding: 18px; border: 1px solid #e0e0e0; border-radius: 8px; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); position: relative; } #picture-order-6a75232b58a37 .gallery-item::before { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #f5f5f5; border-radius: 4px; pointer-events: none; } #picture-order-6a75232b58a37 .gallery-item img { border-radius: 4px; transition: transform 0.3s ease; } #picture-order-6a75232b58a37 .gallery-item:hover { border-color: #c0c0c0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } #picture-order-6a75232b58a37 .gallery-i…

完善微语页面
type: item
date: 2025-11-23T13:20:00+08:00
description: 有时候好久不更新，确实也没啥更新的，博客我主要就是用来当日记本了，偶尔想发个牢骚，发片文章几个字又感觉挺水的，哈哈哈。刚好oneblog主题自带有微语功能，通过Typecho的评论系统构建，但是主题主打一个轻量并没有加入微语回复功能，刚好最近公司放假了在家没事干，瞎折腾。目前微语已经支持评论功能，并且加入了邮件通知和表情包，邮件通知使用PHPMailer，表情包使用张洪Heo的开源项目目前测试了一下，好像都没啥大毛病，样式有点像朋友圈，哈哈哈，感觉看着还行。微语地址：https://www.luohuayu.cn/weiyu.html目前把微语融入到博客首页，按照时间发布和文章混在一起可以用来平时记录一些细言碎语`(∩_∩)′

Typecho推送插件，支持Bing API/IndexNow API推送
type: item
date: 2025-11-13T18:20:00+08:00
description: 看了下博客的收录情况，竟然只有个首页，，哈哈哈，虽然个人博客我感觉收录也没啥用吧，但是有总比没有好是吧，在几个优秀博主网站下了几个推送插件，不知道为啥没有效果，可能是我配置的问题(¯―¯٥)于是丢在了我训练了N次的AI里面，历经“千辛万苦”终于成功训练出了BingApiSubmit推送插件，AI真好用 ᖰ⌯'▾'⌯ᖳ，完全不用动🧠了 /* PictureOrder Gallery Styles */ #picture-order-6a75232b5b491 { display: grid; grid-template-columns: repeat(1, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a75232b5b491 .gallery-item { position: relative; width: 100%; height: 600px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a75232b5b491 img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 修复文字溢出：通用标签样式 */ #picture-order-6a75232b5b491 .film-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a75232b5b491 { grid-template-columns: repeat(1, 1fr); gap: 7.2px; } #picture-order-6a75232b5b491 .gallery-item { height: 320px !important; } } @media (max-width: 768px) { #picture-order-6a75232b5b491 { gap: 6.4px; } } @media (max-width: 480px) { #picture-order-6a75232b5b491 { gap: 5.6px; } } /* PictureOrder Frame Styles */ #picture-order-6a75232b5b491 .gallery-item { background-color: #fff; padding: 18px; border: 1px solid #e0e0e0; border-radius: 8px; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); position: relative; } #picture-order-6a75232b5b491 .gallery-item::before { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #f5f5f5; border-radius: 4px; pointer-events: none; } #picture-order-6a75232b5b491 .gallery-item img { border-radius: 4px; transition: transform 0.3s ease; } #picture-order-6a75232b5b491 .gallery-item:hover { border-color: #c0c0c0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } #picture-order-6a75232b5…

我的折腾笔记
type: item
date: 2025-11-03T09:58:00+08:00
description: 折腾的东西越来越多，昨晚删错东西，又给整崩了，这篇文章，当个备份用，哈哈哈。本博客基于Typecho1.2.1搭建，搭配开源主题oneblog～https://docs.oneblog.net/评论区域comments1.显示评论这归属地，使用XQLocation插件，合适位置调用<?php XQLocation_Plugin::render($comments->ip); ?>css样式/彩色渐变美化/* IP归属地样式 */ .comment-location { font-size: 12px; font-weight: bold; background: linear-gradient(45deg, #f093fb, #f5576c, #4facfe, #00f2fe, #43e97b, #fa709a, #fee140); background-size: 400% 400%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gradient-shift 4s ease infinite; margin-left: 8px; } 2.评论框添加每日一言添加css样式/* 富文本编辑器一言占位符样式 */ .rich-editor-hitokoto[contenteditable="true"]:empty:before { content: attr(data-placeholder); color: #aaa; font-style: italic; pointer-events: none; display: block; } .rich-editor-hitokoto[contenteditable="true"]:focus:before { color: #ccc; } 添加引用JS 评论框 首页/底部菜单栏/顶部菜单栏css1.首页文章分割线美化样式.post { border-bottom: none !important; position: relative; padding-bottom: 35px; margin-bottom: 35px; } .post::after { content: '〰️ 〰️ 〰️ 〰️ 〰️'; position: absolute; bottom: 8px; left: 0; width: 100%; text-align: center; font-size: 20px; letter-spacing: 6px; opacity: 0.7; transition: all 0.3s ease; /* 创建渐变效果 */ background: linear-gradient(90deg, #d4c5b9, #8b7355, #d4c5b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .post:hover::after { opacity: 1; font-size: 22px; letter-spacing: 8px; /* 悬停时渐变更明显 */ background: linear-gradient(90deg, #8b7355, #d4c5b9, #8b7355); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .post:last-child::after { display: none; }2.PC端顶部菜单栏样式header/* PC端导航栏样式 */ .pc-header { position: sticky; top: 0; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 1000; display: none; /* 默认隐藏，只在PC端显示 */ } .nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 60px; } .nav-logo img { height: 40px; wi…

日常瞎折腾😵‍💫
type: item
date: 2025-10-30T18:35:00+08:00
description: 最近给博客做了一些小美化(≧ｗ≦)添加了随机文章页面，随机展现网站的某一篇文章：随便看看前台添加Live2D看板娘，只添加了最基础的看板娘版本，刚好用来跳转随机文章，哈哈哈基础版： /* PictureOrder Gallery Styles */ #picture-order-6a75232b5c489 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a75232b5c489 .gallery-item { position: relative; width: 100%; height: 300px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a75232b5c489 img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 修复文字溢出：通用标签样式 */ #picture-order-6a75232b5c489 .film-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a75232b5c489 { grid-template-columns: repeat(2, 1fr); gap: 7.2px; } #picture-order-6a75232b5c489 .gallery-item { height: 160px !important; } } @media (max-width: 768px) { #picture-order-6a75232b5c489 { gap: 6.4px; } } @media (max-width: 480px) { #picture-order-6a75232b5c489 { gap: 5.6px; } } /* PictureOrder Frame Styles */ #picture-order-6a75232b5c489 .gallery-item { background-color: #fff; padding: 18px; border: 1px solid #e0e0e0; border-radius: 8px; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); position: relative; } #picture-order-6a75232b5c489 .gallery-item::before { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #f5f5f5; border-radius: 4px; pointer-events: none; } #picture-order-6a75232b5c489 .gallery-item img { border-radius: 4px; transition: transform 0.3s ease; } #picture-order-6a75232b5c489 .gallery-item:hover { border-color: #c0c0c0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } #picture-order-6a75232b5c489 .gallery-item:hover img { transform: scale(1.02); } 1000065426 100006543…

最近的一些事情，记录一下
type: item
date: 2025-10-17T22:10:00+08:00
description: 记录一下最近在忙的事情(๑-﹏-๑)首先是家里的事情，老爸目前已经从住院部出院，转到康复中心了，本来应该是没啥问题的，结果由于长时间卧槽导致肠胃不蠕动，肚子里大便钙化了，:-(。没办法只能禁水禁食，老妈一个人在医院又跑不过来，我又得上班，最后综合考虑请了护工一天150，不过确实护工也比较好，请了之后老妈的负担也小了，我这边也可以安心工作了，目前就是每天做康复训练，老妈在医院陪护，希望早日康复⁄(⁄⁄•⁄ω⁄•⁄⁄)⁄工作上由于我也是刚到这家公司，属于长城旗下做汽车零部件的厂子，之前也没有接触过汽车这块的自动化，目前感觉的话还是比较难搞的，不过好在公司目前比较闲，刚好方便照顾家人。后期的话还是考虑做光伏这一块吧，毕竟做了这么多年了，现在再重新学习新的东西也有点学不进去了，刚好苏州这边有一个光伏的新项目在招人，昨天投了简历，说是会进行筛选，希望能通过吧(ง •̀_•́)ง然后最近搞了一个RSS的聚合插件，目前使用和展示效果感觉还好，具体可以看RSS友圈，后面有空想加几个页面的美化，再优化一下加载速度，目前感觉有点卡，大家有啥好意见可以留言哈 /* PictureOrder Gallery Styles */ #picture-order-6a75232b5cb4a { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a75232b5cb4a .gallery-item { position: relative; width: 100%; height: 300px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a75232b5cb4a img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 修复文字溢出：通用标签样式 */ #picture-order-6a75232b5cb4a .film-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a75232b5cb4a { grid-template-columns: repeat(2, 1fr); gap: 7.2px; } #picture-order-6a75232b5cb4a .gallery-item { height: 160px !important; } } @media (max-width: 768px) { #picture-order-6a75232b5cb4a { gap: 6.4px; } } @media (max-width: 480px) { #picture-order-6a75232b5cb4a { gap: 5.6px; } } /* PictureOrder Frame Styles */ #picture-order-6a75232b5cb4a .gallery-item { background-color: #fff; padding: 18px; border: 1px solid #e0e0e0; border-radius: 8px; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); position: relative; } #picture-order-6a75232b5cb4a .gallery-item::before { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #f5f5f5; border-radius…

Typecho全局悬浮球插件XuanFuAnNiu
type: item
date: 2025-10-15T18:37:00+08:00
description: 用惯了WordPress，之前使用的主题移动端基本都带底部导航，看习惯了，换成Typecho搭配oneblog主题之后，移动端底部没有导航栏，不太习惯，自己瞎捣鼓了一个，感介又不太好看，索性加了一个悬浮球装饰。功能比较简单，支持左右两个位置自定义选择，目前是加了3个子悬浮球，太多了也不美观，个人感觉3个刚刚好，可以自定义开启。图标建议使用阿里图标库，直接下载PNG透明图标使用即可。图标链接直接填写URL或者你需要的JS事件。推荐JS使用：1.联系QQ：javascript:window.location.href='mqqwpa://im/chat?chat_type=wpa&uin=你的QQ&version=1&src_type=web&web_src=oicqzone.com';2：联系邮箱：javascript:location.href='mailto:你的邮箱'3：图片弹出：javascript:(()=>{const existing=document.getElementById('popupContainer');if(existing)existing.remove();else{const container=document.createElement('div');container.id='popupContainer';container.style.position='fixed';container.style.top='0';container.style.left='0';container.style.width='100%';container.style.height='100%';container.style.zIndex='9998';container.onclick=()=>container.remove();const img=document.createElement('img');img.src='你的图片地址';img.style.position='fixed';img.style.top='50%';img.style.left='50%';img.style.transform='translate(-50%, -50%)';img.style.zIndex='9999';img.style.boxShadow='0 0 20px rgba(0,0,0,0.3)';img.style.maxWidth='90%';img.style.maxHeight='90vh';img.onclick=e=>e.stopPropagation();container.appendChild(img);document.body.appendChild(container);}})();插件功能比较鸡肋哈，不过用来装饰还是不错滴，填填联系方式啥的，哈哈哈。 /* PictureOrder Gallery Styles */ #picture-order-6a75232b5d193 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a75232b5d193 .gallery-item { position: relative; width: 100%; height: 300px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a75232b5d193 img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 修复文字溢出：通用标签样式 */ #picture-order-6a75232b5d193 .film-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a75232b5d193 { g…

Typecho图片自动排版插件PictureOrder支持自定义
type: item
date: 2025-10-03T13:51:00+08:00
description: 第一次使用Typecho，写完文章发现图片无法手动排版，Typecho默认排版非常不符合我个人的审美，感觉杂乱无章。所以有了PictureOrder插件，插件支持文章图片自适应排版和自定义排版，功能不是很完善，但是目前够用了，至少文章图片不是那么乱了PS：此插件结合AI模型产出，测试本站完全兼容，有建议及BUG请评论留言，大佬勿喷哈！效果展示 /* PictureOrder Gallery Styles */ #picture-order-6a75232b5da2d { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a75232b5da2d .gallery-item { position: relative; width: 100%; height: 150px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a75232b5da2d img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 修复文字溢出：通用标签样式 */ #picture-order-6a75232b5da2d .film-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a75232b5da2d { grid-template-columns: repeat(2, 1fr); gap: 7.2px; } #picture-order-6a75232b5da2d .gallery-item { height: 160px !important; } } @media (max-width: 768px) { #picture-order-6a75232b5da2d { gap: 6.4px; } } @media (max-width: 480px) { #picture-order-6a75232b5da2d { gap: 5.6px; } } /* PictureOrder Frame Styles */ #picture-order-6a75232b5da2d .gallery-item { background-color: #fff; padding: 18px; border: 1px solid #e0e0e0; border-radius: 8px; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); position: relative; } #picture-order-6a75232b5da2d .gallery-item::before { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #f5f5f5; border-radius: 4px; pointer-events: none; } #picture-order-6a75232b5da2d .gallery-item img { border-radius: 4px; transition: transform 0.3s ease; } #picture-order-6a75232b5da2d .gallery-item:hover { border-color: #c0c0c0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } #picture-order-6a75…