青山遮不住,畢竟東流去
#Web #Mail

📰 属于你自己的每日文摘 —— Mailbrew

☝️ 今天想聊聊我自己用了两年多的一个服务 —— Mailbrew,它是一个聚合信息资源并能够生成每日摘要的 Newsletter 服务。

📪 具体来说,你可以使用 Mailbrew 生成一个日报模版,里面可以设置你感兴趣的信息,然后指定每天的一个时间向你发送一封邮件。它就像是一个邮递员,每天向你房子门口的信箱投递一份报纸,你要做的,只是打开信箱读一下这份报纸这么简单。

🧙‍♂️ Mailbrew 具体支持设置的模块信息如下:

当天日期;
Google Calendar(很可惜不支持 iCloud Calendar);
天气。支持设置地点,时间跨度为当天12小时或未来5天的天气情况);
Newsletters。Mailbrew 会提供一个邮箱地址,你可以使用这个邮箱地址来向各个 Newsletter 服务订阅,使用该邮箱订阅的 Newsletter 可以展示在此模块中;
RSS;
Top Stories(收录了包括诸如 NBA/MLB 赛事相关,还有各类科技咨询、旅游、文艺活动、各种国家和财经新闻,以及多种大型游戏的话题);
Podcast;
Hacker News;
Instagram
YouTube;
Reddit;
Product Hunt;
股票;
加密货币和Crypto 账户;
汇率;
Google News;
Readwise;
BetaList;
Dev .to;
Read Later.

🥇 你可以将这些模块按照你自己的喜好设置并排列顺序,如果该模块当天没有内容,则会隐藏。配置好之后你就可以在这一封邮件中查看你众多需要了解和关注的信息,真的很方便。现在已经成为我,每天早上必做事项之一。
#Web #Article

🌈 微信公众号运营完全指南

🐒 在这个人人都可以成为超级个体的时代,很多新媒体人都会通过微信公众号来发布产出的内容。今天介绍一个可以让你了解微信公众号运营相关的一个项目。

📚 《微信公众号运营完全指南》 通过将日常运营工作进行拆分,从公众号运营全貌、运营的时间管理、如何做选题策划、如何撰写有吸引力的标题、内容编辑、内容排版,再到分析内容与用户活跃度、公众号推广和数据分析等几个角度来吃阐述整个方法论。

💻 其实这个项目不光适用于微信公众号这个载体,其中很多内容说的都是一些运营通感的技能,只是部分内容在真正落地到微信公众平台这一步的时候会根据平台特性、风控策略和受众群体等进行适当调整。

💡 即使你并不是真正的新媒体行业从业者,也可以通过这个项目了解一些行业知识,整体而言还是可以从中获益。
波士顿动力也发布了下一代机器人,Atlas的最新视频 来源 12

🏷 #视频 #波士顿动力 #Atlas
📢 频道 👥 群组 📝 投稿
内购限免:订阅管理软件 SubTracky

https://apps.apple.com/app/id6593692260

🗒 标签: #限免
📢 频道: @GodlyNews1
🤖 投稿: @GodlyNewsBot
#macOS #Entertainment #App

👀 Googly Eyes:在你的菜单栏上增加一双会动的眼珠子

🔗 App Store

🖱️ 在操作某个界面时,我们的眼睛通常会跟随鼠标的移动来查看目标区域。但你有想过,假如有第二双眼睛也在注视着你的鼠标呢?

👁️ 听起来或许会有些「恐怖」,但这便是独立开发者 Sindre Sorhus 一日在机场候机时,因为无聊而顺手做下的一个小玩具。它的功能也非常简单,安装完成后你的 macOS 菜单栏上便会多了一对俏皮的眼睛,它们会跟随你的鼠标移动,甚至在当你进行点击操作时还会眨眼,趣味十足。

👨🏻‍💻 作为一名专注于 macOS 应用的独立开发者,Sindre 推出过许多广受欢迎的项目,这其中就有 GifskiVelja 等个人非常喜欢的 App。如果你对名副其实的「小而美」产品感兴趣,那么 Sindre Sorhus 的 作品 你一定不能错过。

📍 首发频道小红书Twitter微信公众号
这里我们可以要求 Claude 用 CDN 引用 TailwindCSS 来写组件样式,Tailwind CSS 封装了一套非常美观和简洁的样式,可以让 Claude 直接调用,确保在色彩、响应式和基础组件的美观度不出大问题。

🌟提示词:

方括号[]的部分就是你需要填写的部分。

我需要创建一个[具体描述你的页面/组件类型],请帮我生成美观且响应式的HTML+CSS代码。

