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

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

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

Jami | 开源的团队协作软件，可以文字聊天、视频通话、屏幕共享等

标签：软件 · 产品 · 免费

Jami - the distributed and open source communication platform

倾城之链 - Jami | 开源的团队协作软件，可以文字聊天、视频通话、屏幕共享等

推荐语：Jami 是一款由 Savoir-faire Linux 开发的开源通讯软件，它提供了一种去中心化的通讯方式，支持实时语音通话、视频、文件传输、消息等功能，用户可以在不泄露个人数据的情况下，安全、私密地进行通讯。它具有以下功能特征：

分布式：Jami 是完全点对点的，不需要服务器在用户之间中继数据；
自由：Jami 是由自由软件基金会支持的 GNU 项目，并在 GPLv3 许可证下进行分发；
安全：使用最先进的端对端加密技术，对所有通信都进行完美前向保密，并遵守 X.509 标准；
无限制：没有对文件大小、速度、带宽、功能、账户数量、存储以及其他任何方面的限制；
私密：通信均是点对点且端到端加密的。
兼容：可用于 Linux、Android、AndroidTV、Windows、macOS 和 iOS；
快速：由于直接的点对点连接，所以延迟大幅降低，传输速度大幅增加；
自治：即使未连接到互联网，同一个本地网络中的用户仍可以使用 Jami 进行通信；
匿名：创建账户时不需要提供个人信息；

使用 Jami，用户可以创建自己的账号，并向自己的联系人发起通话或添加联系人，实现点对点的通讯方式，同时还支持群组通讯。与传统的通讯方式不同，Jami 所有的通讯过程都不经过服务器，用户的数据不会被存储或泄露。同时，Jami 还支持端到端加密和多设备同步等功能，保证了通讯的安全性和稳定性。

Jami 能够适用于各种不同的平台，包括 Windows、macOS、iOS、Android 和 Linux。它还提供了多种语言和主题选择，用户可以根据自己的需要自定义界面样式，方便实用。

总之，Jami 是一款安全、私密、稳定的通讯工具，可以让用户轻松地进行点对点通话、文件传输等操作，保障使用者的隐私和安全。同时，Jami 的去中心化特性也为用户提供了更为自由的通讯选择，是一个非常优秀的通讯工具。

── 出自倾城之链 - Jami | 开源的团队协作软件，可以文字聊天、视频通话、屏幕共享等

BlueQubit App

标签：算法 · 平台 · 量子

BlueQubit app is the simplest way to interact with Quantum. Run quantum programs on CPU/GPU simulators as well as connect to actual quantum devices with a 1-click.

倾城之链 - BlueQubit App

推荐语：BlueQubit App 是一个基于云的量子计算平台，提供云端的量子计算服务和智能算法工具，旨在帮助用户进行量子计算模拟和开发。该平台使用了最先进的量子计算技术，包括量子门模拟、量子纠缠和量子误差校正等，使得用户可以在云端进行量子计算的实验和研究。

量子计算与经典计算根本不同，因为它使用叠加和纠缠等概念。这使得量子计算机的功能呈指数级增长。普通计算机的构建块是位：0 和 1。在量子世界中，它们的对应物是量子比特（qubits）——量子位（quantum bits）。

✅ 叠加允许量子比特同时为 0 和 1；
✅ 纠缠允许量子比特以“神奇”的方式相互作用，从而进行计算；

其余部分非常相似：量子计算机就像普通计算机一样使用算法来解决问题，除了有时它们可以做得更快 💡 在经典计算机上，我们使用 AND、OR、NOT 等逻辑门——类似地，可使用 H、NOT、CNOT 等量子门来创建量子算法。

该网站可以帮助用户在云端快速开发和运行自己的量子算法，目前支持多种编程语言和开发环境，如 Qiskit、Cirq 和 Python 等等，用户可以选择自己擅长的编程语言进行量子编程。

在 BlueQubit App 上，用户可以使用量子门、量子比特和经典计算模拟器等模块，构建自己的量子程序，并直接在云端实现运行。此外，用户还可以通过该平台在线调试、优化和分享自己的算法，共享开发成果，实现知识共享，同时也可以获得更多的反馈和支持。

该平台提供了丰富的量子计算资源和工具，包括量子比特数量可达到 40 个的模拟器、量子电路设计工具、量子模拟实验库等等。用户可以在该平台上轻松创建、运行和管理自己的量子计算实验，并进行实时的数据分析和可视化。

