一图我的座驾夕阳刚落下，华灯初上骑行随拍给旧楼穿衣服流水账#知识不吃早点是非常容易得胆结石的，原因是不按时吃饭，胆没有规律性工作，胆汁停留时间过长。#知识乌龙球一词源于英语的“Own goal”，直译成中文为“自进本方球门的球”。由于粤语“乌龙”有“搞错、乌里巴涂”之意，所以香港记者便在报道中以“乌龙”或“乌龙球”来翻译“own goal”。中国大陆记者也借用了香港的这种译法。而中国成语的“自摆乌龙”、“乌龙大礼”也成为乌龙球的另一种戏称。#资讯在TG上看到OpenSSH出现高危远程代码执行漏洞一文，遂用ssh -v检查了一下自己的SSH版本，似乎在受影响范围，赶紧升级一下，整理了一下升级流程升级SSH版本到openssh-9.8p1#流水今天有人帮朋友在博客群里征婚，是位大概30岁左右的男士，深圳户籍。看他的征婚简历，个人条件其实还算不错的。#流水浏览器又从 Chromium 换回了 百分浏览器 ，换了后Instagram死活打不开，不知道是我梯子的问题还是换浏览器导致的。#技巧企业邮箱其实可以设置客户端专用密码让第三方客户端登录且是长时间有效，避免密码只有3个月有效期的问题，功能路径为设置 》 邮箱绑定 》 客户端专用密码#技巧以前使用Trilium的时候日志都是按年/月/日以文件夹形式进行存放的，后转入Obsidian用了两年多，一直都是直接存放在Diary文件夹下，虽然不影 ...继续阅读 (47)

在TG上看到OpenSSH出现高危远程代码执行漏洞-影响超过1400万台暴露在公网上的服务器一文，遂用ssh -v检查了一下自己的SSH版本，似乎在受影响范围，遂打算赶紧升级一下。问了一下GPT，给的方案是sudo apt update，但是不管用，后找了一篇教程ssh爆漏洞了，手动更新OpenSSH教程，整理了一下相关资讯，教程和注意事项如下。💡提示升级后你的sshd_config设置会被覆盖，再重启服务器前请重新设置配置文件。Ubuntu 的软件源更新了 https://ubuntu.com/security/notices/USN-6859-1Debian 11 12 已经修复了 https://security-tracker.debian.org/tracker/CVE-2024-6387尽量使用包管理更新opensshmake install安装会导致后续无法使用包管理更新我按手动方式操作完后出现了问题，后重新使用 apt-get 安装解决sudo apt-get purge openssh-serversudo apt-get install openssh-server自动升级如果你是Debian12的话可以使用apt包管理工具一键升级更新包列表：sudo apt update升级 OpenSSH:sudo apt upgrade openssh-server检查版 ...继续阅读 (54)

一图骑行随拍捉蛞蝓周末逛彩灯公园，发现了儿时记忆里的游乐园路边芒果摊小区夕阳一景流水账这种没有建设性的评论我已经习惯选择性不看了。 毕竟说废话，发表幸灾乐祸情绪并没有成本，而且这种人在地球很常见。💡Ghost 5.86.2 更新了新功能，现在可以在文章内通过输入@符号快速插入站内链接，在撰写文章时通过@符号唤起查询窗口，如果在行内的话是插入链接🤣JUSTFUN周刊：第五期。如果不在行内，如另外起一行则是插入bookmark执业药师考试可以开始报名了，总共4科，之前每年都报名，但是都没有认真备考，今年怎么也要过个两科把！加油加油！发现Ghost的API中有一个可以获取文章修改历史的接口，也许可以用他在文章底部加上一个修改记录？在x上看到dayu分享了一杯凉虾图片，但是发现他们那儿叫槐花粉，经查资料还是有略微不同的，虽然都是大米粉制作，但是广西的这个东西里面加了槐花研磨而成的粉末发现Octarine的OG图挺好看的，也许可以试着抄抄。发现Git命令速查图：稻米鼠整理的Git命令#Git来自稻米鼠我其实觉得Git的命令不太好学，因为普通用户没有系统性的使用过Git参与项目的整个开发过程，所以自然有很多不常用的命令无法用到，像我目前熟悉的就只有pull、commit、push等，其他的如切换分支、清除提交等都需要临时通过Google或者询问AI查找，总的来说还是不太方便。不过最近发现 TG ...继续阅读 (46)

