普通视图

Gist:2025最佳Folo替代品

2025年12月28日 12:42

Tiny Tiny RSS、RSSAnt(蚁阅)、Folo、freshrs 以上都是我使用过的RSS阅读器,唯一喜欢还是Folo,但是由于网络原因,我常常打开不方便,很快就慢慢减少使用了,而是选择了其他的聚合普通上的文章推荐浏览。

但是还是有个性化的订阅需求,想及时看到熟悉的博友更新,于是昨晚在寻找替代品,发现Gist可以用docker自建,这正合我的心意。作者发布标题,Folo收费后我自己做了一个RSS阅读器,项目地址:Gist

bluehe_2025-12-28_19-12-54

bluehe_2025-12-28_12-26-04

Gist有可以设置启用 AI 驱动的功能,如摘要和翻译,同时支持OPML 订阅导入,我可以把之前其他的RSS 阅读器平台的内容导入到该平台。

bluehe_2025-12-28_12-21-39

界面非常相似,等待作者进一步更新,缺点就是目前太大了,无论是docker容器(2.71GB)还是内存占用,都相当于两个站点了。

bluehe_2025-12-28_22-27-31

同时搭配上RSSHub Radar浏览器插件,能快速的订阅我喜欢的博友。

Gist:2025最佳Folo替代品

2025年12月28日 12:42

Tiny Tiny RSS、RSSAnt(蚁阅)、Folo、freshrs 以上都是我使用过的RSS阅读器,唯一喜欢还是Folo,但是由于网络原因,我常常打开不方便,很快就慢慢减少使用了,而是选择了其他的聚合普通上的文章推荐浏览。

但是还是有个性化的订阅需求,想及时看到熟悉的博友更新,于是昨晚在寻找替代品,发现Gist可以用docker自建,这正合我的心意。作者发布标题,Folo收费后我自己做了一个RSS阅读器,项目地址:Gist

Gist有可以设置启用 AI 驱动的功能,如摘要和翻译,同时支持OPML 订阅导入,我可以把之前其他的RSS 阅读器平台的内容导入到该平台。

界面非常相似,等待作者进一步更新,缺点就是目前太大了,无论是docker容器(2.71GB)还是内存占用,都相当于两个站点了。

同时搭配上RSSHub Radar浏览器插件,能快速的订阅我喜欢的博友。

2025:从草稿箱到收件箱

2025年12月21日 18:06

距离2026年还有11天,还没有完完全全写过年度总结类似的文章,或许自认为还没有那么多可描述的。从2016年开始认识虚拟主机,但真正的开始是2022年2月14日第一个ICP备案,到如今总计1407天,没想到能坚持那么久。在大学课堂上听到老师说博客已经是过去式,但我的看法不同,思考与总结是一件有“趣”的事。

数字很小,但每一篇都有来处

你们说的

评论数量共397条,摘录9名博友留言,谢谢互访互评的108位博友

网友小宋:自带随性的幽默感,一句小姐姐真多哈像朋友间打趣,聊网红猩猩的趣事笑出声,像老友唠嗑般亲切。

满心:从自驾趣味到遛娃便利,从绿植繁茂到花镜之美,分享的去处很适合一个人静静待着等,让细腻贴近日常。

acevs:点评里藏着机灵的调侃,猜儿童材料家长不让带走逗乐人,兴趣广泛,喜欢结合自己的亲身经历来讲,接地气的真实。

obaby:既赏绿意盎然的景致,也聊对南宁四季常青的绿树和漂亮的花草特别向往,带着鲜活的生活气。

ymz316:抓有趣的矛盾点,说工作难找但公园给了幸运,把寻常场景品出新鲜味,换个角度看的惊喜。

全局变量:用洗肺好去处这类接地气的比喻逗趣,说没时间玩看照片也算去了像自嘲式玩笑,连记挂桂林两口子考察的细节都透着热乎,分享多了一份亲切。

阿航:爱用反差制造趣味,说自己好久没坐公交,对比对方说走就走,聊想唱歌又调侃有实力也想上,把日常念叨得妙趣横生。

刘郎:从庭院的江南水乡感、荷叶的别致,到铭记历史的沉吟,常常提及当下,配上活泼的口语和表情,让人共情。

粽叶加米:享受派,喜欢森林绿道这类有味道的景色,关注粽子大小等有趣细节。

我在反复写什么?

周末假期反复探索未知的地点,包括景点、公园、集市,更多文章在描述相关的游记。

依然坚持的习惯是什么?

写作风格:写游记的时候喜欢通过相片,以时间线的方式一步步回忆当天的趣事,在一步步勾勒文章。写作频率:在空余的时间里,周末争取能走出去,所以尽量两周一游,文章更新同理,正是更新的需求,使得我有动力出去转转,可以是简简单单的散步,也可以是逛逛市场,试图“走”出去。

