优质网站同好者周刊（第 114 期）

倾城之链作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界。此周刊，将汇聚过去一周倾城所收录的内容，以飨同好；欢迎推荐或自荐（仅限有独立域名的网站，可以是二级域名）。您如果要了解收录要求，请参见关于倾城。

备注：本周刊每周五生成，首发于个人微信公众号晚晴幽草轩、博客晚晴幽草轩，以及悠然宜想亭社区；此一键生成脚本基于 Deno 编写，并在 Github 开源：nicejade/nicelinks-weekly。

CSS Doodle：一个基于 CSS 的绘图库

标签：CSS · 组件 · 动画

关键字：css, web components

A web component for drawing patterns with CSS

倾城之链 - CSS Doodle：一个基于 CSS 的绘图库

推荐语：<css-doodle/> ，是一个基于 CSS 的绘图库，它允许用户使用 CSS 规则来创建复杂的图形和动画效果。CSS Doodle 基于 Shadow DOM v1 和 Custom Elements v1。您现在可以在所有主要浏览器上使用它而无需 polyfill。该组件将根据其内部的规则（纯 CSS）生成一个 div 网格。您可以使用 CSS 轻松操作这些单元格，以生成图形模式或动画图形。

CSS Doodle 的主要作用是帮助用户轻松地创建独特的图形和动画效果，而不需要任何 JavaScript 或其他脚本语言的知识。用户可以使用 CSS Doodle 的规则语言来创建各种基于 CSS 的图形，包括线条、圆形、矩形、多边形等等。用户还可以使用 CSS Doodle 的动画效果来实现各种各样的动态效果，如旋转、平移、缩放、淡入淡出等等。

CSS Doodle 的语法非常简单易懂，它允许用户使用一系列的 CSS 规则和变量来定义图形和动画效果。例如，要创建一个由随机线条组成的背景，可以使用以下代码：

