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

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#优质博文 #前端 #CMS #astro #技术选型
看着不错
Using Pages CMS for Static Site Content Management

AI 摘要:本文详细介绍了如何使用 Pages CMS 作为静态网站的内容管理系统,结合 Astro 等静态站点生成器,简化内容管理流程。作者分享了 Pages CMS 的核心优势,包括易用性、最小化依赖、协作功能和高度自定义性,并通过实际案例展示了如何将其与 Astro 的内容集合功能集成,管理 Markdown 文件和自定义字段。此外,文章还涵盖了 Pages CMS 的配置、与 GitHub 仓库的连接、内容创建以及自动部署的步骤,为静态网站开发者提供了实用指南。

author Ryan Trimble Using Pages CMS for Static Site Content Management | CSS-Tricks
Manus 发布公告:开放注册并推出额外免费额度

从今天开始,我们将为大家提供更多访问 Manus 的机会!

• 向所有人开放,无需等待名单
• 所有用户每天可免费执行一项任务(300积分)
• 所有用户一次性获得1,000积分奖励

更多价值,更多灵活性。享受你的免费积分并邀请朋友来体验吧!


Manus

📮投稿 ☘️频道 🌸聊天
#优质博文 #前端 #AI #任务管理 #产品需求 #工程化 #MCP
I didn't think AI can code like this - YouTube
被安利到了 TaskMaster AI,想试试。

Twitter Post

AI 摘要:本文由 Dan ⚡️ 在 X 平台分享了如何利用 AI 和任务管理系统高效构建产品的流程。他强调了详细需求编写、产品需求文档 (PRD) 的创建、任务管理工具的选择以及基于任务的构建循环的重要性。Dan 推荐使用 TaskMaster AI 作为任务管理工具,并提供了一个简单的提示循环来确保任务按逻辑顺序执行,避免复杂项目中的混乱。

• 1. 编写详细需求
• 花费 15-20 分钟深入思考,确保 AI 明确你的构建目标。
• 需求需简洁但全面,包含技术栈等细节。
• 总结:这一步是确保 AI 理解项目愿景的基础,避免后续沟通偏差。

• 2. 创建产品需求文档 (PRD.txt)
• 使用博客中提供的提示,将需求整理成正式的产品需求文档。
• 仔细复查文档内容,确保无遗漏。
• 总结:PRD 作为项目蓝图,是后续任务分解和执行的重要依据。

• 3. 使用任务管理系统
• 推荐了四种任务管理工具:TaskMaster AI、Roocode Boomerang Tasks、Shrimp Task Manager 和 Cline Task Tool。
• Dan 个人更倾向于 TaskMaster AI,原因是其集成了 Perplexity 进行网络搜索,能更好地处理复杂性,正确识别依赖关系并按逻辑顺序执行任务。
• 其他工具如 MCP 与 Cursor 配合良好,也支持 CLI 直接使用。
• 总结:选择合适的任务管理工具是项目有序推进的关键,TaskMaster AI 在复杂项目中表现更优。

• 4. 使用简单的任务构建循环
• 强调构建循环必须严格围绕任务进行,避免偏离任务管理系统,否则复杂项目容易出错。
• 提供了一个简单的提示循环:
• "Show tasks" - 查看任务列表。
• "What's the next task I should work on? Please consider dependencies and priorities." - 询问下一个优先任务。
• "Implement task 2 and all of its subtasks." - 执行具体任务及其子任务。
• "I'd like to add a new task that ..." - 添加新任务。
• 更多示例可在推文中查看,核心是始终保持任务管理的一致性。
• 总结:任务构建循环是确保项目按部就班执行的关键方法,严格遵循可避免混乱。


author Dan ⚡️ (@d4m1n)
#优质博文 #前端 #评论系统 #开源 #自托管 #技术选型
Top 7: Best Open Source Self-Hosted Comment System Alternatives to Disqus

AI 摘要:本文详细介绍了7种开源自托管评论系统的替代方案,以替代 Disqus,特别适合那些关注隐私、成本和自定义需求的博客主或网站管理者。文章从 Disqus 的局限性入手,分析了其免费计划的限制以及升级到专业计划的高成本,提出自托管开源解决方案作为更经济和灵活的选择。作者列举了7种评论系统(HashOver、Schnack、Valine、Commentics、Commento、Remark42 和 Isso),并对每种系统的特点、优势和技术细节进行了深入分析,帮助读者根据需求选择合适的工具。

引言
• 作者在选择博客评论系统时的困惑,初期选择了 Disqus,但随着博客流量增长,Disqus 的免费计划限制和收费问题凸显。
• 提出自托管开源评论系统作为替代方案,特别是在隐私和成本方面的优势。
• 分享7种可自托管的开源评论系统,适用于博客和静态页面。