和去年比,有什么变化?

写作平台还是以Bluehe.cn为主,这里才是自留地,部分图集照片新分享在抖音。站点图片采用WebP格式,更换了新的主题,并采用Eo加速,使得我尽量保持最大的压缩比例。

遗憾与空白?

草稿箱里未完成的文章还存在,这篇内容以工作为角度,详细记录着我的医疗数据治理,也有许多想写但没写的内容,想更新却停下是因为没动力,也觉得大可不必,工作忙,这周也没有“走”,就静静整理自己的内容。

对下一年的小期待?

希望明年继续写出让自己读第二遍还觉得舒心文字,继续保持对文字的热爱。

文 / 寻鹤
摄 / 寻鹤
源 / bluehe.cn

2025:从草稿箱到收件箱

2025年12月21日 18:06

距离2026年还有11天,还没有完完全全写过年度总结类似的文章,或许自认为还没有那么多可描述的。从2016年开始认识虚拟主机,但真正的开始是2022年2月14日第一个ICP备案,到如今总计1407天,没想到能坚持那么久。在大学课堂上听到老师说博客已经是过去式,但我的看法不同,思考与总结是一件有“趣”的事。

[fotos]
2025-written-here-1
2025-written-here-2
2025-written-here-3
2025-written-here-4
2025-written-here-5
2025-written-here-6
2025-written-here-7
2025-written-here-8
2025-written-here-9
[/fotos]

数字很小,但每一篇都有来处

你们说的

评论数量共397条,摘录9名博友留言,谢谢互访互评的108位博友

网友小宋:自带随性的幽默感,一句小姐姐真多哈像朋友间打趣,聊网红猩猩的趣事笑出声,像老友唠嗑般亲切。
满心:从自驾趣味到遛娃便利,从绿植繁茂到花镜之美,分享的去处很适合一个人静静待着等,让细腻贴近日常。
acevs:点评里藏着机灵的调侃,猜儿童材料家长不让带走逗乐人,兴趣广泛,喜欢结合自己的亲身经历来讲,接地气的真实。
obaby:既赏绿意盎然的景致,也聊对南宁四季常青的绿树和漂亮的花草特别向往,带着鲜活的生活气。
ymz316:抓有趣的矛盾点,说工作难找但公园给了幸运,把寻常场景品出新鲜味,换个角度看的惊喜。
全局变量:用洗肺好去处这类接地气的比喻逗趣,说没时间玩看照片也算去了像自嘲式玩笑,连记挂桂林两口子考察的细节都透着热乎,分享多了一份亲切。
阿航:爱用反差制造趣味,说自己好久没坐公交,对比对方说走就走,聊想唱歌又调侃有实力也想上,把日常念叨得妙趣横生。
刘郎:从庭院的江南水乡感、荷叶的别致,到铭记历史的沉吟,常常提及当下,配上活泼的口语和表情,让人共情。
粽叶加米:享受派,喜欢森林绿道这类有味道的景色,关注粽子大小等有趣细节。

我在反复写什么?

周末假期反复探索未知的地点,包括景点、公园、集市,更多文章在描述相关的游记。

依然坚持的习惯是什么?

写作风格:写游记的时候喜欢通过相片,以时间线的方式一步步回忆当天的趣事,在一步步勾勒文章。写作频率:在空余的时间里,周末争取能走出去,所以尽量两周一游,文章更新同理,正是更新的需求,使得我有动力出去转转,可以是简简单单的散步,也可以是逛逛市场,试图“走”出去。

和去年比,有什么变化?

写作平台还是以Bluehe.cn为主,这里才是自留地,部分图集照片新分享在抖音。站点图片采用WebP格式,更换了新的主题,并采用Eo加速,使得我尽量保持最大的压缩比例。

遗憾与空白?

草稿箱里未完成的文章还存在,这篇内容以工作为角度,详细记录着我的医疗数据治理,也有许多想写但没写的内容,想更新却停下是因为没动力,也觉得大可不必,工作忙,这周也没有“走”,就静静整理自己的内容。

对下一年的小期待?

希望明年继续写出让自己读第二遍还觉得舒心文字,继续保持对文字的热爱。

文 / 寻鹤

摄 / 寻鹤


源 / bluehe.cn

于日常处 · 十月记

2025年10月12日 18:22

聚餐

把最近五个月的生活叙述整理下,端午节也就是5月31日,同学一直约我出来,我之前婉拒了两次,俗话说事不过三,应邀见面,这是毕业后的为数不多的见面,我们关系很好,在大学图书馆一起学习,期末考试时,我很佩服她做笔记的能力,许多知识点我还在逐条背时,她已经汇总出来了。