background: url("data:image/svg+xml;utf8,<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 200 200"
>
  <path stroke="%23{%f0b}%25" d="M0,0 L200,200" />
  <path stroke="%23{%0fb}%25" d="M0,200 L200,0" /></svg
>") #fff;

该代码使用 SVG 路径来创建两条随机的线条，并将其作为背景图片应用到元素中。

总之，CSS Doodle 是一个非常有趣和有用的库，它可以帮助用户创建各种复杂的图形和动画效果，而不需要编写任何 JavaScript 代码。

── 出自倾城之链 - CSS Doodle：一个基于 CSS 的绘图库

Limboy ｜技术大咖李忠个人博客

标签：个人博客 · 分享 · 前端开发

Be curious. Read widely. Try new things. 保持好奇心。广泛阅读。尝试新事物。

倾城之链 - Limboy ｜技术大咖李忠个人博客

推荐语：Limboy ，技术大咖李忠（后端、前端）的个人博客，基于 TailwindCSS、Deno、Hugo 所搭建（详情参见作者博文：我的博客系统演变之路）；该博客内容，分为：Books、Essays（随笔）、Practical、Research（研究）、Review、Translation、Projects、Photos、Movies 等模块儿；作者在推特主页写到：“保持好奇心。广泛阅读。尝试新事物”；从作者的分享内容，可以深刻感受到作者对这 Slogan，有非常好实践；如果您也希望有所改变，推荐关注。除了该博客，作者为方便整理更多杂记、减少对 Twitter 的依赖，有开辟新的写作空间：避风塘（精挑细选的信息，带来灵感和启发）。

── 出自倾城之链 - Limboy ｜技术大咖李忠个人博客

Home - Made With ML

标签：机器学习 · 教程 · 开源

Learn how to responsibly develop, deploy & maintain ML.

倾城之链 - Home - Made With ML

推荐语：Made With ML ，是一个致力于为人工智能和机器学习从业者提供资源和指导的网站。该网站提供了各种机器学习项目和教程，包括深度学习、神经网络、逻辑回归等领域。该网站还提供了一些有用的工具和资源，如数据集、算法实现和代码库。

机器学习不是一个独立的行业，相反，它是一种思考数据的强大方式。Made With ML 的目标是教育并使社区能够负责任地开发、部署和维护机器学习。总之，Made With ML 是一个非常有用的资源库，可以帮助从业者提高他们的技能和知识水平。

── 出自倾城之链 - Home - Made With ML

Pictorial | Effortlessly create graphics for your web applications

标签：AI · 灵感 · 图片

Inspiration is hard to come by. Get your message across hustle-free by leveraging an AI able to generate reliable, ready-to-use visual masterpieces.

倾城之链 - Pictorial | Effortlessly create graphics for your web applications

推荐语：Pictorial ，基于 AI 的图形创造工具，轻松为您的Web（网络）应用程序创建图形；利用能够生成可靠、随时可用的视觉杰作的生成式 AI，轻松传达您的信息。输入网站地址，即可为您的站点创建令人惊叹的图形；它具有以下功能特征：

强大的视觉效果，仅来自 URL

让 AI 提取您网站 URL 背后的想法、概念和意图，以创建有用的视觉杰作。

从多种选项中选择

根据您的输入生成的提示显示您的内容的多个方面和不同的样式，以确保专业、美观、随时可用的设计。

重构

通过迭代或生成设计的替代方案来引导 AI，最终得到您引以为豪的图像（即将推出）。

有体验 Pictorial ，它并非免费可用；售价为 8.99 美元，提供以下特色服务：

在几分钟内获取您的图像！我们向您发送一个链接以下载您的图片。
图像 100% 使用 AI 创建 - 针对网站、社交媒体和博客进行了优化
自动检测您的网站或博客的内容。我们使用顶级 NLP 来理解您的内容。
根据您网站或博客的品牌颜色自动生成调色板。
从越来越多的样式和主题中进行选择以满足您的需求。
您拥有我们创建的图像。您可以将它们用于您自己的目的。
60 张图片只需 8.99 美元。没有隐藏费用。没有订阅。

随着 AI 智能化程度愈来愈高，各种衍生产品方兴未艾，类似 pictorial 这种放锤类产品，能够较大程度提高生产力，感兴趣的朋友可以前往其官网了解更多。

── 出自倾城之链 - Pictorial | Effortlessly create graphics for your web applications

Routify | Routes for Svelte, automated by your file structure.

标签：Svelte · JavaScript · 开源

关键字：router, svelte, development, javascript

Routes for Svelte, automated by your file structure.

倾城之链 - Routify | Routes for Svelte, automated by your file structure.

推荐语：Routify ，是一个基于 Svelte 的前端路由工具，它可以帮助我们快速构建单页应用程序（SPA）和多页应用程序（MPA），支持静态生成（SSG）和服务端渲染（SSR）。它主要功能特征包括：

声明式路由配置：Routify 支持通过声明式的方式来定义路由，可以方便地配置路由和页面组件之间的关系。
动态路由：Routify 支持动态路由，可以通过 : 符号来定义动态路由参数，例如 /users/: id。
嵌套路由：Routify 支持嵌套路由，可以在路由配置中使用子路由来定义嵌套路由，从而实现更复杂的路由结构。
路由参数解析：Routify 支持自定义路由参数解析器，可以根据需求来解析路由参数。
路由守卫：Routify 支持路由守卫，可以在路由切换前或切换后执行一些操作，例如验证用户登录状态、记录路由历史等。
静态生成：Routify 支持静态生成（SSG），可以在构建时预先生成静态 HTML 文件，从而提高应用程序的加载速度和 SEO 优化。
服务端渲染：Routify 支持服务端渲染（SSR），可以在服务器端预先渲染组件，并将其转换为 HTML 字符串，从而提高应用程序的性能和可访问性。
插件系统：Routify 的插件系统非常灵活，可以自定义插件来扩展其功能，例如添加新的路由类型、自定义路由参数解析器等等。

<script>
import { Router } from '@roxi/routify'
import { routes } from './routes'
const config = {}
</script>

<Router {routes} {config} />

Routify 所提供的功能非常丰富，以上是常用使用示例；相比于其他同类型的工具，Routify 有以下几点优势：

简单易用：Routify 提供了简单易用的 API，可以轻松地定义路由和页面组件，同时还支持高级功能，如动态路由和嵌套路由。
高性能：Routify 的核心代码非常轻量级，因此可以实现非常快的页面切换和加载速度，同时还支持预加载和静态生成等功能，可以进一步提高性能。
灵活可扩展：Routify 的插件系统非常灵活，可以自定义插件来扩展其功能，例如添加新的路由类型、自定义路由参数解析器等等。
完整文档：Routify 的文档非常完整，详细介绍了其所有功能和用法，并提供了大量的示例代码和教程，非常适合初学者学习和使用。

总之，Routify 是一个非常功能强大的前端路由工具，具有声明式路由配置、动态路由、嵌套路由、路由参数解析、路由守卫、静态生成、服务端渲染和灵活的插件系统等特点，可以满足各种不同的前端开发需求。Routify 项目在 Github 开源，感兴趣朋友可移步以了解更多。

── 出自倾城之链 - Routify | Routes for Svelte, automated by your file structure.

unblob - extract everything!

标签：工具 · Python · 开源

unblob is an accurate, fast, and easy-to-use extraction suite. unblob parses unknown binary blobs for more than 30 different archive, compression, and file-system formats, extracts their content recursively, and carves out unknown chunks that have not been accounted for. This turns unblob into the perfect companion for extracting, analyzing, and reverse engineering firmware images.

倾城之链 - unblob - extract everything!

推荐语：unblob - extract everything ，是一个准确、快速且易于使用的提取套件。它为 30 多种不同的存档、压缩和文件系统格式解析未知二进制 blob ，递归地提取它们的内容，并分割出尚未考虑的未知块。

Unblob 可免费使用，并获得 MIT 许可。它有一个命令行界面，可以用作 Python 库。这使 unblob 成为提取、分析和逆向工程固件映像的完美伴侣。

为什么要 Unblob？

嵌入式安全分析的主要挑战之一是：安全地提取任意固件。

可以从这些固件映像中提取信息的专用工具已经存在，但 Unblob 正在寻找更智能的东西，可以识别特定块（例如文件系统、压缩流、存档等）的起始偏移量和结束偏移量。

在派生这些偏移量时，Unblob 尽可能地坚持格式标准，并且我们明确定义了我们想要从已识别的块中得到什么（例如，不将元数据提取到磁盘，删除填充）。这种策略帮助我们将已知的有效数据提供给提取器并精确识别块，将未知的未知数变成已知的未知数。

鉴于 unblob 的模块化设计和不断扩展的支持格式存储库，unblob 可以很好地用于嵌入式安全之外的领域，例如数据恢复、内存取证或恶意软件分析。

Unblob 的目标

unblob 的开发考虑了以下目标：

准确性：块开始偏移量是使用经过实战测试的规则来识别的，而结束偏移量是根据格式标准计算的，不会偏离它。我们通过验证标头结构和丢弃重叠块来尽可能减少误报。
安全性：unblob 不需要提升权限即可运行。它经过了大量测试，并针对大量文件和固件映像进行了模糊测试。我们依靠锁定的最新第三方依赖项来限制潜在的供应链问题。我们使用我们在需要时审核和修复的安全提取器（参见 ubi_reader 中的路径遍历， jefferson 中的路径遍历， Yara 中的整数溢出）。
可扩展性：unblob 公开了一个 API，可用于立即编写自定义格式处理程序和提取器。
速度：团队希望 unblob 非常快，这就是为什么他们默认使用多处理，确保编写高效代码，使用内存映射文件，并使用 Hyperscan 作为高性能匹配库。计算密集型函数是用 Rust 编写的，并使用特定绑定从 Python 调用。

总之，unblob 提供命令行工具，可以解开各种容器格式，查看里面的内容，可用于分析、提取和逆向工程固件；该项目在 Github 开源，感兴趣朋友可移步以了解更多。

── 出自倾城之链 - unblob - extract everything!

标签：工具 · 聚合 · 导航

No-Signup Tools, Free web apps that don`t require registration or login.

倾城之链 - No-Signup Tools

推荐语：nosignup.tools ，一个精选的基于网络的产品集合，不需要帐户或注册，您可以在 10 秒内使用。加入其他产品爱好者的行列，免费获得他们的每月更新；该网站所涵盖内容涉及：营销、写作、生产率、其他、教学、设计、远程工作、公用事业、调查与民意调查、加密货币、文件托管和共享、沟通、开发者工具、福利、金融、招聘、旅行、培训班、社交媒体、隐私、视频、商业、密码学、网页设计、人工智能、生产率、设计、图像转换工具等各个方面。如果您有维护效率工具，也可以提交到该网站，无需登录，只需填写网站名称、分类、地址，以及描述即可。

── 出自倾城之链 - No-Signup Tools

对倾城之链感兴趣的朋友，可通过 Web，小程序，快应用等渠道进行访问(后续将支持更多，如 VsCode 插件，Chrome 扩展等)。您有任何问题，欢迎随时向我们反馈（您可以通过官网反馈渠道，或添加如下倾情打赏），🤲 。

本期文末寄语

兰陵美酒郁金香，
玉椀盛来琥珀光。
但使主人能醉客，
不知何处是他乡。
── 唐 · 李白《客中行》

倾城之链作为一个开放平台，旨在云集全球优秀网站，探索互联网中更广阔的世界；在这里，你可以轻松发现、学习、分享更多有用或有趣的事物。

倾城之链 | 优质网站周刊