一图 流水账 * 💡 给博客新增了 莫比乌斯 的主题配色，可以在左侧配色部分点击启用，希望大家喜欢。如果有看到什么样式BUG希望能及时告诉我。 * 这周真累呀，还好气温怡人，心情不至于又跌落谷底。 * fly.io 也要开始收费了，有些免费的午餐的确不长久。 * 在B站刷到了上次遇难兄弟的相关视频，总算了解到事故原因了：货车刹车失灵撞到他了，路过的骑友说没看到他有外伤，哎。 发现 cobalt：简单好用的流媒体下载器 #工具 来自 cobalt is a media downloader that doesn't piss you off. it's fast, friendly, and doesn't have any bullshit that modern web is filled with: no ads, trackers, or invasive analytics. Cobalt 是一个不会惹你生气的媒体下载器。 它快速、友好，而且没有任何现代网络充斥着的废话：没有广告、跟踪器或侵入性分析。 试用了一下，基本上稍微大一些的流媒体网站都 ...继续阅读 (44)

一图 流水账 #流水 dockerhub最近好像又被制裁了，不过我记得似乎一直都不能访问的把？实在不行就用镜像服务，有手有脚饿不死。 #流水 今天发现可以查成都马拉松的报名结果了，不出意外的没有中签，只能看看能不能候补上了。 发现 Coolify：Netlify等平台的自部署替代工具 #工具 Coolify是一个开源的Heroku、Netlify、Vercel替代自部署方案，他可以在你的服务器上完整实现上述平台的大部分功能，官方推荐的VPS配置是2c2g30g，另外官方也提供托管服务，差不多4刀一个月。 一键安装脚本： curl -fsSL https://cdn.coollabs.io/coolify/install.sh | bash 我之前也想过部署一个CI工具，不过最后还是放弃了，一是这类工具对系统占用都挺高的，我小鸡负担不起，二是其实我的用量是比较少的，性价比不高，所以最后还是用了Github Action。 项目地址：GitHub - coollabsio/coolify: An open-source & self-hostable Heroku ...继续阅读 (52)

恰逢节假日，昨天回家已经很晚，所以这期的更新晚了一天。 一图 流水账 #观点 以前我有个朋友跟我说过一句特牛逼的话：爱情就像两个拉着同一根橡皮筋，只有先松手的人才不会受伤。 #观点 今天一大早就收到一个不好的消息。之前一位经常一起骑行的骑友在骑行318途中，刚出昌都不远出了车祸过世了，据闻是被大货车碾压了。他是5月中旬出发重骑318，我还时不时给他留言询问进度，想不到世事无常，人已离世，现在心子很不舒服...。 #观点 这世界没有什么东西是一成不变的，也正是因为这样，这世界才多姿多彩。心有郁结的人该走出去，不该停留在不好的回忆里，不好的思绪里，该看看这世界的美好，这是活着的意义，而他们走偏了。 #观点 最近高考，和大家聊了聊关于是否一定要读一个好大学一事。我的个人观点是：灵活的思维模式比读书更重要。很多以前读书时期的混子能挣着钱，而一些读死书的高材生最后可能连工作都不好找，这就是比较好的例子。另外就是执行力，有了思维如何实践出真知就是另外一个重要环节了。最后就是运气了，不过称之为运气，我总觉得有点不妥，因为都是别人在做出某些选择之后成功了才被称为运气。总的来说读书是一个 ...继续阅读 (59)

这是第二期，希望我能50周如1周般的更新。 * 「发现」部分新增了当前信息的获取来源。 * 目前你还可以通过 TG 频道订阅本周刊： https://t.me/justfuning1900 * 一图 流水账 #讨论： 因为肥猫的影响，最近重庆一些大桥效仿桥的人多了很多，地方政府无奈之下增加了很多守桥人员，已经是十步一岗的状态了。 是人们的心理承受能力变弱了还是这个社会确实让人寸步难行，这种现象是值得我们反思的。 #讨论： 华为手机销量时经 13 个季度，重回排行第一名。 #讨论： 群里今天讨论baidu搜索。 我发现自从有了ChatGPT等ACGI工具后，我已经很少通过搜索引擎获取内容了，至少代码这块已经很少。有疑问都是直接问AI获取答案，以前还有牛头对不上马嘴的时候，随着模型的不断完善，这个问题已经越来越少了。 下一个时代搜索引擎是不是要被淘汰了？ #讨论： 今天在x上和看到球大佬在指责「中文互联网正在加速崩塌」一文制造焦虑，他的原推 x.com 。 其实我的观点和他是差不多的，我不否认可能有大部分文字确实消失了。但是，首先互联网是碎片化的， ...继续阅读 (57)