握住她的 “宝典” ppt,真的让我考试难度降低了一半,学起来也不吃力了。在校由于我们的导师是同一位,所以有很多的共同话题,但五月份她已经工作很久了,而我刚决定离职。

P20250531-175500

前一天我就计划好去邕江看赛龙舟,看完之后去打麻将,最后去吃晚餐就完美结束一天,我美团找了一家实惠的麻将娱乐包间,小雀舍(43元4小时畅玩)。

当天从地铁走到地下商场,再到出口,发现人山人海,天气又炎热,我已经决定要直接转战到麻将,我们四人聚在一起后,询问大家意见后前往,路上跟着大众反方向,大伙都是去看赛龙舟的。

CRnall_20250626_153705304

而有了上一次的聚餐经历,第二次就轻车熟路了,这次推荐的是“完美攻略”,我买的是四人全天畅玩票266元,仅限工作日玩,所以价格会优惠些,工作日好处也很明显,就是人少,许多项目都能畅玩,而在美团上评价也是分两派,工作日好评、节假日差评,节假日人多时项目要排队,所以体验不佳。

CRnall_20250626_153651980

分为8楼一整层和11楼一整层,室内和室外,涵盖了电玩、台球、麻将、剧本杀、KTV、陶艺、射箭、VR体验、卡丁车等多种娱乐项目。

8楼一整层:VR幻影星空暗黑战车、台球、手工陶艺、超级碰撞球、麻将、MiNi唱吧、剧本杀、桌游、pS5、SWITCH、电竞房(直播、转播)、射箭、美人池(海洋球池)、星空馆、舞台演绎、舞战纪、VR暗黑枪神、VR战场记忆、VR星际卫队、VR星际防线、VR全民枪战、抹杀计划、决战网球、动感飞车、终结者4、星光2、舞立方、幽灵特警、完毁袭击、疯狂飙车、街机、超级摩托车、极速摩托车、大闹天宫、动力卡车、捕鱼、太鼓三国、化解危机4、蓝博、按摩椅、小骑侠、赛马机、投篮机、星际夺宝、头文字D藤原店、拳王
11楼一整层:真人CS、跑跑卡丁车、漂移车、夜景灯光秀

CRnall_20250626_153635652

CRnall_20250626_153603275

少不了的麻将,我们点好奶茶就开始了娱乐模式,整个区域就只有我们这四个人玩,包场了,大家都是新手,玩着玩着发现根本胡不了牌,重新看教程才知道碰扔一张,杠模一张,一下都乐起来了。

CRnall_20250626_155159685

陶艺有转板,自己去拿陶土,用脚踩在机关上,控制合适的转速,但大家都玩得手土土的。

CRnall_20250626_161434793

不会的射箭不用担心,旁边就有人工作人员指导演示,不一样的体验。

CRnall_20250626_164713642

外放的KTV,当然也有小包厢,但是音质没有外放的好,唱歌好听的话!当然要在这里高唱,而且还有低音的效果,还不怕跑调被人嘲笑。我们还玩了台球、VR、还有1分钱45分钟的按摩椅,真的好舒服,好笑的是另一位同伴说按摩一直按着头很害怕,但我说有没有可能是按肩膀的,你身高没到,又是一片快活的气息,因为确实是按摩的是肩膀,我可以体验到。

CRnall_20250626_182639751

最后我们上到了11楼,玩起了卡丁车,体验拉满了,玩了个尽兴。进入完美攻略是给每一位带了个纸质的手环,凭借手环可以自由进入,所以我们饱餐了一顿又回来娱乐。

CRnall_20250626_191455390

CRnall_20250626_192157552

CRnall_20250626_192410537

荔枝

CRnall_20250706_175813899

荔枝那可是真便宜,今年大丰收,从4月份吃到快6月份了,10元4斤的荔枝随处可见,而且阿姨还要剪掉树枝只称果来买。

拼豆

CRnall_20250713_170747282

拼豆是手工DIY活动,就是用各种颜色的、有孔的塑料小圆环的豆子,在带凸起的模版上拼出图案,然后通过熨烫加热使其粘合固定,最终制成各种挂件。首先我在小红书找到被我丢失的一个挂件图,图是像五指棋似的,样式就是像极了棋子落子,根据样式图,就能准确拼豆。

CRnall_20250713_170337672

CRnall_20250713_154839211

第二步是挑选颜色,有一个色板参考,结合模板效果,选出相应的颜色,在用笔写好编码,店里的姐姐就会帮你挑出颜色,放在一个个小盒子里。

CRnall_20250713_170224270

CRnall_20250713_172636199

