效果图：

纯CSS实现，效果可见本页面从下往上飘得一闪一闪的特效，未引入除CSS代码外任何文件。

代码如下

{hide}

<link rel="stylesheet" href="https://www.iarc.top/css/firefly.css" />
<style>.circle-container {position: fixed;top: 0;left: 0;z-index: 1}</style>
<script>
var firefly = "";
for (var i = 1; i <= 100; i++) {
    firefly = '<div class="circle-container"><div class="circle"></div></div>';
    document.writeln(firefly);
}
</script>

{/hide}

可添加至任何HTML网页，CSS文件建议本地化一下，以免链接失效。

Typecho Handsome主题v9.0是一款基于boostrap3框架的优秀主题。该主题内置了丰富的CSS和JS组件，具有极强的自定义性。它提供了5套独立页面的自定义模板，包括豆瓣书单、时光机、文章归档、留言板和友情链接。这些模板使得该主题更加多样化，非常适合个人博客或网站使用。

演示图

主题功能

提供了14套自定义风格和4种页面自定义布局切换选项，让用户可以根据自己的需求随意打造每一处细节。同时，该主题还拥有丰富的社交功能，包括目录、灯箱插件、热门文章、最新评论、随机文章、标签云、短代码高亮文本、音乐播放器等等，为用户提供更好的交流和展示平台。
该主题还拥有强大而简单的后台设置，用户无需学习代码，只需通过鼠标点击即可完成设置。此外，主题还支持国际化语言，内置三种基本语言，并可自行添加其他语言设置。最后，该主题采用响应式设计，无论在任何屏幕尺寸下都能提供优秀的视觉体验。
综上，Typecho Handsome主题v9.0是一款功能强大、易于使用且较为符合SEO要求的主题模板，非常适合个人博客使用。

下载链接：

{hide}

{cloud title="handsome9.0" type="lz" url="https://xql.lanzv.com/iLOkb1o8jrej" password=""/}

{/hide}
使用教程就不用赘述了吧，直接往/usr/themes/里一丢后台就能用了。

GitHubFile 是一个专为 Typecho 博客系统设计的插件，它允许您将上传的图片自动上传到 GitHub 仓库，并通过 jsDelivr 全球节点加速，提升图片加载速度。本文将详细介绍如何安装和使用这个插件。

安装步骤

1. 项目地址：访问 GitHub 下载 GitHubFile 插件。
2. 上传插件：将下载的插件文件上传到 Typecho 的 usr/plugins/ 目录下。
3. 重命名：将上传的文件目录重命名为 GitHubFile。
4. 启用插件：在 Typecho 后台启用 GitHubFile 插件，并填写您的 GitHub 仓库 token、用户名和仓库名。
5. 配置保存：保存插件配置后，您上传的图片将自动同步到 GitHub 仓库。

GitHub Token 获取指南

1. 访问 GitHub 设置：在您的 GitHub 账户中，找到 Settings -> Developer settings -> Personal access tokens。
2. 创建新 Token：点击 "New personal access token" 创建一个新的个人访问令牌。
3. 选择权限：在权限列表中勾选 "repo"，然后点击 "Generate token" 生成令牌。
4. 保存令牌：生成的令牌仅显示一次，请确保保存好，因为它不会再次显示。

加载速度效果图：

插件已经取消了有点不稳定说实话
508kb:

前言

博客之前经常有人回复一些无意义的内容，导致很多垃圾评论

所以我在想既然很多游客喜欢回复一些垃圾评论，不如我直接设置一个随机一言，让他们省去了垃圾评论的打字时间，同时又能让我的评论区少一些无意义的评论

而且那些真正认真回复的人只需要一键删除即可，也不会很影响评论体验，所以就给自己的评论框添加了随机一言

效果展示

先来一波效果展示

本教程仅以Joe主题为例，其他主题可自行发挥能力，如有技术问题，博主可提供简单的指导