## 设计参考
我希望设计风格类似于以下参考:
[上传参考图片或描述设计灵感来源]

## 技术要求
- 请使用HTML、TailwindCSS和少量必要的JavaScript
- 引用Tailwind CSS(v3.0+)通过CDN
- 页面需完全响应式,在移动设备和桌面端都能良好显示

## 图片资源
- 请使用Unsplash API提供的图片作为内容图片
- 根据内容主题选择合适的关键词

## 图标要求
- 使用Font Awesome或Material Icons等专业图标库 (通过CDN引用)
- 避免使用emoji作为图标替代品

## 交互细节
[描述任何需要的交互动画或效果,例如:]
- 按钮悬停时有轻微放大效果
- 表单输入框聚焦时显示渐变边框
- 卡片在悬停时有阴影加深效果

## 特别注意
- 确保代码干净且有适当注释
- 提供完整可运行的HTML文件,包含所有必要引用
- 优化视觉层次和间距,确保设计美观专业

5️⃣如何生成设计稿:

昨天群里一个朋友提了一嘴能不能转设计稿想了一下,居然还真可以,而且可以帮你生成带自动布局的 Figma 设计稿和对应可复用的组件。具体的方法也很简单

只需要将你生成的代码部署到线上,如果你用 Claude 或者 POE 都有这个功能,如果你用的软件没有发布能力的话可以用这个 http://yourware.so 产品。

获得了线上的链接之后,我们只需要使用 http://html.to.design 这个 Figma 插件就可以很好的将网页转换为
最近很多人问我,为啥我用 Claude 写的应用就没那么漂亮?

所以教大家一些非常简单的技巧,用上了以后你也能搞定这么漂亮的界面

👇下面是具体的技巧和完整提示词

完整内容这里:https://mp.weixin.qq.com/s/tUOAfd4OI56QxD94-0PPKw

1️⃣第一个技巧:

不用非得用语言来描述你想要的界面样式,可以去一些设计平台找一些你喜欢的设计稿将图片上传到图片让模型参考。

如果你不知道去哪找的话,国内推荐站酷、海外的话推荐 Dribbble 和 Layers。

在跟 Claude 说的时候就可以忽略那些不好描述的地方,重点描述静态图片无法表现的部分,比如下面的这个卡片组件。

我就让 Claude 注意交互的动画和输入框聚焦之后的渐变动画上,界面内容和风格就让他按图片生成。

2️⃣第二个技巧:

在让 Claude 生成界面的时候,你会发现 Claude 生成的页面没有图片,本来应该是图片的部分经常是空白的,这个就很影响结果的视觉表现。

其实我们可以要求他引用一些在线的图片来填充到页面需要图片的部分。

这里首先推荐 unsplash,他是一个开源图片网站,里面有世界各地的设计大神上传的图片,而且可以直接引用。

可以看下面加上图片之后的卡片是不是就好看很多了。

3️⃣第三个技巧:

另外 claude 在生成页面的时候本来应该是图标的地方,他喜欢用 emoji 来代替,emoji 也很好,但是在一些严肃的页面上就会显得格格不入。

这里可以要求 Claude 在生成页面的时候引用在线的图标库,比如Font Awesome或Material Icons,这些开源图标库可以通过 CDN 直接引用,而且不需要部署。

可以看到引用了 Font Awesome 图标库的图标之后我们的界面变得更加简洁和整齐。

4️⃣第四个技巧:

我们常用的前端样式代码是用 CSS 写的,但是 CSS 本身的一些样式其实没有太考虑美观度的要求。

这就导致你让 Claude 写样式的时候他就会过渡自己发挥,美观度也就没办法得到保障,而且你对样式要求多之后他要从头写的 CSS 也就越多浪费很多 Token。
#Life #Article #Chrome

⌨️光标迷之移动的从排查到解决

🦠 症状

最近经常会遇到一个很迷的情况,具体的问题是当我使用 macOS 打开浏览器,在一些需要输入文字的文本框输入时,光标总会自动跳到文本框首字处。如果是从零开始的空白编辑倒也还好,但我经常会编辑文本框中已经有文字的内容。我不能从我选中的地方开始写,每次定位光标之后,光标都会跳到内容首字处,重复做3、4次之后才能消失。

💉 问题排查

排查思路:首先我发现这个情况只发生于浏览器页面中的文本输入框,那么影响到这个层面的因素应该有【输入法】、【浏览器】、【其他全局软件】这几个因素,需要逐一排查。

1. 输入法