拿着镊子不知不觉就过了一个小时,因为是一小时的套餐,挺赶的,全神贯注的我脖子都酸了,旁边是计时器,可以自己计时。拼好后就可以给工作人员,他将熨烫纸盖在拼好的图案上,用熨斗加热粘成一起,还可以打孔,在加一根绳子就可以挂在背包上了。

CRnall_20250713_174506169

其他

CRnall_20250719_173725312

有空还可以玩PS4,双人成行这游戏太好玩了,这是第二次玩,想到了在学校跟着同学熬夜通关的时候,一边吐槽操作,一边体验者游戏的视觉盛宴,喜欢滑雪的场景,这家是我去得最多的,去了四次,5小时100元,是一个个小包厢,两个手柄。

CRnall_20250731_122155030

在朝阳广场来吃的百香林泡芙,一口一个奶油,现在又出了很多口味,芋泥、抹茶、榴莲,但很明显的是植物奶油,吃了三四个就会腻了,齁甜。

CRnall_20250731_124122290

CRnall_20250731_123237325

来到了附近的旧和平市场,各种“百货”都在这里可以找到,母亲找个刀片刮胡子的给外公使用,电动的外公不会用,我以前也用过,第一次刮就把皮蹭到了,缺了块小肉,有阴影的,过于锋利。

中关村

CRnall_20250801_120832155

这里是南宁·中关村创新示范基地,欧洲风情的城堡式建筑、风车、钟楼、灯塔以及喷泉,但是因为是中关村,所以能看到明牌上写着一些AI+科技之类的话语,这次来是因为招聘会在这里举办,没想到失业的人那么多,毕业生更加多,昨天发的通知,今天就挤满了会议室,不过大多岗位要求都是稀缺的高级人才,注定我走了个片场,而且专业必须与之相关,很苛刻。

CRnall_20250801_120733969

CRnall_20250801_120449822

既然如此,那就欣赏明月湖畔吧,环绕了一部分区域拍拍建筑。

CRnall_20250801_120243268

CRnall_20250801_120222288

于日常处 · 系列已成为一个标签的文章类别,通过记录,使得回忆加深。

Snapic Just 640px 主题入门

2025年10月9日 21:18

Snapic Just 640px是我在用的主题,作者更新很快,但一些修改只能在文件修,所以来总结一下我全部的设置。

Lopwon:不推荐从外部引入字体,访问不顺畅会导致自己的页面加载受阻,如果非得使用,需要放置在主题本身的 css 文件之下,也就是在 head 标签内的最下方,以覆盖主题 css 中的字体设置。

1、我是直接在head.php的< head >部分填写以下代码:

  <link rel="stylesheet" href="https://registry.npmmirror.com/lxgw-wenkai-screen-web/1.321.0/files/style.css" media="print" onload="this.media='all'"/>
  <style>
    body {
      font-family: "LXGW WenKai Screen", "微软雅黑", "Microsoft YaHei", "Georgia", "STZhongsong", serif;
      font-weight: normal;
    }
  </style>

宽度我设置的是640、800、960,可以自定义。

Lopwon:如果指定是代码位置的话,在 functions.php 文件:找到变量 $optionsPannelWidth 每行 label 对应一项宽度设置,可以新增也可以删除,value 为对应的宽度值,在前端点选后会把值传递到 html 的样式中的容器宽度变量 --body-width 来定义页面内容的宽度。

2、找到functions.php的$optionsPannelWidt:

        $optionsPannelWidth = '
            <div class="width">
                <label><input type="radio" name="width" value="640px"><span>窄栏</span></label>
                <label><input type="radio" name="width" value="800px"><span>适中</span></label>
                <label><input type="radio" name="width" value="960px"><span>宽栏</span></label>
                <label><input type="radio" name="width" value="default"><span>默认</span></label>
            </div>
        ';

