做完梦后，头脑清醒，念头通达。故用AI生成梦中场景，差不多达到85%还原度。
只记当时梦，也许时间长了过几分钟也就忘记了。“孟婆汤”大概便如此效果吧。

“最毒妇人心”这句话是不是很熟悉，但是，他的原句可不是这句噢，原句：“蝮蛇口中草，蝎子尾后针，两般犹未毒，最毒负人心”，来自于明末冯梦龙《警世通言》。
在《封神演义》中，姜子牙在逃回西岐时，但他媳妇不愿与其背井离乡，临走时才写下的四句诗词，“青蛇竹蛇口中牙，黄蜂尾后针，两都皆不毒，最毒妇人心”。后来在封神演义的大肆传播下，才把最毒负人心变成了最毒妇人心。

正月剪头死舅舅

“正月剪头死舅舅”这句是不是也很熟悉呢，这句话被许多人流传为封建迷信，你可能不怕，但当你成为舅舅后，你怕不怕。
而最早时候不是正月剪头死舅舅，而是“正月剪头思旧”。
而正月剪头思旧，该习俗起源于1644年清廷颁布剃发令的前后，其实，该习俗属于误传。当时不剪头发意味着“思旧”，思念的意思，思念谁呢？思念过去的历史（旧朝），但当时不能公开与朝廷对抗，便衍生了“正月剪头死舅舅”风俗。

无毒不丈夫

“无毒不丈夫”也是属于误传的，原句是“量小非君子，无度不丈夫”，意思是没有大度包容的就不配成为大丈夫。
而到《谢金吾》里面就变成了“恨小非君子，无毒不丈夫”！

不孝有三，无后为大

你现在看到这句话是不是觉得，没有后代才是不孝吧，其实这个是错误的。
如果孟子知道你这么理解的，他可能会从棺材里跳起来给你一巴掌，“我没有说过这句话”。
原话是“不孝有三，无后为大，舜不告而取，为无后也”，意思是不孝有三，以没有尽到后辈应尽到的责任，这才叫不孝。

可以点击“查看不孝有三，无后为大详细见解”

家和万事兴

现代中，“家和万事兴”总会出现于，产生矛盾时，大家会说“家和万事兴”，总是一句断章取义来说。
原句是父爱则母静，母静而子安，子安则家和，家和万事兴。
含义：

父爱则母静‌
当父亲承担起家庭责任，关爱妻子和孩子时，母亲会感受到被尊重和支持，情绪趋于稳定。这种安定感会成为家庭和谐的起点。 ‌‌
‌母静则子安‌
母亲情绪平和时，孩子会处于安全、稳定的成长环境，形成安全感与信任感。 ‌‌
‌子安则家和‌
有安全感的孩子更懂事、易沟通，家庭冲突减少，家人间更容易相互理解，形成良性循环。 ‌‌
‌家和万事兴‌
家庭和谐能促进事业发展、人际关系和谐，形成良性循环。 ‌‌

为什么这些特质会吸引你？多半是因为自身恰好缺少或渴望拥有。就像别人喜欢你，也不会只因为“聪明、善良、有趣”这类浅层标签，而是你身上有他们想追寻的东西。

其实，人在喜欢别人时，不过是想借由对方，补全自己未曾拥有的部分。也正因如此，当你走过一段路、成为更好的自己后，再回头看曾经的选择，才会有新的反思。

原来，人们终其一生在关系里追寻的，说到底，还是对完整自我的偏爱。

朋友想叫我把他的希米相册程序改成typecho插件，对于我来说，“难”，因为我只会叫“AI”干活。
于是，就有了“WaterfallGallery”插件，这是一款typecho主题插件，理论上是支持所有主题，除非你有安装别的插件，从而产生冲突，不兼容情况！

介绍

WaterfallGallery是一款通过在插件后台>填写图片外链（批量填写，每横一个地址），使用短代码直接调用全部图片到文章页或者独立页面中。这给使用外链图片相册的朋友，给予最大的便捷。演示图是没有的，因为我不太喜欢发太多图片到博客上，自行下载测试

功能

支持瀑布流（不成熟）、自定义列数、图片分页数量、分页等。

版本

目前有3.0版本以及4.0版本

下载

