呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
#优质博文 #Markdown #前端
Creating “Edit” Links That Open Plain-Text Source Files in a Native App
好思路,通过自定义 URL 协议(如 vscode:// 或 obsidian://)在网站上添加隐藏的“编辑”按钮,直接调用本地编辑器修改 Markdown 文件。

AI 摘要:作者 Jim Nielsen 分享了如何优化其静态博客的编辑体验。通过利用 iA Writer 等原生应用支持的自定义 URL Scheme(URL 协议),他在博文页面中嵌入了一个隐藏的“编辑”链接。当他在阅读文章发现错误时,只需点击该链接,系统便会自动唤起本地编辑器并打开对应的 Markdown 源文件。作者还通过简单的 JavaScript 和 LocalStorage(本地存储)技术,确保该功能仅对自己可见,从而在不依赖复杂 CMS(内容管理系统)的情况下,将操作系统与本地文件系统转化为了高效的内容管理平台。


author Jim Nielsen
#优质博文 #Markdown #技术文化 #AI #软件工程
How Markdown took over the world:回顾 Markdown 的诞生历程及其如何从一个小众博客工具演变为统治现代互联网和 AI 交互的通用文本标准。

AI 摘要:这篇文章由资深科技人 Anil Dash 撰写,深入探讨了 Markdown 这一简单纯文本格式如何从 2004 年的一个个人项目,演变成如今统治全球科技行业的标准。它由 John Gruber 创立,并由天才少年 Aaron Swartz 协助测试。Markdown 的成功不仅在于其技术上的简洁(易读、易写、基于现有邮件习惯),更在于其开源和去中心化的精神。文章指出,即使是当今最尖端的 AI 系统(如 ChatGPT 和 Claude),其核心交互和指令也高度依赖 Markdown。这种由个人创造并免费赠予世界的工具,证明了互联网的进步往往源于普通人的慷慨与对细节的执着,而非仅由科技巨头推动。


author Anil Dash
#AI #开源 #markdown
太贵了,正好拿 grok 150刀免费额度烧
NoteGen
NoteGen 是一款跨平台的 Markdown 笔记应用,支持 Windows、Mac、Linux。它最大的特点,是把“记录”和“写作”这两步分开,并通过 AI 助手帮你把零散的内容自动整理成结构化的笔记,比如周报。但还有一个特点,就是比较消耗 AI 的 API Token,每一个记录都会询问 AI。

from 小众软件 NoteGen - 轻巧的开源、跨平台笔记应用,就是有太点费 AI:将碎片信息自动整理为笔记 - 小众软件
#优质博文 #ppt #markdown
让我们专注于内容:Markdown 制作幻灯片的三种方案对比
https://sspai.com/post/97131

AI 摘要:作者基于频繁制作 PPT 的需求,对比了三种基于 Markdown 的幻灯片制作方案(Obsidian 原生插件、Marp、Slidev),分析其优缺点并提出适用场景。

文章从作者因频繁制作 PPT 的痛点出发,指出传统工具(如 PowerPoint)在排版灵活性和公式编辑上的不足,以及 AI 生成工具的局限性。由此提出用 Markdown 制作幻灯片的思路,并通过实践对比了三种工具:
Obsidian 原生插件:操作简单但排版效果差,缺乏自定义和导出功能,仅适合概念验证。
Marp:支持实时预览、主题定制和导出多格式,但高级排版需学习 CSS 语法,适合轻量需求。
Slidev:功能强大,支持深度定制(布局、动画、代码高亮等),但需前端知识,适合技术型用户。
最终,作者建议根据需求选择工具,并推荐 Slidev 作为长期方案。


via 少数派 西郊次生林
#工具推荐 #前端 #在线网站 #markdown #html
Html To Markdown 是一个将 HTML 转换为 Markdown 格式的工具,支持高效、精准的内容格式转换。它适合开发者和内容创作者,将复杂的 HTML 代码快速简化为轻量级、可读性强的 Markdown 格式,从而便于在文档、博客和其他 Markdown 支持的平台上使用。
#资源推荐 #前端 #react #markdown
今天在搭建自己的博客,关于markdown渲染和解析元数据找了这两个库:
1. markdown-to-jsx 最轻量级、可定制的 React markdown 组件。
2. gray-matter 从字符串或文件中解析 front-matter。快速、可靠且易于使用。默认情况下解析 YAML front-matter,但也支持 YAML、JSON、TOML 或 Coffee Front-Matter GitHub - probablyup/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.
 
 
Back to Top