1. HashOver:
• 特点:免费开源的 PHP 评论系统,支持完全匿名评论,易于主题定制。
• 功能:通过简单几行 JavaScript 或 PHP 代码嵌入网站,支持 XML、JSON 或 SQL 数据库存储评论。
• 优势:自托管,注重隐私,替代 Disqus,遵循 GNU Affero General Public License 许可证。

2. Schnack:
• 特点:基于 JavaScript 的开源评论系统,体积小(仅 8KB),无广告、无追踪。
• 功能:简洁的 UI,便于审核评论,支持信任/屏蔽用户,Webpush 通知新评论,支持 GitHub、Twitter 等第三方认证。
• 优势:轻量、用户友好,无需额外用户管理系统。

3. Valine:
• 特点:快速、简单且强大的评论系统,默认安全,无需服务器端实现。
• 功能:支持表情、高速加载、完整 Markdown 语法、轻量化设计,1.2.0 版本新增文章阅读统计。
• 优势:简洁高效,注重用户体验。

4. Commentics:
• 特点:免费高级 PHP 评论脚本,代码开源,注重集成性、可定制性和安全性。
• 功能:易于嵌入现有页面,保持内容新鲜以吸引访客和搜索引擎。
• 优势:适用于文章评论或独立评论页面,功能丰富。

5. Commento:
• 特点:轻量快速(仅 11KB 的 JavaScript 和 CSS),加载速度快,注重隐私。
• 功能:不收集用户信息,内置高级审核工具、自动垃圾过滤和 Akismet 集成。
• 优势:无垃圾评论,页面加载速度提升可增加网站流量。

6. Remark42:
• 特点:轻量、简单且功能齐全的自托管评论系统,注重隐私,不追踪用户。
• 功能:支持社交登录、邮件登录、可选匿名评论、多级嵌套评论、Markdown 格式、图片上传、评论投票和置顶、近期评论列表、Disqus 导入、Telegram 通知等。
• 技术:无需外部数据库,数据存储于单一文件,支持 Docker 一键部署,跨平台运行,UI 简洁且可定制。
• 优势:功能全面,适合多场景使用,支持多站点模式和自动 SSL 集成。

7. Isso:
• 特点:基于 Python 和 JavaScript 的轻量评论服务器,作为 Disqus 的直接替代品。
• 功能:支持匿名评论,身份管理简单,通过 JavaScript 和跨域资源共享轻松集成到静态网站。
• 优势:轻量易用,注重隐私和简洁性。


author Carlos Delgado Top 7: Best Open Source Self-Hosted Comment System Alternatives to Disqus
#优质博文 #前端 #CMS #astro #技术选型
Best 9 CMSs to Power Your Astro Site

AI 摘要:本文详细探讨了 Astro 框架与内容管理系统(CMS)的结合,分析了如何为 Astro 网站选择合适的 CMS。Astro 作为一个快速、现代的网站构建框架,凭借其 Islands Architecture 实现了静态网站速度与动态功能的平衡。然而,对于需要扩展性、多人协作、动态内容或结构化编辑流程的项目,选择合适的 CMS 至关重要。文章列出了 9 款适合 Astro 的顶级 CMS,评估了它们的功能、局限性、定价以及与 Astro 的集成效果,并提供了选择 CMS 时需考虑的关键因素,如内容交付方式、编辑体验、性能优化、定价与扩展性及生态系统支持。

• 选择 CMS 的关键考量:
• 内容交付与 API 结构:介绍了三种 CMS 类型(Headless CMS、Git-based CMS、Traditional CMS)及其与 Astro 静态生成(SSG)或动态模式(SSR/混合模式)的适配性,强调快速响应 API 和缓存的重要性。
• 编辑体验与易用性:讨论了技术用户与非技术用户对 CMS UI、实时预览和编辑工具的不同需求。
• 性能与静态优化:强调 CMS 应支持 SSG、提供良好的缓存和 CDN 支持,并具备增量静态再生(ISR)功能以保持 Astro 的性能优势。
• 定价与扩展性:分析了 CMS 定价模式的多样性(免费、按使用付费等)以及对流量和内容增长的适应性。
• 生态系统与 Astro 支持:建议选择有官方 Astro SDK、插件或良好文档支持的 CMS,以简化集成。

