Using MDX
Why MDX?
MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to mix JavaScript and UI Components into your Markdown content for things like interactive charts or alerts.
If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.
Example
Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button below.
More Links
● MDX Syntax Documentation
● Astro Usage Documentation
● Note: Client Directives are still required to create interactive components. Otherwise, all components in your MDX will render as static HTML (no JavaScript) by default.
via サン猫の時間漂流
This rendering was automatically generated by Frosti Feed and may have formatting issues. For the best experience, please visit: https://www.saroprock.com/blog/using-mdx/This theme comes with the @astrojs/mdx integration installed and configured in your
astro.config.mjs config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.Why MDX?
MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to mix JavaScript and UI Components into your Markdown content for things like interactive charts or alerts.
If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.
Example
Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button below.
More Links
● MDX Syntax Documentation
● Astro Usage Documentation
● Note: Client Directives are still required to create interactive components. Otherwise, all components in your MDX will render as static HTML (no JavaScript) by default.
via サン猫の時間漂流
技术狂飙下的冷思考：大模型的“科林格里奇困境”
1980年，英国技术哲学家大卫·科林格里奇在《技术的社会控制》中提出了著名的“科林格里奇困境”，这一困境指出，在技术发展的早期阶段，人们往往难以预测其潜在的社会影响，但此时仍有能力对技术方向进行调整；然而，当技术成熟并广泛渗透社会后，虽然其负面影响已显现，但控制或改变技术的成本会变得极高。这一现象也被称为“技术发展的失控悖论”，而大模型的规模性、通用性和渗透性正在使得这一困境尤为突 出。因此，现在人类面对的挑战是如何在技术创新与社会责任、发展速度与风险控制之间找到动态平衡。而......
READ MORE
via 太隐 (author: Ludwig Wang)
1980年，英国技术哲学家大卫·科林格里奇在《技术的社会控制》中提出了著名的“科林格里奇困境”，这一困境指出，在技术发展的早期阶段，人们往往难以预测其潜在的社会影响，但此时仍有能力对技术方向进行调整；然而，当技术成熟并广泛渗透社会后，虽然其负面影响已显现，但控制或改变技术的成本会变得极高。这一现象也被称为“技术发展的失控悖论”，而大模型的规模性、通用性和渗透性正在使得这一困境尤为突 出。因此，现在人类面对的挑战是如何在技术创新与社会责任、发展速度与风险控制之间找到动态平衡。而......
READ MORE
via 太隐 (author: Ludwig Wang)
现代浏览器插件开发指南
最近又写了一本小书。
这本小书定价 29 元，你可以在 这里 购买 PDF 版本。如果你有特殊需求，也可以购买 Markdown + PDF 版本，价格是 49 元（为了增加盗版成本）。
之所以想写这本书，是因为我在过去一两年开发过不少浏览器插件（如微信读书笔记同步助手 Notepal, 浏览器 AI 助手 SumBuddy, 专注插件 等等标签 等等），积累了不少经验。这几年越来越多人开始做浏览器插件，尤其是在 AI 时代，浏览器插件作为重要的输入入口，能做的事情越来越多。我想可以把这些经验分享出来，让更多人可以开发满足自己需求的插件。
插件开发其实不是一件很难的事，特别是现在出现了一些成熟的框架，比如 Plasmo, WXT, CRXJS 等。这些插件把代码构建、打包过程都封装得很好，开发者只需要关心插件的逻辑即可。
我自己用过 Plasmo 和 WXT, 这本书我会使用 WXT 进行教学。因为经过自己的长期实践，我认为 WXT 比 Plasmo 的设计更加合理，配套的工具更好用。当然每个框架有每个框架的利弊，即使你想使用其它框架，你还是能从这本书收获很多框架以外的知识，因为框架只是辅助。
另外，本书以 Manifest V3 为背景编写，不会讨论 Manifest V2 的内容。如果你不知道两者具体的区别，你也不需要知道（因为我也不知道）。简单来说 V3 比 V2 在安全性上做了更严格的控制，这一点虽然备受争议，但对于大部分的情况不会有太大的影响。
本书在涉及 UI 开发的部分我会使用 React, 这是我自己日常使用的库，对于使用 Vue, Svelte 等其它库的读者，也不需要担心，用什么框架并不是那么重要。并且 WXT 也支持不同的 UI 库。如果你想用其它库，翻看 WXT 的文档即可。
本书的实战中，我不引入任何样式库，因为会增加额外的和插件开发无关的复杂度。请读者不要计较实例的美观性。
读这本书前，我默认读者了解以下技术：
● 了解 JSON 这种数据结构
● 了解基本的 JavaScript/TypeScript, HTML, CSS 知识
● 有能力搭建 Node.js 开发环境
读完这本书后，读者能学习到开发一个浏览器最重要的几个知识点：
● 数据存储
● content script UI 的构建
● 消息传递
这几个知识点贯穿了所有实际场景必需的元素，我在开发自己的插件时，基本是围绕这三个基本的功能展开。至于其它更多的插件 API, 读者应该自己按照需求查看文档使用。
在讲解消息传递的实例中，我用 AI 消息流作为例子讲解，对于需要开发 AI 相关的浏览器插件的读者应该很有启发。
目录
● 概述
● 插件的基本结构 ● manifest ● popup ● content script ● options ● background script
● 插件 API
● 创建插件开发项目
● 基本数据存储：Todo List 实战
● 进阶数据存储 ● 监听数据变动 ● 数据迁移 (Migration)
● Content Script 基本知识 ● 动态注入 content script ● 在 content script 中渲染 UI ● 真实环境中的一些经验
● 消息传递 ● 单次传递 ● 长连接传递 ● 实战： 渲染 AI 消息流
● 多语言支持 ● 插件原生多语言机制 ● 使用 i18next
● 附录 ● 最小权限原则 ● 处理用户登录 ● host permissions ● 定时任务 ● 自动生成不同尺寸的 icon
一些预览
via Randy's Blog
Invalid media:
image
image
image
最近又写了一本小书。
这本小书定价 29 元，你可以在 这里 购买 PDF 版本。如果你有特殊需求，也可以购买 Markdown + PDF 版本，价格是 49 元（为了增加盗版成本）。
这本书篇幅不长，但因为比较小众，所以定价稍高，请读者自行斟酌购买。这是一本关于浏览器插件开发的书。这本书面向的是那些希望开发自己的浏览器插件满足自己需求的，也许你是专业的前端程序员，或是略懂前端代码的后端人员，在 AI 的加持下，大概都能从中受益。
之所以想写这本书，是因为我在过去一两年开发过不少浏览器插件（如微信读书笔记同步助手 Notepal, 浏览器 AI 助手 SumBuddy, 专注插件 等等标签 等等），积累了不少经验。这几年越来越多人开始做浏览器插件，尤其是在 AI 时代，浏览器插件作为重要的输入入口，能做的事情越来越多。我想可以把这些经验分享出来，让更多人可以开发满足自己需求的插件。
插件开发其实不是一件很难的事，特别是现在出现了一些成熟的框架，比如 Plasmo, WXT, CRXJS 等。这些插件把代码构建、打包过程都封装得很好，开发者只需要关心插件的逻辑即可。
我自己用过 Plasmo 和 WXT, 这本书我会使用 WXT 进行教学。因为经过自己的长期实践，我认为 WXT 比 Plasmo 的设计更加合理，配套的工具更好用。当然每个框架有每个框架的利弊，即使你想使用其它框架，你还是能从这本书收获很多框架以外的知识，因为框架只是辅助。
另外，本书以 Manifest V3 为背景编写，不会讨论 Manifest V2 的内容。如果你不知道两者具体的区别，你也不需要知道（因为我也不知道）。简单来说 V3 比 V2 在安全性上做了更严格的控制，这一点虽然备受争议，但对于大部分的情况不会有太大的影响。
本书在涉及 UI 开发的部分我会使用 React, 这是我自己日常使用的库，对于使用 Vue, Svelte 等其它库的读者，也不需要担心，用什么框架并不是那么重要。并且 WXT 也支持不同的 UI 库。如果你想用其它库，翻看 WXT 的文档即可。
本书的实战中，我不引入任何样式库，因为会增加额外的和插件开发无关的复杂度。请读者不要计较实例的美观性。
读这本书前，我默认读者了解以下技术：
● 了解 JSON 这种数据结构
● 了解基本的 JavaScript/TypeScript, HTML, CSS 知识
● 有能力搭建 Node.js 开发环境
读完这本书后，读者能学习到开发一个浏览器最重要的几个知识点：
● 数据存储
● content script UI 的构建
● 消息传递
这几个知识点贯穿了所有实际场景必需的元素，我在开发自己的插件时，基本是围绕这三个基本的功能展开。至于其它更多的插件 API, 读者应该自己按照需求查看文档使用。
在讲解消息传递的实例中，我用 AI 消息流作为例子讲解，对于需要开发 AI 相关的浏览器插件的读者应该很有启发。
目录
● 概述
● 插件的基本结构 ● manifest ● popup ● content script ● options ● background script
● 插件 API
● 创建插件开发项目
● 基本数据存储：Todo List 实战
● 进阶数据存储 ● 监听数据变动 ● 数据迁移 (Migration)
● Content Script 基本知识 ● 动态注入 content script ● 在 content script 中渲染 UI ● 真实环境中的一些经验
● 消息传递 ● 单次传递 ● 长连接传递 ● 实战： 渲染 AI 消息流
● 多语言支持 ● 插件原生多语言机制 ● 使用 i18next
● 附录 ● 最小权限原则 ● 处理用户登录 ● host permissions ● 定时任务 ● 自动生成不同尺寸的 icon
一些预览
via Randy's Blog
Invalid media:
image
image
image
棱镜通讯 No.113 亚伦·斯沃兹（Aaron Swartz）
本文出自博主的 Newsletter《棱镜通讯》，每期一个话题，🐣 关注记录、挖掘科学创造、社会思想和个体生活。 我相信每一个人物、思想、事物的背后都有一段精彩的故事，启发当下，看向未来。目前《棱镜通讯》已更新39 期，往期内容请访问太隐网站：https://www.wangyurui.com/tags/Newsletter/ 在纪录片《互联网之子》的开头，导演用梭罗的名言抛出问题： 世有不公之法， 我们是安于循守， 还是且改且守、待其功成？ 或是即刻起而破之? 很显然，亚伦......
READ MORE
via 太隐 (author: Ludwig Wang)
本文出自博主的 Newsletter《棱镜通讯》，每期一个话题，🐣 关注记录、挖掘科学创造、社会思想和个体生活。 我相信每一个人物、思想、事物的背后都有一段精彩的故事，启发当下，看向未来。目前《棱镜通讯》已更新39 期，往期内容请访问太隐网站：https://www.wangyurui.com/tags/Newsletter/ 在纪录片《互联网之子》的开头，导演用梭罗的名言抛出问题： 世有不公之法， 我们是安于循守， 还是且改且守、待其功成？ 或是即刻起而破之? 很显然，亚伦......
READ MORE
via 太隐 (author: Ludwig Wang)
我的普鲁斯特问卷回答 - 《请回答普鲁斯特》播客访谈文字稿
via Owen的博客 (author: Owen Young)
本文是我在李马克主持的《请回答普鲁斯特》播客节目中的访谈记录整理。感谢马克的邀请，让我能在这个时期剖析我自己的偏好和性格，再过几年准备再回看下看看哪里会有变化。
什么是普鲁斯特问卷？
普鲁斯特问卷（The Proust Questionnaire）源于19世纪的法国，因著名作家马塞尔·普鲁斯特（Marcel Proust）在回答这套问题时的独特答案而闻名。这套问卷旨在通过一系列问题揭示回答者的性格、价值观和人生态度。
我推荐你也尝试回答这些问题——无需公开，可以私下记录，这样可能会让你更加了解自己。
我录完之后推荐了毛利小张, 这是她的回答，推荐给你听。
via Owen的博客 (author: Owen Young)
#TODO
（多么宏大的计划啊ww）
高考完：
1. 学电吉他
2. 去上海看一场邦live
3. 学做一把吉他 tele 3D打印琴体
4. 开学了大概会精进kotlin和日语
5. 做一把电木两用的酸欠黄色吉他
https://www.thingiverse.com/thing:6694462
（多么宏大的计划啊ww）
高考完：
1. 学电吉他
2. 去上海看一场邦live
3. 学做一把吉他 tele 3D打印琴体
4. 开学了大概会精进kotlin和日语
5. 做一把电木两用的酸欠黄色吉他
https://www.thingiverse.com/thing:6694462