前言 最近终于把大发哥的地图功能算是移植过来了，可以在 https://1900.live/map/ 页面中查看初步效果，不过在后续如何方便的维护这些数据的方式上产生了一些思考。 想直接看代码可以通过右侧TOC跳转到最后。 方案 数据持久化无非是写在文件里或者数据库，所以我想了一下几种方案： * 直接手动维护一个json文件，坐标数据等信息去google地图里复制。 * 之前做了API服务，也可以考虑写进lokijs的数据库里。 * 直接用一些第三方的API服务。 第一个方案 不过一种方案有些麻烦，大概只在我脑子里停留了2.5秒后就被我踢出局了。 第二个方案 第二个方案我倒是认真想了很久，甚至做了一下原型，验证结果是做虽然可以做，但是很麻烦。 因为相当于我得重新写一套包含前后端的，基于mapbox的交互，如添加标点，删除标点、更新标点，如果要全部弄完很是挺麻烦的，我也没这个信心做好，所以在第二天放弃了。 第三个方案 emmm，好像没有现成的API服务。 我查了一下相关的自制地图服务，好像基本上都没有提供这个功能。 倒是我之前用的google地图 ...继续阅读 (68)

开刊语 受各位大佬的影响，也想开个分享类的周刊，看看自己能坚持多久。 至于刊物名字把之前的博客名字拿来用了，「JUSTFUN」 初步打算将本刊分为三个方面： * 一图：每周保底发一张自己拍的照片 * 流水账：本周的思考、工作记录等等琐碎的事 * 发现：本周遇到的所有有意思的东西，可以是项目、观点、见闻等等。 一图 1. 上个星期的燕子还肉嘟嘟的， 2. 公司后面的洗车房，工人们忙了了一天终于能下班了 3. 这个星期已经翅膀硬了，开始自己飞了。 4. 昨天刮了一阵妖风，伴随着风下了一夜的雷雨，今天又放晴了。 流水账 * #工作：开始使用 Done List 记录工作 * #战争：在 b 站看了这个视频，感慨战争真的很残酷，最近伊朗又在出问题，这个世界越来越混乱了。 【一直压着没说的话，拍摄于 4 月 20，(人比战争更残酷)，你可以说战争就是生命收割机，正常战斗他们或许不会牺牲，官僚的利益游戏))，-哔哩哔哩】 https://b23.tv/IS7tRJ9 * #知识：刚刚无意间做了个尝试，发现在Windows11中，选中多个文件后按 F2 ...继续阅读 (55)

前言 其实也不算指南把，因为最近要帮 her.blue 的服务器重新装系统和全线使用 docker 安装应用，在操作过程做顺便做了个记录，希望能帮到你。 数据备份 * 在操作之前最好做各个服务器快照，以防万一 * 如果没有快照就对所有程序、数据库等单独自己做数据备份 本次操作过程就装完系统后就立马触发这个问题需要重新装系统，还好数据都有备份。 服务安全加固 添加非root用户 * sudo adduser username 添加用户 添加用户到 sudo 用户组 * sudo usermod -aG sudo username * id username 这个命令可以查看用户有什么权限 生成安全密钥 切换到新增加的用户，生成该用户的安全密钥 * ssh-keygen -t rsa -b 4096 * cat id_rsa.pub >> authorized_keys 设置ssh，启用密钥登录 编辑 /etc/ssh/sshd_config 文件，进行如下设置： RSAAuthentication yes PubkeyAuthent ...继续阅读 (69)

前段时间大发哥TG频道说要发一个用CFWorker实现文章点赞和浏览数统计的功能，很快啊，星期二教程就出来了： Hugo Cloudflare Worker 。 整体方案是使用CfWorker 实现api请求，再用D1做数据持久化，效果还是很赞的。 本来我是想照着教程完全一步步来的，但是想到我前文 将博主 PC 上使用的应用信息实时显示到博客 在折腾时搭了一个API服务，就不想再去用CFWorker了，打算直接在自己服务器上实现这个功能，顺便再实践一下用Express搭配数据库工具。 所以打算稍改一下，结构如下： * 前端照搬 * API结构实现部分照搬 * 数据库方面结构、读写操作照搬 * 数据库持久化用 LokiJS 前端 前端我这里用的Alpinejs做驱动，前文 用 Alpinejs 完成主题切换功能 介绍过这个库，在不使用Vue等工具下普通HTML的一个替代方案，好用。 * 在模板中渲染的时候设置文章 ID （这里我因为用的Ghost做数据源，所以自带一个MD5的ID，用一个固定唯一值就好） * 设置 x-data 为后面js中初始化的 post_ ...继续阅读 (85)