量子计算机不再是科幻电影中的未来设备，现在您可以使用 Bluequbit 的网络应用程序轻松连接并在其上运行程序。该平台还为初学者提供资源，以了解更多信息并进入 Quantum。

总之，BlueQubit App 是一个功能强大的云计算平台，为量子计算和智能算法开发者提供了高效、便捷的开发环境和资源，让用户能够更加专注和高效地进行算法的研究和开发。

── 出自倾城之链 - BlueQubit App

Products, Tools and Resources for Developers & Designers | Resource.fyi

标签：导航 · 资源 · 聚合

Handpicked Free Tools, Resources and Products Curated for Developers, Designers, Marketers and More. Explore, submit and support - Products, resources and tools created for tech enthusiasts and professionals.

倾城之链 - Products, Tools and Resources for Developers & Designers | Resource.fyi

推荐语：Resource.fyi ，是一个互动平台，为开发人员、设计师、营销人员和技术专业人士策划的资源、产品和工具。该网站提供了大量的技能学习资源，包括编程语言、设计工具、数据科学、自我提高、工具和资源等，它们都是经过筛选和认可的高质量资源。

该网站的主要特点是其简洁和易于浏览的设计。每个资源都有一个简短的描述和评级，以及链接到该资源的详细信息页面。这些详细信息页面包括资源的类型、难度、费用和其他相关信息。此外，用户还可以为每个资源提供反馈和评论。

Resource.fyi 还提供了许多有用的工具，例如自动化和人工智能、无代码、云存储、Web3 等，这些都有助于用户更好地选择和利用技能学习资源。总之，这是一个旨在帮助人们了解各种技能学习资源的网站。如果您感兴趣的可移步前往，从而了解更多。

── 出自倾城之链 - Products, Tools and Resources for Developers & Designers | Resource.fyi

Style Component | Visual primitives for the component age

标签：CSS · JavaScript · Web开发

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾

倾城之链 - Style Component | Visual primitives for the component age

推荐语：Styled Components 是一个基于 React 库的 CSS in JS 库，提供了一种在 React 组件中编写 CSS 样式的全新方式。在传统的 React 组件中，我们通常使用外部样式表或者内联样式来定义样式，但是这种方式会导致样式表分散在不同文件或者组件中，造成管理难度和维护困难的问题。而使用 Styled Components，所有的样式都定义在组件内部，使得代码更加简洁、易于维护。

Styled Components 提供了一个诸如 CSS 的语言来定义样式，并使用模板字符串和 JavaScript 对象来创建组件样式。它还支持动态样式和样式的继承，方便开发人员根据组件状态或者数据动态地修改样式。

同时，Styled Components 还提供了一些特殊的样式组件，如 GlobalStyle 组件用于定义全局样式，以及 ThemeProvider 组件用于管理主题，为开发人员提供了更加便利的开发体验。

理论上来说，任何支持 JavaScript 的框架都可以使用 Style Component 这种 CSS-in-JS 的方案。除了 React ，Styled Components 也可以在 Vue.js 、Angular 等其他前端框架中进行使用。总之，Styled Components 的目标是为了简化前端样式编写的过程，增强样式的可重用性和可维护性，提高前端开发的效率。

在 Vue 中，有类似于 Style Component 的库叫做 Vue Styled Components 或者 Vue CSS-in-JS，让你可以使用类似的语法来管理组件的样式。不同框架所使用的具体实现方式可能略有不同，但是核心概念是一样的，都是将组件的样式作为组件的一部分进行管理，以达到可维护性和可重用性的目的。

CSS Modules 和 Style Component 的区别

CSS Modules 和 Style Component 都是现代前端开发中常用的 CSS-in-JS 解决方案。它们可以让开发者在组件级别上管理样式，提高 CSS 的可维护性和可读性。下面是两者的区别：

技术原理不同：CSS Modules 是一种基于 Webpack 的 CSS 解决方案，它会在运行时将 CSS 样式映射成 JavaScript 对象，然后以模块的方式导出给组件使用。而 Style Component 是一种基于 JavaScript 和 ES6 模板语法的 CSS 解决方案，通过定义 JavaScript 模板字符串来定义样式，然后将它们编译为 CSS。
语法不同：CSS Modules 的语法类似于传统的 CSS 文件，它使用类似于命名空间的方式，使用 : local 关键字来定义本地作用域。而在 Style Component 中，样式是可以直接嵌入 JavaScript 代码中的，可以方便地使用 JavaScript 表达式，也支持 Sass、Less 等 CSS 预处理器。
应用场景不同：CSS Modules 主要用于单页面应用或多页面应用，可以避免使用全局样式造成的样式耦合和命名冲突。而 Style Component 的主要应用场景是 React 和 React Native 的组件级样式定义，可以方便地在代码中动态修改 CSS 样式。