【超级会员V2】通过百度网盘分享的文件：Waterfal…等2个文件链接:https://pan.baidu.com/s/1ymSqH6asFfs0Oe8WBh7NzQ?pwd=tq6p 
个人喜欢3.0版本，至于1.0和2.0版本没有分页功能，直接淘汰了。图片太多没有分页不方便，相信大家也不喜欢。

[小归客gallery]
使用去掉“文字”，在你喜欢的文章页或者独立页使用便可。

原链接

https://www.xiaohongshu.com/user/profile/5f73d8690000000001008293?xsec_token=YBE7zn_qQbQqNcBoKWwuKnT7hNpe5GfHR8UN_uTkkhI0o=&xsec_source=app_share&xhsshare=&appuid=5f73d8690000000001008293&apptime=1754668288&share_id=a5f92692a09449948d4952a7b10efdc4&share_channel=copy_link

这是我小红书主页，分享复制的个人主页信息链接。放在网站中太长了。
于是，我想这小红书ID呢？为什么没有？在我的一通操作下，发现，这ID是一个值，ID: 5f73d8690000000001008293这个才是用户唯一ID值。
也就是说，我们设置链接时，只需要这样就行，https://www.xiaohongshu.com/user/profile/5f73d8690000000001008293

原链接分析

使用小红书的链接，填写ID是没用的，只能填写用户值。

其他参数解析

URL中除了用户ID，还包含了一些用于分享和追踪的参数：
xsec_token: YBE7zn_qQbQqNcBoKWwuKnT7hNpe5GfHR8UN_uTkkhI0o=
这是一个安全令牌，用于验证分享链接的合法性和时效性，防止未授权的访问。
xsec_source: app_share
表明这个链接的来源是“App分享”。
appuid: 5f73d8690000000001008293
这与用户ID是同一个值，用于在App内明确分享目标。
apptime: 1754668288
这是一个Unix时间戳，表示分享这个链接的时间。转换后大约是 2025年8月8日。
share_id: a5f92692a09449948d4952a7b10efdc4
这是一个分享事件的唯一ID，用于追踪和分析分享行为。
share_channel: copy_link
表示分享的渠道是“复制链接”。

略略略，不想写，看GK主题演示

截图

更新日志

2025.8.8更新如下
新增：毛的没用
新增：联系方式（快手，QQ跳转没成功）
新增：文章阅读量
新增：搜索栏
新增：白天/夜间模式
新增：音乐歌单播放器
框架:三栏主题

前言

这里是4个完全独立Typecho插件，分别是博客订阅插件BlogSubscribe、友情链接插件LinkShow、游戏记录插件GameRecord、影视记录插件MovieRecord，每个插件都拥有不一样的效果，具体看功能区，插件可能与你的其他插件不共存，但你放心，我的这4个是共存，理论上是想放那里放那里。

1.博客订阅插件BlogSubscribe

通过在插件后台输入订阅地址，通过短代码调用

在你需要放的位置使用[小归客blog_subscribe]

2.友情链接插件LinkShow

在文章或者页面内填写logo、名称、地址、介绍使用。

[小归客linkshow]
[小归客link logo="图片地址" name="网站名称" nickname="网站昵称" url="链接地址" intro="网站介绍"]
[小归客link logo="图片地址2" name="网站名称2" nickname="网站昵称2" url="链接地址2" intro="网站介绍2"]
[小归客/linkshow]
其中，nickname="网站昵称2"可以删除使用非必用

3.游戏记录插件GameRecord

在文章或者页面填写logo、角色名、时间使用。

[小归客game logo="图标地址" name="游戏名称" nickname="游戏昵称" time="游戏时间"]

4.影视记录插件MovieRecord

在文章或者页面填写封面、名称、链接使用。

[小归客movie img="https://img1.baidu.com/it/u=3042287271,1241422176&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=701" name="仙逆" url="https://example.com/movie1"]

注：复制粘性使用时去掉“小归客”，其实，完全不用复制，因为插件内写了使用说明了。嘻嘻嘻嘻……

下载地址

①.Typecho博客订阅插件BlogSubscribe.tar.gz
②.Typecho插件友链LinkShow.tar.gz
③.Typecho游戏记录插件.tar.gz
④.Typecho影视插件MovieRecord.tar.gz
插件运行在php7.4、Typecho1.2.1版本上没有问题。部分主题可能不兼容。
如果你同时使用了Typecho短代码插件MyShortcodes可能是不兼容的。