前言 之前根据蜗牛哥的教程弄了一版使用Cal-heatmap库生成的热力图 博客更新热力图，不过这个方式需要加载四五个js文件还有一些css文件，比较拖慢整个网页的加载速度，所以蜗牛哥后来又出了一个CSS 和 JS 实现博客热力图 方案，不过当时我闲麻烦一直没跟着做。 不过我也一直在思考该怎么用纯CSS和JS更为简便的实现这个功能，今天灵光一闪，有了些思路，所以趁着这股热乎劲把这个功能实现了，撰文分享一下我的思路。 思路 我的思路其实很简单，因为博客上显示的热力图其实就是一个很多小方块组成的方阵，所以其实不用管什么年份、月份之类的，我们只需生成固定个数的小方块，再将匹配的数据填充进去不就好了吗？ 我的构思如下： * 生成一个 7 * 9 列的格子方阵，一共是是63个 * 每个格子要匹配往后63天中对应一天的文章 * 如果开始当天不是星期天，则需要找到这个星期的星期天作为开始时间 * 在生成格子的时候将文章数据附加进小格子内。 * 完成 实现 💡有了ChatGPT后折腾博客真的好方便呀，你只需要有一些基础编程知识和思维就能通过它构建出自己想要的代码。 ...继续阅读 (82)

起因 这个功能是在大佬 Innei 的博客上看到的，效果就是在网站logo处实时的显示博主在PC上使用的应用程序信息，虽然是个不太显眼的功能，但是效果还是挺好的，让我感觉整个网站因为这个变的不再死板，不断变动的程序图标让这个网站像博主的一个身外化身。 真的很想要呀！ 遂翻阅了一下大佬的博客源码和一些相关的配套文件，自己大概有了一些思路，后来也将这些想法整理了一下后请教了 一个球 大佬，大佬说这个思路是没什么问题。 所以，喜欢就干！ 遂根据自己的思路搭配Kimi和ChatGPT终于在昨天将这个效果实现了一个大概，今天大概修复了一下BUG，撰文总结一下这次折腾和分享实现过程。 结构思路 对于这个功能的整个流程总结如下： 1. 电脑上有一个监控程序，定时或在切换程序时向服务器发送当前激活的程序信息 2. 服务器对发送来的信息进行鉴权、验证、过滤等处理后转发给所有客户端（既打开了我博客网站的浏览器） 3. 网页接收到信息后根据需求进行展示。 根据这个结构我们需要一个可以上报数据的监控程序和一个架设API的VPS或可以架设API功能的云函数等，技术架构如下。 1. ...继续阅读 (49)

昨夜忙完工作临了准备关电脑时看了一条留言，并做了一些回访，在回访的过程中发现了 为博客启用动态表情 一文。 为博客启用动态表情 | Fluent Emoji 3D表情包这东西挺难挑还，各式各样的我最近翻了个遍，只能说Microsoft推的Fluent Emoji最合我意，动态3D，简约和谐。但它一个表情几个变体，总量直逼2000+，我个小博客用属实牛鼎烹鸡，高攀了昂。只得挑些常用的整理汇总，现已适配Twikoo、Artalk、Waline、Valine 介绍 引用站外链接放养平凡btwoa 主体内容就是使用微软的Fluent Emoji动态表情作为评论系统的表情包，遂花了一点时间根据文章介绍弄好，发现效果相当不错，大家可以留言的时候体验一下。 （微软做的这些小东西其实都还挺不错的，就是太容易弃坑） 上传Emoji包 btwoa对emoji做了中文alt整理，并提供了Gif的下载链接，我们只需要将下载下来的文件解压缩后上传到自己的S3、七牛、又拍等云盘上面即可。 我们可以在桶根目录里新建一个文件夹，如 /fluent-emoji ，并将所有表情传到这个文件夹下，如果你的云储 ...继续阅读 (66)