同时在 functions.php 文件 找到变量 $width 修改相应的宽度设置。

    $width = new Typecho_Widget_Helper_Form_Element_Radio(
        'width',
        [
            '640px'        => _t('640px'),
            '800px'        => _t('800px'),
            '960px'    => _t('960px')
        ],

·右侧设置,选择自己喜欢的阅览界面大小

3、下面是副标题的自定义设置,作者:@老街里,在 functions.php文件,我插入在变量 $catalog 结尾后,最新主题v1.6.0,第83代码行。

    $SubTitle = new Typecho_Widget_Helper_Form_Element_Text(
        'subTitle', null, '',
        _t('网站副标题'),
        _t('· 输入副标题文字,将显示在网站主标题后方,留空则不显示。')
    );
    $form->addInput($SubTitle);

同时在 head.php 文件,把<title><?php $this->archiveTitle([], '', ' - '); $this->options->title(); ?></title>替换成如下代码:

<title>
    <?php 
    if ($this->is('index')) {
        // 主标题
        $title = $this->options->title();
        // 副标题(去除首尾空白字符)
        $SubTitle = trim($this->options->subTitle);
        
        // 拼接标题
        if (!empty($SubTitle)) {
            echo $title . ' - ' . $SubTitle;
        } else {
            echo $title;
        }
    } else {
        $this->archiveTitle([], '', ' - '); 
        $this->options->title();
    }
    ?>
</title>
Lopwon:这个机制是避免浏览者点开图片后,直接翻图看文章中的所有图片,而不去阅读文字,我的博客同样使用了这样的机制,如果是文内图集,才能在图集内翻图,其他图片使用单图灯箱效果。

4、图片翻图,原主题是不能设置翻图,只能一张张的阅览,当然作者也给出解决方案,在 functions.php 文件 :

  1. 找到 'fotos-' . $fotoNum 替换为 'fotos' 
  2. 找到 'img-' . $imgNum 也替换为 'fotos'

5、如何自定义翻页翻篇的灵敏度?

1. 搜索 foot.php 文件,找到两处 navigation 函数,如下操作:

    navigation(true, 2, 1); // 第 1 个参数为 true 的,保持不变,第 2 个参数为电脑端鼠标滚轮阀值,第 3 个参数为移动端手势滑动阀值
   
    navigation(false, 2, 1); // 第 1 个参数为 false 的,保持不变,第 2 个参数为电脑端鼠标滚轮阀值,第 3 个参数为移动端手势滑动阀值

6、签名字体修改,更加符合主题风格
将以上修正相对路径后的 @font-face {...} 样式代码,复制。粘贴至 css/snapic.just640px.front.css 文件中,如 @font-face 的下面,并如下操作。

@font-face {
    font-family: 'Ma Shan Zheng'; /* 自定义字体名称,如果有空格,请用引号包裹,如 'Noto Sans SC' */
    src: url('../font/myfont/subset-MaShanZheng-Regular.eot');
    src: url('../font/myfont/subset-MaShanZheng-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/myfont/subset-MaShanZheng-Regular.woff2') format('woff2'),
        url('../font/myfont/subset-MaShanZheng-Regular.woff') format('woff'),
        url('../font/myfont/subset-MaShanZheng-Regular.ttf') format('truetype'),
        url('../font/myfont/subset-MaShanZheng-Regular.svg#MaShanZheng-Regular') format('svg');
    font-weight: normal; /* 字体粗细,可选 */
    font-style: normal; /* 字体样式,可选 */
    font-display: swap; /* 字体显示,必选 */

}

.sign span:first-child a 部分修改样式 font-family: 'Ma Shan Zheng'

7、这条是备注,Typecho的feed显示200字符?当然也可以使用我的插件RSS,若修改找到 feed 文件:

function safeSubstr($str, $length) {
    preg_match_all('/./us', $str, $ar);
    return implode('', array_slice($ar[0], 0, $length));
}

$this->feed->addItem([
    'title'           => $this->title,
    'content'         => $this->options->feedFullText? $this->content : safeSubstr($this->content, 200). "<p class=\"more\"><a href=\"{$this->permalink}\" title=\"{$this->title}\">[...]</a></p>",
    'date'            => $this->created,
    'link'            => $this->permalink,
    'author'          => $this->author,
    'excerpt'         => $this->___description(),
    'comments'        => $this->commentsNum,
    'commentsFeedUrl' => $feedUrl,
   'suffix'          => $suffix
]);

8、隐藏·的图片描述如何设置?也是@老街里修改的,找到 functions.php文件:

$buildImageHtml = function ($imageUrl, $altText, $gallery) use ($placeholder) {
    // 检查alt文本中是否包含"·",如果有则创建带样式的图片描述(隐藏·)
    if (stripos($altText, '·') !== false) {
        // 分割·前后的内容并取后面的部分,同时移除·符号
        $description = ltrim(explode('·', $altText, 2)[1] ?? '', '·');
        // 添加text-align: center样式使描述居中
        $escaped = sprintf('<span class="escaped"><span class="clamp">%s</span></span>', $description);
    } else {
        $escaped = '';
    }
    
    $blurStyle = (mb_strpos($altText, '羞') !== false) ? 'style="filter: blur(5px);"' : '';

9、备案号添加,在 foot.php 文件:

<?php echo filing('桂ICP备2022001355号-2','桂公网安备 45012702000102号','21313123'); ?>

10、添加RSS订阅和版权声明小图标在备案末尾,在 functions.php文件,找到filing部分:

function filing($icp = '', $psb = '')
{
    $icp = isset($icp) ? (string)$icp : '';
    $psb = isset($psb) ? (string)$psb : '';
    $footerDisplay = (empty($icp) && empty($psb)) ? 'style="display:none;"' : '';
    $icpDisplay = empty($icp) ? 'style="display:none;"' : '';
    $psbDisplay = empty($psb) ? 'style="display:none;"' : '';
    return <<< Lopwon
        <filing {$footerDisplay}>
            <section id="icp" {$icpDisplay}>
                <a href="http://beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">{$icp}</a>
            </section>
            <section id="psb" {$psbDisplay}>
                <a href="http://www.beian.gov.cn/" rel="noopener noreferrer" target="_blank">{$psb}</a>
            </section>
            <span style="display: flex;flex-direction: row; ">  
            <a href="https://bluehe.cn/rss.xml" rel="noopener noreferrer" target="_blank"><img src="https://bluehe.cn/usr/themes/SnapicJust640px/img/rss.png" style="width: 16px; height: 16px;"></a>  
            <a href="https://bluehe.cn/copyright.html" rel="noopener noreferrer" target="_blank"><img src="https://img.bluehe.cn/i/2025/04/08/67f4d7c3e4f70.png" style="width: 16px; height: 16px;"></a>  
            <span>
        </filing>
Lopwon;
}

f2434028-185e

主题的评论在侧边栏,包括设置阅读宽度、网站背景、导航栏,以上就是部分修改内容,更加完善,待更新......

文 / 寻鹤

源 / bluehe.cn

回邮美学:“会说话的界面”

2025年11月30日 20:58

为什么开始留意“回复邮箱界面”?其实没什么宏大理由,就是2024年7月11日,我在整理收件箱的时候,突然意识到,我收到的每一封认真写的回复,都带着一种温度。

如我们评论一样,结尾附了一个小表情,莫名就轻松了起来,这些细节它其实是个人表达的一部分。尤其在互访互评、合作沟通越来越频繁的现在,一封看起来舒服的回复,真的会让对方更愿意继续对话,甚至记得你。

所以,我开始留意那些“会说话”的界面设计、模板、小功能。不是为了炫技,而是让每次已读,都不冷冰冰。

下面是我目前互访互评中的一些 “会说话的界面”,没有排名,不分先后,有些是官方功能,有些是自己改的,有些可能小众,但对我刚刚好,或许能从中找到属于你的那一款。

雅余 https://yayu.net

张洪Heo https://blog.zhheo.com
张洪

李的日志 https://lilog.cn

ACEVS https://acevs.com

威言威语 https://www.weisay.com

木木木木木 https://immmmm.com 林木木

牧羊人 https://www.shephe.com 牧羊人

湘铭`Blog https://xiangming.site 湘铭

粽叶加米 https://wordpace.com 粽叶加米

荒野菲克 https://ficor.net 菲克

漫漫长路 https://mmcl.net 漫漫长路

崔话记 https://cuixiping.com 崔话记

小十 https://www.xiaoten.com 小十

云心怀鹤 (我的主题是纸质信封) 云心怀鹤

最后,如果你也有一个非它不可的回复界面、模板、签名、小习惯,哪怕只是一个自动追加的喝口水再聊。

欢迎留言告诉我,我会访问你的网站并留言,选一些收录进这篇文章,标注你的名字或昵称(可匿名)。不为评比,只为互相种草,一起把回邮件这件小事,做得更贴心一点。

回邮美学:“会说话的界面”

2025年11月30日 20:58

为什么开始留意“回复邮箱界面”?其实没什么宏大理由,就是2024年7月11日,我在整理收件箱的时候,突然意识到,我收到的每一封认真写的回复,都带着一种温度。

如我们评论一样,结尾附了一个小表情,莫名就轻松了起来,这些细节它其实是个人表达的一部分。尤其在互访互评、合作沟通越来越频繁的现在,一封看起来舒服的回复,真的会让对方更愿意继续对话,甚至记得你。

所以,我开始留意那些“会说话”的界面设计、模板、小功能。不是为了炫技,而是让每次已读,都不冷冰冰。

下面是我目前互访互评中的一些 “会说话的界面”,没有排名,不分先后,有些是官方功能,有些是自己改的,有些可能小众,但对我刚刚好,或许能从中找到属于你的那一款。

雅余 https://yayu.net
2

张洪Heo https://blog.zhheo.com
张洪Heo

李的日志 https://lilog.cn
PixPin_2025-11-30_21-13-42

ACEVS https://acevs.com
3

威言威语 https://www.weisay.com
5

木木木木木 https://immmmm.com
林木木

牧羊人 https://www.shephe.com
牧羊人

湘铭`Blog https://xiangming.site
湘铭

粽叶加米 https://wordpace.com
粽叶加米

荒野菲克 https://ficor.net
菲克_2025-12-02_2

漫漫长路 https://mmcl.net
漫漫长路

崔话记 https://cuixiping.com
崔话记20251207

小十 https://www.xiaoten.com
小十

云心怀鹤 (我的主题是纸质信封)
云心怀鹤_2025-11-30

最后,如果你也有一个非它不可的回复界面、模板、签名、小习惯,哪怕只是一个自动追加的喝口水再聊。

欢迎留言告诉我,我会访问你的网站并留言,选一些收录进这篇文章,标注你的名字或昵称(可匿名)。不为评比,只为互相种草,一起把回邮件这件小事,做得更贴心一点。

Snapic Just 640px 主题入门

2025年10月9日 21:18

Snapic Just 640px是我在用的主题,作者更新很快,但一些修改只能在文件修,所以来总结一下我全部的设置。

Lopwon:不推荐从外部引入字体,访问不顺畅会导致自己的页面加载受阻,如果非得使用,需要放置在主题本身的 css 文件之下,也就是在 head 标签内的最下方,以覆盖主题 css 中的字体设置。

1、我是直接在head.php的< head >部分填写以下代码:

  <link rel="stylesheet" href="https://registry.npmmirror.com/lxgw-wenkai-screen-web/1.321.0/files/style.css" media="print" onload="this.media='all'"/>
  <style>
    body {
      font-family: "LXGW WenKai Screen", "微软雅黑", "Microsoft YaHei", "Georgia", "STZhongsong", serif;
      font-weight: normal;
    }
  </style>

宽度我设置的是640、800、960,可以自定义。

Lopwon:如果指定是代码位置的话,在 functions.php 文件:找到变量 $optionsPannelWidth 每行 label 对应一项宽度设置,可以新增也可以删除,value 为对应的宽度值,在前端点选后会把值传递到 html 的样式中的容器宽度变量 --body-width 来定义页面内容的宽度。

2、找到functions.php的$optionsPannelWidt:

        $optionsPannelWidth = '
            <div class="width">
                <label><input type="radio" name="width" value="640px"><span>窄栏</span></label>
                <label><input type="radio" name="width" value="800px"><span>适中</span></label>
                <label><input type="radio" name="width" value="960px"><span>宽栏</span></label>
                <label><input type="radio" name="width" value="default"><span>默认</span></label>
            </div>
        ';

同时在 functions.php 文件 找到变量 $width 修改相应的宽度设置。

    $width = new Typecho_Widget_Helper_Form_Element_Radio(
        'width',
        [
            '640px'     => _t('640px'),
            '800px'     => _t('800px'),
            '960px' => _t('960px')
        ],

右侧设置选择自己喜欢的阅览界面大小

3、下面是副标题的自定义设置,作者:@老街里,在 functions.php文件,我插入在变量 $catalog 结尾后,最新主题v1.6.0,第83代码行。

    $SubTitle = new Typecho_Widget_Helper_Form_Element_Text(
        'subTitle', null, '',
        _t('网站副标题'),
        _t('· 输入副标题文字,将显示在网站主标题后方,留空则不显示。')
    );
    $form->addInput($SubTitle);

同时在 head.php 文件,把<title><?php $this->archiveTitle([], '', ' - '); $this->options->title(); ?></title>替换成如下代码:

<title>
    <?php 
    if ($this->is('index')) {
        // 主标题
        $title = $this->options->title();
        // 副标题(去除首尾空白字符)
        $SubTitle = trim($this->options->subTitle);

        // 拼接标题
        if (!empty($SubTitle)) {
            echo $title . ' - ' . $SubTitle;
        } else {
            echo $title;
        }
    } else {
        $this->archiveTitle([], '', ' - '); 
        $this->options->title();
    }
    ?>
</title>

Lopwon:这个机制是避免浏览者点开图片后,直接翻图看文章中的所有图片,而不去阅读文字,我的博客同样使用了这样的机制,如果是文内图集,才能在图集内翻图,其他图片使用单图灯箱效果。

4、图片翻图,原主题是不能设置翻图,只能一张张的阅览,当然作者也给出解决方案,在 functions.php 文件 :

  1. 找到 'fotos-' . $fotoNum 替换为 'fotos' 
  2. 找到 'img-' . $imgNum 也替换为 'fotos'

5、如何自定义翻页翻篇的灵敏度?

1. 搜索 foot.php 文件,找到两处 navigation 函数,如下操作:

    navigation(true, 2, 1); // 第 1 个参数为 true 的,保持不变,第 2 个参数为电脑端鼠标滚轮阀值,第 3 个参数为移动端手势滑动阀值

    navigation(false, 2, 1); // 第 1 个参数为 false 的,保持不变,第 2 个参数为电脑端鼠标滚轮阀值,第 3 个参数为移动端手势滑动阀值

6、签名字体修改,更加符合主题风格 将以上修正相对路径后的 @font-face {...} 样式代码,复制。粘贴至 css/snapic.just640px.front.css 文件中,如 @font-face 的下面,并如下操作。

@font-face {
    font-family: 'Ma Shan Zheng'; /* 自定义字体名称,如果有空格,请用引号包裹,如 'Noto Sans SC' */
    src: url('../font/myfont/subset-MaShanZheng-Regular.eot');
    src: url('../font/myfont/subset-MaShanZheng-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/myfont/subset-MaShanZheng-Regular.woff2') format('woff2'),
        url('../font/myfont/subset-MaShanZheng-Regular.woff') format('woff'),
        url('../font/myfont/subset-MaShanZheng-Regular.ttf') format('truetype'),
        url('../font/myfont/subset-MaShanZheng-Regular.svg#MaShanZheng-Regular') format('svg');
    font-weight: normal; /* 字体粗细,可选 */
    font-style: normal; /* 字体样式,可选 */
    font-display: swap; /* 字体显示,必选 */

}

.sign span:first-child a 部分修改样式 font-family: 'Ma Shan Zheng'

7、这条是备注,Typecho的feed显示200字符?当然也可以使用我的插件RSS,若修改找到 feed 文件:

function safeSubstr($str, $length) {
    preg_match_all('/./us', $str, $ar);
    return implode('', array_slice($ar[0], 0, $length));
}

$this->feed->addItem([
    'title'           => $this->title,
    'content'         => $this->options->feedFullText? $this->content : safeSubstr($this->content, 200). "<p class=\"more\"><a href=\"{$this->permalink}\" title=\"{$this->title}\">[...]</a></p>",
    'date'            => $this->created,
    'link'            => $this->permalink,
    'author'          => $this->author,
    'excerpt'         => $this->___description(),
    'comments'        => $this->commentsNum,
    'commentsFeedUrl' => $feedUrl,
   'suffix'          => $suffix
]);

8、隐藏·的图片描述如何设置?也是@老街里修改的,找到 functions.php文件:

$buildImageHtml = function ($imageUrl, $altText, $gallery) use ($placeholder) {
    // 检查alt文本中是否包含"·",如果有则创建带样式的图片描述(隐藏·)
    if (stripos($altText, '·') !== false) {
        // 分割·前后的内容并取后面的部分,同时移除·符号
        $description = ltrim(explode('·', $altText, 2)[1] ?? '', '·');
        // 添加text-align: center样式使描述居中
        $escaped = sprintf('<span class="escaped"><span class="clamp">%s</span></span>', $description);
    } else {
        $escaped = '';
    }

    $blurStyle = (mb_strpos($altText, '羞') !== false) ? 'style="filter: blur(5px);"' : '';

9、备案号添加,在 foot.php 文件:

<?php echo filing('桂ICP备2022001355号-2','桂公网安备 45012702000102号','21313123'); ?>

10、添加RSS订阅和版权声明小图标在备案末尾,在 functions.php文件,找到filing部分:

function filing($icp = '', $psb = '')
{
    $icp = isset($icp) ? (string)$icp : '';
    $psb = isset($psb) ? (string)$psb : '';
    $footerDisplay = (empty($icp) && empty($psb)) ? 'style="display:none;"' : '';
    $icpDisplay = empty($icp) ? 'style="display:none;"' : '';
    $psbDisplay = empty($psb) ? 'style="display:none;"' : '';
    return <<< Lopwon
        <filing {$footerDisplay}>
            <section id="icp" {$icpDisplay}>
                <a href="http://beian.miit.gov.cn/" rel="noopener noreferrer" target="_blank">{$icp}</a>
            </section>
            <section id="psb" {$psbDisplay}>
                <a href="http://www.beian.gov.cn/" rel="noopener noreferrer" target="_blank">{$psb}</a>
            </section>
            <span style="display: flex;flex-direction: row; ">  
            <a href="https://bluehe.cn/rss.xml" rel="noopener noreferrer" target="_blank"><img src="https://bluehe.cn/usr/themes/SnapicJust640px/img/rss.png" style="width: 16px; height: 16px;"></a>  
            <a href="https://bluehe.cn/copyright.html" rel="noopener noreferrer" target="_blank"><img src="https://img.bluehe.cn/i/2025/04/08/67f4d7c3e4f70.png" style="width: 16px; height: 16px;"></a>  
            <span>
        </filing>
Lopwon;
}

主题的评论在侧边栏,包括设置阅读宽度、网站背景、导航栏,以上就是部分修改内容,更加完善,待更新......

文 / 寻鹤
源 / bluehe.cn
❌