• 9 款推荐 CMS 详细解析:
• Hygraph:一款 GraphQL 原生无头 CMS,注重速度与结构化内容,支持内容联合与多语言管理,适合企业级应用;限制在于 GraphQL 学习曲线和无内置前端渲染;定价从免费到企业定制。
• Contentful:强调扩展性和 API 优先设计,适合从博客到企业级项目,支持多平台内容交付;限制为高流量成本较高及 GraphQL 查询限制;定价从免费到 $300/月起。
• Sanity:高度可定制的无头 CMS,提供实时 API 和 Sanity Studio 自定义编辑界面;限制在于非技术用户使用难度和 GROQ 查询学习曲线;定价从免费到 $15/座/月起。
• Storyblok:混合无头 CMS,具备实时视觉编辑和组件化内容模型;限制为自定义后端适配性较弱及定价较高;定价从 €99/月起。
• Strapi:开源自托管无头 CMS,提供 API 优先设计和动态区域功能;限制为自托管维护成本及学习曲线;定价从免费到 $15/座/月起。
• Tina CMS:开源 Git 驱动 CMS,适合静态网站和 JAMstack 架构;限制为无传统数据库支持动态内容较弱;定价从免费到 $29/月起。
• Prismic:无头页面构建器,结合视觉页面编辑与 Slice Machine 工具;限制为 API 灵活性较低及成本随用户增长;定价从免费到 $10/月起。
• Ghost:专注于出版的平台,适合内容创作者和会员制网站;限制为非完整 CMS,缺乏结构化内容支持;定价从免费到 $9/月起。
• WordPress:全球最受欢迎 CMS,支持无头模式但非原生设计;限制为性能和安全性问题;定价免费但附加成本较高。

• 总结与建议:文章最后强调选择 CMS 需根据项目需求(如结构化内容、动态查询或直观编辑器)进行权衡,并推荐 Hygraph 作为与 Astro 集成顺畅的 GraphQL 原生选项。


author Joel
cosine - 前端人の日常频道
输入法切换工具 Input Source Pro
#tools #工具推荐
你别说,这个用起来感觉真不错~感觉比之前那个自动切输入法的小工具好用,强烈推荐一下。

Input Source Pro
Mac 电脑的开源小工具,方便切换输入法,可以指定不同应用/网站的默认输入法。
#碎碎念 #旅游
前些天打车的时候司机:来丽江玩儿,古城里有没有遇到艳遇啊,这儿可是艳遇之都~~
我:???(查了下,不是,哥们,咱没想那么多)
奇怪的涨知识增多了……
(当时愣了一愣,在想 yanyu 是指什么)
#优质博文 #阮一峰的科技周刊 #tools #工具推荐
科技爱好者周刊(第 347 期):冷启动的破解之道

AI 摘要:本期《科技爱好者周刊》聚焦科技前沿动态与工具资源,涵盖了 AI 应用、硬件创新、月球生态实验等多个领域,同时分享了大量开源工具、开发资源及思想观点。文章从 Meta AI 新应用、月球养鱼计划到 3D 打印建筑等,展现了科技如何改变生活与未来的可能性。此外,还探讨了 AI 隐私问题、Web 开发趋势及创造力与限制的关系。

• 文章精选
• ChatGPT o3 照片定位:o3 模型可通过照片精准猜测拍摄地点,利用街景地图训练数据,甚至能判断具体拍摄位置,提醒用户上传照片需注意隐私泄露风险。
• 命令行设置 MacBook:介绍 macOS 内置命令行工具,适合快速配置新电脑,提高效率。
• Zip 炸弹保护服务器:作者通过体积小但解压后巨大的 Zip 文件对抗网络爬虫,分享独特防御策略。
• 工具推荐:列出 17 款开源工具,包括桌面宠物 BongoCat、条形码生成器 Barcode Maker、输入法切换工具 Input Source ProQBin 开源的在线文本编辑与分享服务等。
• BongoCat:开源桌面宠物,支持多平台(macOS、Windows、Linux)。
• Barcode Maker:开源条形码和二维码生成网站。
• Fread:支持 Mastodon、Bluesky、RSS 协议的安卓"微博客"客户端。
• DeckTap:局域网内手机遥控电脑幻灯片演示工具。
• Input Source Pro:Mac 输入法切换工具,支持应用/网站默认输入法设置。
• QBin:在线文本编辑与分享服务,支持代码、图片、视频分享。
• EasyEditor:低代码引擎,用于可视化搭建 Web 应用。
• PakePlus:基于 Tauri2 的工具,将网站打包为桌面/手机应用。
• 柠檬表单:开源表单问卷系统,自带管理后台。
• MotionEaseTune:安卓防晕车应用,通过 100Hz 声音缓解症状。
• OpenApi 接口代码生成器:根据 OpenAPI 文档生成多语言客户端代码。
• MyOCR:基于 Python 的本地 OCR 文字识别框架。
• SimonAKing-HomePage:使用 WebGL 流体动画的个人网站模板。
• 酷监控:开源监控控制台,支持网站/接口/HTTPS 证书监控。
• FindJSONPath:在线 JSON 工具箱,支持 mock 数据生成与路径可视化。
• 拼字幕:在线字幕拼图制作工具。
• YouTube Playlist Processor:用 AI 将 YouTube 播放列表转为电子书。
• 资源分享:推荐免版权素材搜索引擎、FeedMe 提供多个信息源最新内容的 AI 摘要、吉卜力电影高清图等资源,方便开发者与创作者获取灵感与素材。
• 图片与历史:介绍 1982 年柯达盘式胶片相机,探讨其便携设计与画质缺陷导致的停产原因。
• 文摘与言论:分享约翰·巴洛的人生信条,强调对可能性与不确定性的开放态度;回顾 25 年来 Web 开发技术趋势的更迭,讽刺技术炒作;引用多位学者与从业者关于创造力、AI 发展
GitHub - runjuu/InputSourcePro: Switch and track your input sources with ease ✨
#碎碎念 #追番
今天在浴缸里泡完澡:好——幸——福——啊——(同款表情OHO)
#优质博文 #前端 #javascript #新动态
Awesome JavaScript Weekly - Issue 468, May 08, 2025 | LibHunt