之前在 小狼毫算法服务设置自启动 + 微信配色主题分享 中分享过一个微信配色的主题，十分好看。 但是我个人也比较喜欢Windows的默认输入法的皮肤，之前用掌心输入法的时候还专门去找过相对应的主题 【手心输入法皮肤】Win11Style。 最近偶然间发现在小狼毫的issue区 #1205 中有人提到了小狼毫Win11风格的主题，尝试了一下发现效果还原的还是比较到位的，体验后不敢独享，遂撰文分享。 配置文件内容添加到 weasel.custom.yaml 中，没有这个文件就新建一个，这个 style 部分的设置搭配我之前分享的微信的主题也非常好看。 style/+: font_face: 'Maple UI' label_format: "%s" inline_preedit: true font_point: 15 label_font_point: 15 comment_font_point: 15 horizontal: true color_scheme: win11dark color_sche ...继续阅读 (52)

前言 本来五一是不准备出去玩的，因为4月下半旬事情多的很，我们几乎每个周末都在加班，平时的工作日晚上也基本上都是七、八点才能回去，这半个月下来我和霜两个人真是累的够呛，只想等着五一在家躺尸。 但是口罩摘掉以后也没正儿八经走稍微远一些的地方玩一趟，虽然前些日子趁着周末去了临近的城市内江玩了一趟：内江甜城一日游，一天的行程下来体验着实不错，但是还是有点不尽兴的感觉，这段时间积累的压力已经膨胀到了临界点，也在出去和不出去之间摇摆。 行程及费用规划 费用 * 音乐节门票：520元*2 = 1040元 * 油费+过路费：开的面包车，来回应该200左右油钱把+假期免过路费 = 200 * 第一晚酒店：190元 * 第二天SPA+住宿：120元*2 = 240，送留宿 * 吃饭：这个没记录，看个人要求了。 行程 * day1：音乐节 * 早上10点出发 * 中午12点多到，在周边吃点东西 * 2点左右进场 * 晚上九点看完后宵夜 * 入住酒店 * day2: 骑行 * 我9点出发去骑行 * 霜12点起，去吃饭东西，然后下午自 ...继续阅读 (59)

什么是OpenGraph 💡以下介绍由Kimi生成。 大白话就是：这些数据专门告诉社交平台，我们这个网页的基础信息等数据。 OpenGraph 是一种由 Facebook 开发的元标签（meta tags），用于网页上的社交分享。当一个网页链接被分享到社交媒体平台时，这些标签可以提供额外的信息，比如网页的标题、描述、图片等，从而在分享时创建一个更丰富、更吸引人的预览。 OpenGraph 标签通常放在 HTML 页面的 部分，它们允许社交媒体平台了解页面内容，以便在用户分享链接时生成一个预览。一个典型的 OpenGraph 标签集可能包括： ...继续阅读 (57)

这个功能最早是看到椒盐豆豉 如何给 Hugo 博客添加热力图 做的分享，不过当时还没下定心思来弄。后来陆续在蜗牛、空白大佬们的博客上看到，还是比较想加到自己博客上的，不过在这个月十几号的时候研究过一下，当时没太研究明白，放弃了。 但是今天在长毛象上看到空白大佬在 称赞蜗牛大佬的新热力图 ，所以跑过去看了一下，发现好像的确和第一版确实不一样，遂通过蜗牛大佬的 Github仓库源码 折腾了一下午，终于弄好了，分享一下折腾经过。 Cal-heatmap 大佬新的热力图是基于 Cal-heatmap 这个工具，这是一个专门制作热力图表的JS工具包，我们只需要通过简单的配置即可生成漂亮的可定制热点图。 Cal-Heatmap | Cal-HeatmapCal-Heatmap is a javascript charting library to create a time-series calendar heatmapCal-Heatmap 基本初始化 首先是引入Cal-heatmap的js库和css库，当然你可以用使用CDN也可以直接下载源码到项目内。 另外大佬没有将这部分代 ...继续阅读 (62)