其实我最怀疑的就是输入法,因为我这段时间一直在使用微信输入法。所以,我在系统设置里先禁用了微信输入法(并不是卸载),然后添加了系统默认的简体中文输入法。问题依旧没有解决,所以,问题大概不出在输入法上。

2. 浏览器

首先我是用的 Arc 浏览器,我换成了 Safari 。测试后发现同一个页面的文本输入框在 Safari 中完全不会出现这个问题。如果是浏览器外的系统级别【全局软件】应该不会在 Safari 上不起效,因此,初步断定是在 Arc 浏览器中有问题。

但是我早在一年前使用 Arc 浏览器的时候貌似还没有这么难缠的问题,我又开始怀疑是不是我浏览器中的扩展程序引起了这个问题。逐一将扩展程序关闭后尝试刷新带有文字输入框的网页,大概持续了10分钟,排查到了一个叫做「简体繁体拼音广东话转换 Simplified/Traditional Chinese」的扩展程序,在关闭它后,问题得以解决。

3. 其他全局软件

其实排查到第二步就已经解决问题了,假设没有解决,也就是浏览器不是诱因,来到第三步我先预设一下我会如何做。这里就需要排查一下浏览器之外的软件,这种软件通常还要对浏览网页或者鼠标和键盘输入有一定辅助的软件,不然也不会影响网页文本框的光标了,想到这里我能联想到的无非就是广告拦截软件、截图/录屏软件、可以向浏览器页面注入和修改 JS/CSS 代码的软件(如 Userscripts 和 Stylish 这类软件)、密码管理软件等。

🔚 小结

其实这个问题已经困扰我最少 3 个月的时间了,甚至可能更长,因为我之前并没有频繁的在网页中进行写作。一开始我其实是比较想要摆烂的,不想要兴师动众的去排查,甚至寄希望于世哪些软件的 Bug,等他们自己升级后解决。但是终于在最近我有点受不了了,还是需要自己行动起来才能解决问题。希望这个可以帮到有同样问题的朋友,或者排查问题的思路可以让部分朋友受益。
#每周一书

《方糖 AI 自编程入门》,这本书是作者结合实践经验编写的 AI 自编程入门教程,旨在帮助非程序员也能借助 AI 开发出功能复杂、质量过硬的程序,而不仅仅局限于贪吃蛇这样的玩具。

争取早日上架自己的 iOS App 😅
ai-self-coding-book-v1.0.pdf
19.6 MB
#tools #PKM 欧路词典出品[欧路翻译](https://www.eudic.net/v4/en/app/plugins)属于【网页划词翻译工具】,支持Chrome、Edge和Firefox浏览器扩展。不仅支持网页和 PDF 等文档翻译,还支持划词搜索、重点单词高亮、上下文语境分析、沉浸式翻译、视频字幕翻译等功能,且支持自定义第三方AI大语言模型。

特色及实用功能非常多,很不错,也有自带的欧路AI,但不知道用的哪家接口,并有【翻译风格】和【术语库】功能。

如果你在其他端也用欧路词典,推荐用这个。如果没用过,也推荐,比以前沉浸式翻译好很多,对于需要掌握外语学习,非常好。

而且从翻译类型来讲,有口语化的、书面化的、学术翻译的、文学翻译的和意译专家。
卡介苗的诞生

十九世纪末期,许多学者试图用结核菌制成疫苗为人接种,以预防结核病(痨病)。

但是制取的疫苗,要么对实验动物无效,要么带有较大毒性导致动物死亡。

1907年,法国巴斯德研究所的两位科学家卡尔梅特与介朗从一头患结核病的牛身上分离出了一株牛型结核菌,在马铃薯-甘油培养基中,加入小牛胆汁,每三周传代一次,发现该结核菌的毒力逐渐减弱。经过13年间230次连续传代分离,终于培养出了不致病但仍保留免疫原性的疫苗。

1924年,他们两人正式公开了这项发明。

为了纪念两位科学家,这种减毒活疫苗就被命名为“卡介苗”。
#Life #Music #Video

🎵 周一了,需要办公的沉浸 BGM 么?

🍎 Apple TV 大火的《人生切割术》剧集以其精妙的剧情设计闻名,其实剧中的 OST 也很经典。

🎶 这则视频就是 ODESZA 重新将 《人生切割术》中的原声音乐进行了重新编曲,制作成了一个适合长时间沉浸式收听的版本。本身单个音频有 32 分钟,这则 Youtube 视频则将其多次循环,长达 8 小时。时长非常满足打工人

📺 点击前往收听
Back to Top