AI 摘要:本期《Awesome JavaScript Weekly》汇集了 JavaScript 领域的最新资讯、文章、工具和活动,涵盖了技术趋势、框架更新、代码优化技巧以及即将举行的行业会议。文章内容包括 Deno 的衰落、函数式 HTML 的探讨、JavaScript 项目工具迁移、SVG 优化技巧、Promises 工作原理、Next.js 与 Ruby on Rails 的对比等。此外,还介绍了多个热门 JavaScript 库和项目,如 draw.io 和 No-as-a-Service,并推荐了即将于阿姆斯特丹举办的 JSNation 和 React Summit 会议。

1. 热门新闻与文章:
Deno’s Decline (6 Regions and Falling):探讨了 Deno 作为 Node.js 替代品的衰落趋势,分析其在多个地区的市场表现和用户反馈。
• Functional HTML — overreacted:介绍了函数式 HTML 的概念,探讨如何以函数式编程思维构建 HTML 结构,提升代码可维护性。
Reducing SVGs by 90% with JavaScript Tricks:分享了使用 JavaScript 优化 SVG 文件的技巧,显著减少文件体积并提升加载速度。
How Promises Work in JavaScript Behind the Scenes:深入解析了 JavaScript 中 Promises 的工作原理,帮助开发者理解异步编程的核心机制。
• JavaScript Obfuscation Through File Stream Side-Channel:探讨了通过文件流侧信道进行 JavaScript 代码混淆的技术,关注安全与性能平衡。
• Recursive Data Structures and Lazy Evaluation:讲解了递归数据结构和惰性求值在 JavaScript 中的实现与应用场景。

2. 即将举行的会议:
• JSNation:年度 JavaScript 盛会,2025 年 6 月 12 日和 16 日在阿姆斯特丹及线上举办,拥有 50+ 位演讲者。
• React Summit:全球最大的 React 会议,2025 年 6 月 13 日和 17 日在阿姆斯特丹及线上举行,早鸟票已开售。

3. 热门库与项目:
• No-as-a-Service (NaaS):一个简单的 API,返回随机的拒绝理由,适用于模拟拒绝场景或娱乐用途。
• DesktopCommanderMCP:为 Claude 提供终端控制、文件系统搜索和差异文件编辑功能的 MCP 服务器。
• draw.io:一个基于 JavaScript 的客户端编辑器,适用于通用图表绘制。
• claude-task-master:一款 AI 驱动的任务管理系统,可集成到 Cursor 等工具中。
• context7:Context7 MCP 服务器,为 LLM 和 AI 代码编辑器提供最新的代码文档支持。
#优质博文 #字体设计 #电子阅读 #阅读体验 #fonts
装了啥特别篇 | 少数派编辑部的阅读器都装了啥字体?

AI 摘要:本文是少数派编辑部的一期特别篇,聚焦于编辑们在电子阅读器和阅读软件中使用的字体推荐。文章从中文和英文两个方面,详细介绍了多款适合屏幕阅读的字体,包括方正博雅宋、方正楷体、Literata 和方正悠宋等,分析了它们的设计特点、适用场景及优缺点。编辑们分享了个人使用体验,探讨了印刷字体与屏幕显示的适配性,旨在帮助读者提升电子阅读的舒适度和美感。


author 少数派编辑部
Back to Top