教程开始

一、添加后台控制

在 Joe/functions.php内添加以下代码

// 评论框随机语录功能
$Comment_Citation = new Typecho_Widget_Helper_Form_Element_Select(
    'Comment_Citation',
    array('off' => '关闭（默认）', 'on' => '开启'),
    'off',
    '是否开启评论框随机语录功能',
    '介绍：开启后，评论框自动随机填充随机语录'
);
$Comment_Citation->setAttribute('class', 'joe_content joe_other'); 
$form->addInput($Comment_Citation->multiMode());

//评论框随机语录链接/文字 
$Comment_Citation__text = new Typecho_Widget_Helper_Form_Element_Textarea(
    'Comment_Citation__text',
    NULL,
    "https://api.vvhan.com/api/ian",
    '评论框随机语录',
    '介绍：用于修改评论框随机语录（可以为api地址） <br />
     格式：一行一个，可以为api地址，也可为文字，可以填写多个API地址<br />
     注意：必须填写JSON格式的API，API需要开启跨域权限才能调取，否则会调取失败！<br />
     如果为api地址可在前台按钮刷新内容，如果为文字只能刷新页面来刷新内容（建议使用api地址）<br />
     推荐API：https://api.vvhan.com/api/ian'
);
$Comment_Citation__text->setAttribute('class', 'joe_content joe_other');
$form->addInput($Comment_Citation__text);

二、添加刷新按钮（可省略）

在 Joe/public/comment.php 添加以下代码，不添加则不设置刷新按钮

<?php if ($this->options->Comment_Citation !== "off") : ?>
                            <div class="Comment_Citation" title="语录">
                                <div class='comment_box'>
                                    <i class='fa fa-fw fa-refresh' aria-hidden='true'></i>
                                    <span class="title">语录</span>
                                </div>
                            </div>
                        <?php endif; ?>

三、添加内容获取

1、添加后端获取

在 Joe/core/function.php 添加以下代码

/* 获取评论框随机语录 */
function _getComment_Citation() 
{
    $CitationRandom = explode("\r\n", Helper::options()->Comment_Citation__text);
    echo $CitationRandom[array_rand($CitationRandom)];
}

2、添加前端获取

在 Joe/public/config.php 添加以下代码

CITATION: `<?php _getComment_Citation() ?>`, // 评论随机语录

四、添加核心代码

{hide}

在 Joe/assets/js/joe.global.min.js 添加以下代码

if ($(".Comment_Citation").length) {function e() {let e = Joe.CITATION,t = /(https?:\/\/[^\s]+)/g;t.test(e)? $.ajax({url: e,dataType: "text",success: (e) => $(".joe_comment__respond-form .body textarea").val(e),}) : $(".joe_comment__respond-form .body textarea").val(e);}e(),$(".Comment_Citation").click(function () { e(); });}

{/hide}

五、添加刷新按钮样式（可省略）

这是刷新按钮样式，如果前面没添加刷新按钮，可跳过此步骤

在 Joe/assets/css/joe.global.min.css添加以下代码

.joe_owo__contain {
      position: static;
      .box { 
        position: absolute;
        bottom: 100%;
        margin-bottom: 6px;
        left: 0px;
        padding-top: 5px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-color: transparent;
        box-shadow: 0 0 10px 8px rgb(116 116 116 / 8%);
      }
    }
.comment_box {
      cursor: pointer;
      text-align: center;
      color: var(--routine);
      height: 26px;
      line-height: 26px;
      background: var(--background);
      opacity: 0.85;
      border-radius: 13px;
      width: 70px;
      margin-left: 5px;
      &:hover {
        background: var(--theme);
        color: #fff;
      }}

结语

教程稍有点复杂，但其实是沿用侧栏随机一言的方法，所以如果你能看懂核心js的话，可以仅修改 第四步 中ajax的 url 来实现，那样会简单很多很多