费用 我是应该也算是联通的老客户了。 十多年前刚来四川的时候因为漫游费贵，需要换掉以前在柳州办的电话卡，所以我当时从淘宝上买了一张号码为我出生日期的电话卡，当时还没有什么月租包，每个月都是买流量包度日。 后来腾讯出了大王卡套餐，开始流行日租卡。我当时跑去营业厅换套餐，居然还不给我办，后来看到网上说打投诉电话可以解决后才换成了腾讯大王卡套餐，自那以后基本上每个月的话费就固定在了八九十块左右。 前年和我老婆结婚后还给我老婆也搞了个同样数字，只是生日日期不一样的电话号码，组成了情侣号码，但是她觉得每个月八九十元的套餐费有些肉疼。 之后偶然在v2ex上看到有讨论手机卡资费的帖子，在帖子的评论区里面学到了一些降费技巧，在时间过程中我结合帖子里说的东西和自己阴差阳错的操作下最后把费用降到了： 👊月租40元，有40g全国流量120g以上的省内流量+600分钟的通话时间。 其中流量可以转节下月，我现在每个月大概两三百G的流量把，根本用不完。 本来还没想过要说这个事，不过今天在刷订阅的时候看到 obaby 提到自己流量费不够的情况，我一看，居然也是联通的，索性就把我的经验整理一下分享出来 ...继续阅读 (59)

Bitwarden是一个优秀的开源全平台密码管理软件。 安装好它后，你可以在电脑、浏览器、手机、甚至是手表上记录、管理你的密码，并可以根据你使用的APP进行可选择的自动填充，省去手动输入的烦恼。 同时它还附带了强大的账号、密码生成工具，可以自动、随机的帮你生成高强度密码和账号，极大程度的解决现代互联网发达之后平台多、账号多、密码多导致记不住的情况。 此前我还写过几篇关于安装、配置、使用的文章，如果感兴趣可以跳转阅读： * docker 自建 bitwarden 服务. * Bitwarden 搭配 DuckDuckGo 生成匿名邮箱 * Bitwarden 启用 Websocket 及加固指南 * AuthenticatorPro 开源的本地两步验证工具使用教程 但是Bitwarden的客户端难用是大家公认的，尤其是电脑客户端....。 软件在使用过程存在各种如：操作割裂、卡顿、不方便的情况。 虽然前些日子看到官方似乎已经开始 重做手机客户端 了，但是感觉等到落地可能还需要很长的时间。 不过，好消息是...。 keyguard 最近我在Github上发现了 ...继续阅读 (59)

今天早上蹲坑的时候忽然看到一个公众号推送了百分浏览器更新了的消息，遂水文一篇，奔走相告！ 百分浏览器 - 更新日志更新日志 v5.1.1130.82 [2024-04-16]| 内核升级至118.0.5993.159 继续支持Win7和Win8 支持指定小号标签打开书签和链接 添加选项"强制在当前标签中打开链接" 热门网站支持本地图片作为图标 合并部分安全补丁 [BUG修复] Win11下多列书签显示异常 [BUG修复] 部分环境下下载窗口花屏 [BUG修复] 小号标签中无法显示桌面通知 [BUG修复] 浏览器启动时加载下载列表会引起卡顿 [BUG修复] 选中复制和超级拖拽无法复制HTML内容 [BUG修复] 部分环境下安装包崩溃 [BUG修复] 在多列书签中进行拖拽之后容易触发崩溃 [BUG修复] JS书签被强制使用默认图标 [BUG修复] "自动清理内存"可能导致标签被卸载 [BUG修复] "新标签打开位置"为右侧时"打开全部书签"时顺序颠倒 ...继续阅读 (67)

这应该是个很有逼格的计划名，不过希望这个计划不会让我自己出丑。 起因依旧是我越来越严重的摸鱼习惯。 从开始玩博客起，折腾博客这个行为就已经穿插进我的生活，往往为了实现一个功能会不由自主进入心流状态，忘记时间流逝。其次是网上冲浪，逛Github、V2ex、博友互访等等，都会浪费我大量的时间。 通过 Tai 统计，我2023年的、2024年的软件使用情况如下： 其中浏览器、vscode的占用时间已经肉眼可见的远远超标。 这不仅表明他们已经浪费了我十分多的时间，还让那些原本在工作时间内该按计划完成的工作因为摸鱼而推迟、累积，最后往往会在准备不充分的情况下仓促完成或直接没完成。 这些事情同时会引发蝴蝶效应，牵连更多的其他事情。 而且，我已不再是时间充裕，光有兴趣爱好就可以的少年，我已经成家立业。 我的事业、家庭、未来都容不得我在不该沉溺的时间沉溺其中，所以我不得不重新想办法让自己从那条细窄的河道流出去。 计划很简单，坚持更重要 我每天的上班情况为 * 早上9点上午，中午12点下班。 * 下午2点上班，7点下班。 所以我每天的净工作时常应该为 8个小时，但是根据我最 ...继续阅读 (54)