百度网盘(防失效)

插件

下载:Typecho短代码插件MyShortcodes.tar.gz非常不错的插件。

演示

[timeline]
[timeline-item title="2023年" date="1月"]项目启动，完成需求分析[/timeline-item]
[timeline-item title="2023年" date="6月"]开发阶段，完成核心功能[/timeline-item]
[timeline-item title="2023年" date="12月"]项目上线，开始运营[/timeline-item]
[/timeline]

[process]
[process-step title="需求分析" icon="fa fa-search"]收集并分析用户需求[/process-step]
[process-step title="设计阶段" icon="fa fa-pencil"]完成UI和UX设计[/process-step]
[process-step title="开发阶段" icon="fa fa-code"]实现功能开发[/process-step]
[process-step title="测试上线" icon="fa fa-rocket">进行测试并正式上线[/process-step]
[/process]

[tooltip text="这是一个提示" position="top"]悬停我[/tooltip]

[accordion]
[accordion-item title="常见问题1"]这是第一个问题的答案内容[/accordion-item]
[accordion-item title="常见问题2"]这是第二个问题的答案内容[/accordion-item]
[accordion-item title="常见问题3">这是第三个问题的答案内容[/accordion-item]
[/accordion]

[progress percent="75" color="blue">项目完成度[/progress]

[icon name="fa fa-home" size="2x" color="red"]首页图标[/icon]

[spoiler title="点击查看答案"]
这是隐藏的答案内容，需要点击才能查看。
[/spoiler]
[tabs]
[tab title="选项1"]这里是第一个选项卡的内容。[/tab]
[tab title="选项2"]这里是第二个选项卡的内容，可以放任何东西。[/tab]
[tab title="选项3"]这里是第三个选项卡的内容。[/tab]
[tab title="选项4"]这里是第四个选项卡的内容。[/tab]
[/tabs]
[alert type="success"]恭喜你，操作成功！[/alert]
[alert type="warning"]这是一个警告信息，请注意。[/alert]
[button url="https://www.example.com" color="green" size="large" blank="true"]点击访问示例网站[/button]

[column width="1/2"]
这是第一栏的内容。
[/column]
[column width="1/2"]
这是第二栏的内容。
[/column]

好像绝大多数主题都是适配的。。

复制代码

下载上面的文件>安装后，复制下方短代码到你编辑中保存就可以了。

<!-- 时间线示例 -->
[timeline@]
[timeline-item title="2023年" date="1月"]项目启动，完成需求分析[/timeline-item]
[timeline-item title="2023年" date="6月"]开发阶段，完成核心功能[/timeline-item]
[timeline-item title="2023年" date="12月"]项目上线，开始运营[/timeline-item]
[/timeline@]

<!-- 流程图示例 -->
[process@]
[process-step title="需求分析" icon="fa fa-search"]收集并分析用户需求[/process-step]
[process-step title="设计阶段" icon="fa fa-pencil"]完成UI和UX设计[/process-step]
[process-step title="开发阶段" icon="fa fa-code"]实现功能开发[/process-step]
[process-step title="测试上线" icon="fa fa-rocket">进行测试并正式上线[/process-step]
[/process@]

<!-- 提示框示例 -->
[@tooltip text="这是一个提示" position="top"]悬停我[/tooltip@]

<!-- 手风琴示例 -->
[@accordion]
[accordion-item title="常见问题1"]这是第一个问题的答案内容[/accordion-item]
[accordion-item title="常见问题2"]这是第二个问题的答案内容[/accordion-item]
[accordion-item title="常见问题3">这是第三个问题的答案内容[/accordion-item]
[/accordion@]

<!-- 进度条示例 -->
[@progress percent="75" color="blue">项目完成度[/progress@]

<!-- 图标示例 -->
[@icon name="fa fa-home" size="2x" color="red"]首页图标[/icon@]

<!-- 剧透内容示例 -->
[@spoiler title="点击查看答案"]
这是隐藏的答案内容，需要点击才能查看。
[/spoiler@]

[tabs@]
[tab title="选项卡1"]这里是第一个选项卡的内容。[/tab]
[tab title="选项卡2"]这里是第二个选项卡的内容，可以放任何东西。[/tab]
[tab title="选项卡3"]这里是第三个选项卡的内容。[/tab]
[tab title="选项卡4"]这里是第四个选项卡的内容。[/tab]
[/tabs@]


[@alert type="success"]恭喜你，操作成功！[/alert]

[@alert type="warning"]这是一个警告信息，请注意。[/alert@]


[@button url="https://www.example.com" color="green" size="large" blank="true"]点击访问示例网站[/button@]


[@column width="1/2"]
这是第一栏的内容。
[/column@]

[column width="1/2"]
这是第二栏的内容。
[/column@]

<!-- 注意：分栏后最好加一个 <div class="clearfix"></div> 来清除浮动，以防布局错乱 -->
<div class="clearfix"></div>

复制粘贴时，去掉@字符。

认识filter属性

filter属性是 CSS 中用于对元素应用图形效果（如模糊、阴影、颜色调整等）的属性。它就像一个 “视觉特效师”，能让普通的图片、文字、按钮瞬间变得与众不同。filter属性的值是一个或多个滤镜函数的组合，每个滤镜函数都对应一种特定的效果。filter属性的基本语法如下：

.element {
  filter: filter-function();
}

例如，我们要为一个图片添加模糊效果，可以这样写：

img {
  filter: blur(3px);
}

这里的blur()就是一个滤镜函数，3px表示模糊的程度，数值越大，模糊效果越明显。

常用滤镜函数

2.1 模糊效果：blur()blur()函数用于给元素添加模糊效果，常被用于背景图片的虚化处理，营造出朦胧的美感，或是在鼠标悬停时，为元素添加动态的模糊过渡效果。

img {
  filter: blur(3px);
  transition: filter .5s ease-in-out;
}

img:hover {
  filter: blur(1px);
}

这个例子则展示了通过过渡动画，让图片在鼠标悬停时平滑地产生模糊变化，增加交互趣味性。
2.2 阴影效果：drop-shadow()
drop-shadow()函数可以为元素添加阴影，与box-shadow属性类似，但drop-shadow()更专注于模拟投影效果，且能更好地与滤镜链中的其他效果结合使用。

/* 为卡片添加投影 */
.card {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8));
}

上述代码中，0表示水平偏移量，4px表示垂直偏移量，8px是模糊半径，rgba(0, 0, 0, 0.8)则定义了阴影的颜色和透明度。通过调整这些参数，就能轻松打造出不同风格的阴影效果。
2.3 亮度调整：brightness()brightness()函数用于调整元素的亮度，可以让图片或元素变得更亮或更暗，数值范围是0%（全黑）到200%（两倍亮度），默认值为100%。

/* 降低图片亮度 */
.dim-image {
  filter: brightness(70%);
}

/* 鼠标悬停时，图片变亮 */
.highlight-image {
  transition: filter 0.3s ease;
}

.highlight-image:hover {
  filter: brightness(120%);
}

利用brightness()函数，我们可以实现图片在不同状态下的亮度变化，例如在图片列表中，让鼠标悬停的图片变亮，突出显示重点内容。
2.4 对比度调整：contrast()contrast()函数用于调整元素的对比度，数值范围同样是0%（完全没有对比度）到200%（两倍对比度），默认值为100%。提高对比度可以让元素的颜色更加鲜明，降低对比度则能营造出柔和的视觉效果。

/* 增加文字对比度 */
.strong-contrast-text {
  filter: contrast(400%);
}

/* 降低图片对比度 */
.soft-image {
  filter: contrast(50%);
}

2.5 色彩反转：invert()
invert()函数可以反转元素的颜色，将黑色变为白色，白色变为黑色，其他颜色也会相应地进行反转。它常用于创造有趣的视觉反差，或是制作具有科幻感、未来感的页面效果。

img {
  transition: filter 0.3s ease;
}

img:hover {
  filter: invert(100%);
}

兼容性与注意事项

虽然filter属性在现代浏览器中得到了广泛支持，但在一些老旧浏览器（如 IE 系列）中可能存在兼容性问题。为了确保网页在各种浏览器中都能正常显示，可以使用 CSS 特性查询（@supports）来提供回退方案：

.element {
  /* 不支持filter时的样式 */
  background-color: #ccc;
}

@supports (filter: blur(0)) {
  .element {
    /* 支持filter时的样式 */
    filter: blur(3px);
    background-color: transparent;
  }
}

转自:前端老鹰