上周用调用模型生成内容，HTML 偷懒直接扔给模型，浪费不少钱。

这周用 sanitize-html 净化 HTML 后，再用 turndown 转成 Markdown，能省一点是一点。

之前看到的 Landing Page 都是花里胡哨的风格，这次看到一个 shacdcn-ui 风格的 ConvertFast UI。

开源的，分享一下：

https://s.mt.ci/convert-fast-ui

从 Ctrl+C & Ctrl+V 程序员升级到了 Tab 程序员👨‍💻

Resend 马上要发布一个叫 Forward 的产品。

这个 Landing Page 设计的很酷，很有极客风格

https://s.mt.ci/resend-forward

Resend

Resend Forward

An entire week of new feature announcements that will change the way you communicate with your users.

You have been granted access to GitHub Models limited public beta

在给 BroadcastChannel 做 no-JS 的时候，遇到几个有趣点：

1. 防剧透模式和移动端搜索框隐藏展示，使用的 CSS ":checked 伪类" 和 "+ 紧邻兄弟组合器" 实现的，可以参考： https://www.tpisoftware.com/tpu/articleDetails/2744

2. 过渡动画使用的 CSS View Transitions , 参考 https://liruifengv.com/posts/zero-js-view-transitions/

3. 图片灯箱用的 HTML 的 popover 属性，参考: https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/popover

4. 访问统计使用一个 1px 的透明图片做 LOGO 背景，上古技术了，现在几乎没有访问统计软件支持了

5. 禁止浏览器端 JS 运行，使用的 Content-Security-Policy 的 script-src 'none' 参考： https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Tpisoftware

CSS：利用Checked原理實現Toggle Switch

表單常會帶有一些控制元件，讓使用者填寫更加直覺，例如：checkbox，今天就來介紹如何使用純CSS將checkbox變成Toggle Switch吧。

BroadcastChannel 将你的 Telegram Channel 转为微博客

https://github.com/ccbikai/BroadcastChannel

GitHub

GitHub - ccbikai/BroadcastChannel: Turn your Telegram Channel into a MicroBlog.

Turn your Telegram Channel into a MicroBlog. Contribute to ccbikai/BroadcastChannel development by creating an account on GitHub.

面条实验室

使用 Astro + Telegram Channel + SepiaTemplate 做了一个微博客。 浏览器端做到了 0 JS, 也可以加入 no-JS Club 了。 https://memo.miantiao.me/

开源了，有兴趣的可以部署下。 https://github.com/ccbikai/BroadcastChannel/blob/main/README.zh-cn.md

GitHub

BroadcastChannel/README.zh-cn.md at main · ccbikai/BroadcastChannel

Turn your Telegram Channel into a MicroBlog. Contribute to ccbikai/BroadcastChannel development by creating an account on GitHub.

使用 Astro + Telegram Channel + SepiaTemplate 做了一个微博客。
浏览器端做到了 0 JS, 也可以加入 no-JS Club 了。
https://memo.miantiao.me/

通信冷知识：中国首条海底电缆是 1887 年由台湾巡抚刘铭传敷设的福州至台湾海底电缆

#Resend #Maingun 的开源替代 Plunk

如果你申请了 AWS SES，可以部署下

https://s.mt.ci/use-plunk

Useplunk

Plunk | The Open-Source Email Platform

Plunk is the open-source, affordable email platform that brings together marketing, transactional and broadcast emails into one single, complete solution

BDD: Bug 驱动开发

TDD: 测试提 Bug 驱动开发

DDD: Deadline 驱动开发

出于对烟台苹果的喜爱，购买了 apple.yt 域名

在咸鱼淘了一个阿里云 AP8220, 在几乎没有刷机资料的情况下，摸索了了两天，终于刷成了 QWRT, 写篇文档记录一下。

不过 QWRT 用不习惯，希望有大佬适配下 ImmortalWrt 。

https://chi.miantiao.me/posts/aliyun-ap8220/

chi.miantiao.me

阿里云 AP8220 刷机教程 | 面条实验室

如果你有临时编辑图片的需求，可以试下 EDIT PHOTO 这个网页工具，完全免费。

支持剪裁，缩放，滤镜，微调等功能，而且有常用图片的的模板。

标题就是域名，很好记👍

https://s.mt.ci/edit-photo

Edit Photo

No ads, no popups, no cookies, no account. The fastest way to edit photos online

Eldora UI 出了一个 Landing Page， 很漂亮

有需要的可以直接使用

https://s.mt.ci/saas-landing-page

源码: https://s.mt.ci/saas-landing-git

saas-landing-page-template-eldoraui.vercel.app

Saas Template - EldoraUI

Template for saas applications with dark theme

阿里云公共 DNS 和腾讯云公共 DNS 都限流 20 QPS 了。

从监控看火山引擎的公共 DNS 响应速度还不错，不知道后面会不会限流，按照现在的趋势大概率会限流。

各位大佬还有啥推荐的公共 DNS 呢？

https://www.volcengine.com/docs/6758/166341

JS 刷新页面代码有多少种写法？ 答案是至少 535 种

https://s.mt.ci/location-location