终于把网站的主题切换功能做好了，这次的实现相当满意。 并且我联动了几个主题颜色比较特别的博友，他们分别有：雅余（黄色）、昱行（粉色）、风清（蓝色），大家可以在本站左侧菜单栏选择自己喜欢的配色浏览本站，欢迎给出意见和分享感受。 之前虽然也写过主题切换功能，但是思路没有这次完整，所以索性写一篇博文介绍一下整体实现思路和流程。 这次11ty-book我采用了Alpinejs作为网页的主js框架（真的挺好用的...），这个框架有中文文档 ，官方地址为：https://alpinejs.dev/。 * Alpine.js 通过很低的成本提供了与 Vue 或 React 这类大型框架相近的响应式和声明式特性。 * 你可以继续操作 DOM，并在需要的时候使用 Alpine.js。 * 可以理解为 JavaScript 版本的 Tailwind。 js部分 在主js文件中使用import的方式引入alpinejs文件，并将主题要用到的json数据对象放入Alpine.data对象中（data是alpinejs的数据主要传输方式）。 具体代码作用见下方代码片断。 import A ...继续阅读 (99)

分享一段之前和ChatGPT沟通得到的代码。 作用为传入一段HTML代码，并获取页面内的H2、H3、H4标签，组装成固定格式的html字符串返回。 const cheerio = require('cheerio'); module.exports = (html) => { if (!html) return; const $ = cheerio.load(html); let toc = ""; let currentH2 = null; let currentH3 = null; let els = $("h2, h3, h4"); if(els.length == 0) { return; } $("h2, h3, h4").each((i, el) => { const tagName = $(el).prop("tagName"); const id = $(el).attr("id"); const title = ...继续阅读 (68)

友情链接 此前我一直以文章内容的形式手动展示和维护博客的友链，并在文中附上了友情链接添加的条件，此间也收到过不少好友的链接申请。 不过在 2023年11月05日 ，我对该页面的介绍做了更新，并在文中写到： 今天忽然发现我好像重新理解的「友邻」的意义，这个邻居应该是我喜欢、欣赏的，对我有「正面影响」的，而不是冰冷页面上的一个超链接而已。 所以我决定只在这个页面展示我喜欢的博客，我也并不需要他们也给我做上「友情链接」，单纯只是因为我喜欢、欣赏他们。 另外那些没有出现在这个页面上的朋友也不要心有芥蒂，并不是你的博客不优秀，毕竟「喜欢」这个词非常主观不是吗？ 自那之后我就再没有对友情链接页面中的链接做过维护。 并且在之后不久基于23年11月5日的见解 博客并不是页面上的一个超链接 ，我希望能 通过他们的博客获取一些正向激励 ，而且是 持续 性的获得这种激励。 所以我开始认真 使用 订阅工具，此间还分享了 打破信息茧房及一款 RSS 阅读器推荐 和 如何订阅 Q 外的 RSS？方法来了 两文。 更换工具 不过文中介绍到的订阅工具 yarr 因为是开发者自己做的一个工具，虽然 ...继续阅读 (88)

今天罕见起了个大早。 刚出门的时候天还灰蒙蒙的， 没多久就看见高楼的上面开始蒙眬， 没过一会， 整个雾团就像滴入清水里的黑墨一般蕴开， 无法阻挡的贴合在地面之上。 一切就像梦境一般， 人和穿行在浓雾里， 车辆的灯光也开始变的模模糊糊。 就像... 就像穿行在地球的梦里般....。 路旁公园的植物上残墙着春雨的痕迹， 在这个灰蒙蒙的世界晨里， 毫无保留的体现着自己的生命力。 ...继续阅读 (76)

了解后才知道「牛逼」 以前看体育节目的时候听解说们说「不可思议，某某某马拉松运动员跑出了全马20x的成绩」，当时的反应只是「哦...，20x很厉害吗？」。 现在自己真的开始跑步后才发现全马20x这个时间简直就是飞人，这种速度已经是突破了人体极限。 先说补说一句「牛逼」后回到正题。 其实这次半马比赛我只有一个目标——完赛。 是的，我从来没有跑过这么长的路程，报名之后我拿我之前的跑步记录给我一个喜欢跑马拉松比赛的麦姐看，并做了一番咨询，但是她在看了我的跑步记录后直言我那个速度简直是在散步，甚至建议我不要去跑了...。 训练 所以，为了能更好的完成这次半马比赛，我从3月4号给自己指定了训练计划，27号之前每天至少5公里，并在20号左右做一次半马全程训练。 训练记录如下。 日期 公里 配速 时常 状态 strava 2024年3月4日 4.51 8'03 36分34秒 🙁 无 2024年3月11日 5 6'51 33分27秒 😊 无 2024年3月12日 4.81 7'02 33分48秒 😊 [[Strava/2024-03-12/10948 ...继续阅读 (48)

最近在做11ty-book的移植工作时发现，网站页面在从短内容页面跳转至长内容页面时，会因为从无滚动条切换到有滚动条状态而发生抖动，而这个滚动条在页面中是有自己的占位的，这个时候就会出现因为忽然出现滚动条而网页内容布局抖动的问题。 找了一些相关的资料，有不同的前辈都处理过这个问题，因为我也没有一个个去测试，专业只是也不是很够，所以这里单纯分享一下所有方案，并指出我用的哪一种方案。 方式一 直接让滚动条一直显示，这会在右边占据一块内容，自然体验不好 html { overflow-y: scroll; } 方式二 兼容性一般 html { overflow-y: overlay; } 方式三 html { margin-right: calc(100% - 100vw); } 或者 html { padding-left: calc(100vw - 100%); } 这个方案是我见过最多博主分享的，逻辑为： * 首先，html指的是居中定宽主体的父级，如果没有，创建一个（使用主体也是可以实现类似效果，不过本着宽度分离原则，不推荐） ...继续阅读 (73)

前言 不久前在牧羊人老哥的博客中看到他分享去内江圣水寺、大千博物馆游玩的博文，当时顿感心动不已，便留言说之后也想去看看。 主要原因有三。 一是内江是自贡的邻居，从自贡出发去内江只需要四十多公里，快的话三四十分钟就能到。前些年有些同学在内江做生意，那时候时常会过去玩玩，不过我这些朋友不是喜欢喝酒打牌就是网瘾少年，对于内江这些景点却是只字未提过，所以一直错过。 二是自贡本地文化生活说实在话可能比内江还要窘迫，市内的景点能排的上号的就是灯会、盐业历史博物馆、恐龙博物馆了。其中灯会和恐龙博物馆价格分别在118、25和40元（最新的美团价格），第一和第三个体验勉强来说可以值个回票价，盐业历史博物馆就不尽如人意了，场馆小、内容乏味，是我所有逛展体验中比较差的一个了。而内江这两个景点就比较实在，都是免费的，而且据牧羊人老哥的照片来看也挺对我的胃口。 三是自疫情爆发后因为种种担心所以都几乎不出门了，不是害怕落地后隔离没法玩，要不就是害怕被感染，我都不知道这几年我是怎么过的。 所以，这次就着清明节小长假，索性就先去最近的内江玩一玩。 内江，我来了。 计划 每年的清明几乎都是小雨下个 ...继续阅读 (52)

接着上一篇说吧。 29号恰好是周六，因为看到公众号在发一些领取物资跑者的照片，所以很臭美的洗漱穿戴了一下才出的门，而且出门的时候发现已经快9点了，便着急忙慌的直接往比赛场地跑...，哪知道到了比赛场地才发现领东西是在四五公里处的恐龙博物馆旁边。 不过也提前看到了没有人的比赛出发场地： 领物资的地方在恐龙博物馆和恐龙游乐园的交界处的一个广场上，另外你可能会好奇为啥都是恐龙，因为自贡恐龙博物馆也是相当出名的，旁边新打造的恐龙游乐园就是想发展这一IP。 自贡恐龙博物馆位于四川省自贡市的东北部，距市中心9公里,在世界著名的“大山铺恐龙化石群遗址”上就地兴建的我国第一座专业恐龙博物馆，世界三大恐龙遗址博物馆之一,博物馆占地面积7万多平方米，主展馆建筑面积为6600平方米，陈列展示面积4600平方米，馆藏化石标本几乎囊括了距今2.01-1.45亿年前侏罗纪时期所有已知恐龙种类,是目前世界上收藏和展示侏罗纪恐龙化石最多的地方 不过即便我们走了弯路，到领取物资点后才发现领取居然还没开始，被工作人员告知是10点才开始...。 看了下才9点半不到，可能还要等一会儿索性就开始看起了周边关于本 ...继续阅读 (56)