# Screenshot to Code

是一款使用 AI 将屏幕截图、模型和 Figma 设计转换为干净、实用的代码的简单工具，将任何屏幕截图或设计转换为干净的代码，现在支持 Claude Sonnet 3.5 和 GPT-4O！支持 HTML + Tailwind、HTML + CSS、React + Tailwind、Vue + Tailwind、Bootstrap、Ionic + Tailwind 和 SVG 等多种前端堆栈。其支持的 AI 模型包括 Claude Sonnet 3.5 和 GPT-4O，同时可使用 DALL-E 3 或 Flux Schnell 进行图像生成，能够以 10 倍速度构建用户界面。作为一款完全开源工具，它在 GitHub 上已获得超过 53,000 颗星，深受领先公司的开发人员和设计师欢迎。

## 网站地址

官网：[https://screenshottocode.com/](https://screenshottocode.com/)


Screenshot to Code 将任何屏幕截图或设计转换为干净代码

阔别老家已久，趁着这次返乡，特意选了一个秋高气爽的日子，去赴一场与洞庭湖的约会。尽管路上辗转了近12个小时，但当次日阳光洒在身上，一切疲惫便都烟消云散了。

九月廿三，星期五，阳光明媚，微风不燥。早上八点醒来，看着窗外的好天气，心里便有个声音说：出去走走吧，莫要辜负了这秋光。

收拾停当，九点左右出门，到岳阳楼景区时已近十点。这是我第一次来到这个初中课本上就熟知的地方，心中竟有几分近乡情怯般的期待。

坐公交到汴河街站下车，往回走几步，便是巴陵广场。许是工作日的缘故，游人寥寥，显得格外空旷，视线毫无遮挡地便落在了广场中央——那尊后羿斩巴蛇的巍峨雕像，在蓝天映衬下，平添几分远古的苍凉。

穿过广场，洞庭湖便豁然眼前。首先映入眼帘的是一排排石栏杆，上面密密麻麻刻满了历代文人墨客的诗词。我轻轻抚过那些深深浅浅的字迹，指尖仿佛能触碰到千年前的温度。读着这些诗句，望着同一片湖水，一时间竟有穿越时空的错觉——那些写下“洞庭波涌连天雪”的人，是否也曾如我一般，在这栏杆前久久伫立？

望着眼前烟波浩渺的湖水，忽然想起曾看过的一个说法：洞庭湖因湖中的洞庭山（今君山）而得名。古时，这片浩瀚的水域是君山的庭院，故称“洞庭”。此刻想来，这名字起得真妙——山水相依，湖作庭园，意境全出。

沿着湖岸徐行，右转登上城楼，便进了汴河街。古街不长，因不是节假日，行人不多，反倒显出几分难得的清静。随意寻了两样当地小吃，边尝边走，便来到了此行的高潮——岳阳楼前。

这座三层三檐的古建筑静静伫立在湖畔，飞檐斗拱间沉淀着千年的风雨。站在楼前远眺，八百里洞庭波光粼粼，湖面宽广得几乎望不到边际。远处的君山若隐若现，如同一幅水墨画里最淡的一笔。湖风拂过，岸边的柳丝轻摇，与波光相映成趣。我举起手机，想要定格这份湖光山色，却知道镜头永远装不下此刻的心境——那些范仲淹写过的“先天下之忧而忧”，那些古人吟咏过的“洞庭秋月”，此刻仿佛都化作了这秋风里的一缕气息，萦绕不去。

虽然时间有限，未能深入游览洞庭湖的每一个角落，但这短短几个小时的漫步，已足以让我深深爱上这片湖泊。湖边的诗词、岳阳楼的古韵、无垠的湖面，都成了记忆里最温润的一页。我期待着下一次归来，能够更深入地探索这片神奇的土地，读懂更多的历史与诗意。

返程的路上，心中满是对洞庭湖的留恋。这次的匆匆一瞥，虽短暂，却足以铭记一生。这片古老的湖泊，用它的美丽和神秘，温柔地接住了一个游子的归来。我相信，无论何时何地，只要想起这天的阳光和湖水，心中便会涌起一股温暖。


洞庭湖畔的诗意漫步

## 自定义异常

自定义异常类实现异常捕获： class ShortInputError(Exception): def __init__(self, length, min_len): self.length = length self.min_len = min_len

    def __str__(self):
        return f"您输入的长度是{self.length}，不能少于{self.min_len}个字符"
    

def main():
try:
s = input("请输入密码：")
if len(s) < 3:
raise ShortInputError(len(s), 3)
except ShortInputError as e:
print(e)

if **name** == "**main**":
main()


Python异常处理

## StatiCrypt

是一个为静态HTML页面提供密码保护功能的工具，使用AES-256加密算法和WebCrypto API，在客户端浏览器中对HTML文件进行加密，无需任何后端服务。只需输入一个长密码即可生成一个加密后的静态HTML页面，这个页面会显示一个密码提示框，用户需要输入正确的密码才能查看内容。

Staticrypt特别适用于那些希望在不牺牲安全性的情况下分享敏感内容的场景。通过使用WebCrypto API（自版本3.x起），Staticrypt确保了在HTTPS环境或本地环境中提供加密服务，从而增强了数据传输的安全性。此外，它支持“记住我”功能，通过在浏览器的localStorage中安全地存储哈希加盐后的密码，以及分享功能，使得页面可以在不同环境下保持登录状态。

无论是简单的文件加密分享，还是复杂的用户访问控制逻辑，Staticrypt都提供了灵活且安全的解决方案，你可以轻松集成加密技术到你的下一个项目中。

## 下载地址

GitHub：[https://github.com/robinmoisson/staticrypt](https://github.com/robinmoisson/staticrypt)

在线使用：[https://robinmoisson.github.io/staticrypt](https://robinmoisson.github.io/staticrypt)


StatiCrypt 静态HTML页面加密工具 纯前端实现无需任何后端服务

## Anytype

是一款基于区块链技术的免费开源笔记/知识管理软件，设计思路与 Notion 高度类似。不过它免费开源，基于区块链，甚至不需要帐号。它与传统笔记软件不同，处处体现着创新和设计巧妙，可以用它更高效地管理个人知识资料，构建自己的知识体系。

## 下载安装

访问Anytype官网：[https://download.anytype.io/](https://download.anytype.io/)，找到适合自己操作系统的版本，下载并安装。

安装完成后，打开Anytype，点击「New Vault」，会生成一组助记单词，这个一定要保存好。

接着，可以修改下「界面语言」、「库的数据存储路径」等设置。默认本地电脑上数据存储在C盘，重装系统时如果忘记备份，可能会丢失，建议修改到其他盘。

> **如何中途更换数据存储路径？**

## 探索Anytype

Anytype由空间（Space）、关系（Relation）、类型（Type）、对象（Object）等概念组成，空间内的关系、类型、对象都独属于空间，不与其他空间相混淆。

每新建的东西都是一个对象，可以是页面、人、文章、目标、网页标签等等。每个对象都是图上的一个点，每个对象都必须赋予一个类型，各种对象之间可以建立关系。下面这张图比较直观的说明了Anytype里面各种概念间的关系。
![](https://thumbsnap.com/i/3NETdL8C.jpg)
详细使用自己去慢慢体会了，也可以看看下面的这个Anytype介绍视频：

## 结论

Anytype是一款功能强大的知识管理工具，适合个人和团队使用，其灵活性和可定制性使得管理各种类型的信息变得简单高效。无论是需要整理个人笔记、管理项目任务，还是协作共享文档，Anytype都能提供出色的支持。

希望这篇文章能帮您了解并开始使用Anytype，释放您的创造力，更好地管理您的信息和知识。


Anytype 基于区块链免费开源笔记/知识管理软件

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。