总的来说，CSS Modules 和 Style Component 都有其适用的场景和优势。CSS Modules 适合大型项目，可以方便地管理 CSS 样式，而 Style Component 则更适合与 React 等组件化框架一起使用，可以更加灵活地定义和管理组件的样式。

Styled Components 和 Tailwind CSS 的区别

Styled Components 和 Tailwind CSS 都是一些流行的前端工具，但是它们解决的问题和应用场景不同。

Styled Components 是一个 CSS in JS 库，它提供了一种在 React 组件中编写 CSS 样式的全新方式。Styled Components 让所有的样式都定义在组件内部，减少了样式冲突和维护的难度。它还提供了一些特殊的样式组件，如 GlobalStyle 组件用于定义全局样式，以及 ThemeProvider 组件用于管理主题，为开发人员提供了更加便利的开发体验。Styled Components 适用于需要灵活和动态控制样式的应用场景。

Tailwind CSS 是一个实用的 CSS 框架，为开发人员提供了一系列预定义的 CSS 类。Tailwind CSS 类的名称通常是根据它们所编写的样式来命名的，如： text-center, bg-green-500, w-1/2 等。开发人员可以直接使用这些类名来快速编写页面样式，而无需手动编写任何 CSS。Tailwind CSS 并没有使用任何预定义的颜色或样式，而是提供了一组原子级别的 CSS 类来帮助使用者精细控制样式。Tailwind CSS 适用于需要快速开发样式或者需要与设计师紧密合作的应用场景。

综上所述，Styled Components 是一种注重灵活性和可定制性的 CSS in JS 库，适用于需要动态控制样式的应用场景，而 Tailwind CSS 则是为了帮助开发人员更快速而准确地编写样式，适用于需要快速开发样式或与设计师紧密合作的应用场景。推荐的应用方式是，以 Tailwind CSS 为主，在需要动态修改样式等场景，利用 Styled Components 的灵活性做配合。如果您对它感兴趣，可移步 Github 仓库从而了解更多。

── 出自倾城之链 - Style Component | Visual primitives for the component age

Morioh | 技术社区网站，提供各种 IT 技术和开发教程、资源和文章

标签：社区 · 技术 · 教程

Social network for developers to discuss topics about bugs and issues, write and share knowledge and connect with millions of developers worldwide.

倾城之链 - Morioh | 技术社区网站，提供各种 IT 技术和开发教程、资源和文章

推荐语：Morioh 是一个技术社区网站，提供各种 IT 技术和开发教程、资源和文章。它包括了开发者感兴趣的领域，如前端、后端、人工智能、机器学习、数据科学、区块链等等，涵盖面非常广。Morioh 的目标是为开发人员提供最新、最实用、最有价值的技术内容，并帮助技术人员更好地应对日益复杂的技术挑战。

Morioh 的特点在于它使用非常简洁、直观的界面设计，用户可以轻松地找到自己想要的内容，该网站还拥有一个强大的搜索功能，方便用户根据关键词查询。

在 Morioh 网站上，用户可以找到有关最新技术趋势、最佳实践和创新解决方案等信息。同时，该网站还给用户提供了一个交流和分享的平台，也鼓励用户发布自己的技术文章和开发经验，让全球开发者在 Morioh 上分享和学习知识。所有的内容都是由技术专家编写的，确保内容的质量和准确性。

总之，Morioh 是一个非常实用的技术社区，对于想要学习、分享 IT 技术和开发经验的人来说，是一个很好的资源。

── 出自倾城之链 - Morioh | 技术社区网站，提供各种 IT 技术和开发教程、资源和文章

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

本期文末寄语

人生无根蒂，飘如陌上尘。
分散逐风转，此已非常身。
落地为兄弟，何必骨肉亲！
得欢当作乐，斗酒聚比邻。
盛年不重来，一日难再晨。
及时当勉励，岁月不待人。
── 魏晋 · 陶渊明《杂诗十二首·其一》

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

倾城之链 | 优质网站周刊