倾城之链 | 优质网站周刊

优质网站同好者周刊(第 104 期)

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

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

Markdown for the component era | MDX

标签Markdown · Web开发 · component

关键字:mdx, markdown, jsx, oss, react

MDX allows you to use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast.

倾城之链 - Markdown for the component era | MDX

推荐语MDX组件时代Markdown,允许你在 markdown 内容中使用 JSX。您可以导入组件,例如交互式图表或警报,并将它们嵌入到您的内容中。这使得使用组件编写长篇内容成为一种乐趣。经过多年的努力,MDX 的第 2 版发布了,并且有很多改进。以下是亮点:

  • ❤️强大:MDX 融合了 markdown 和 JSX 语法,完美适合基于 JSX 的项目;
  • 💻万物皆组件:在您的 MDX 中使用现有组件并将其他 MDX 文件导入为组件;
  • 🔧可定制:决定为每个 Markdown 构造呈现哪个组件 ( {h1: MyHeading});
  • 📚Markdown-based : Markdown 的简单和优雅仍然存在,你只在你想要的时候使用 JSX;
  • 🔥 非常:MDX 没有运行时,所有编译都发生在构建阶段;
  • 📝改进的语法使得在 JSX 中使用 markdown 更容易;
  • 🧑‍💻 JavaScript 表达式变成 {2 * Math.PI} 6.283185307179586;
  • 🔌 新的 esbuild、Rollup 和 Node.js 集成;
  • ⚛️任何 JSX 运行时:React、Preact、Vue、Emotion,应有尽有,它们都受支持
  • 🌳 改进的 AST 可以更详细地公开更多信息;
  • 🏃‍♀️ 编译速度至少提高 25%
  • 🚴 生成的代码运行速度是原来的两倍(快 100%);

Markdown 是一种轻量级标记语言(该文件后缀为 .md),可用于将格式元素添加到纯文本文档,现在是世界上最流行的标记语言之一,Markdown 使在网络上写作变得快速和容易,任何人都能轻易学会。 MDX (结合了 Markdown 和 JSX)允许你在 markdown 内容中使用 JSX。对于诸如强调或标题之类的常见内容,Markdown 通常感觉比 HTML 或 JSX 更自然,Markdown 通常看起来更符合预期并且更简洁,而不是 HTML;在 Web 前端项目中,尤其文档类,可以让您的工作效率、开发体验更上一层楼。

── 出自倾城之链 - Markdown for the component era | MDX

Nextra – Next.js Static Site Generator

标签React · 框架 · 网站生成器

Make beautiful websites with Next.js & MDX.

倾城之链 - Nextra – Next.js Static Site Generator

推荐语Nextra ,基于 Next.jsReact ) 和 MDX 的静态网站生成器,可制作漂亮的网站;它简单、强大和灵活的站点生成框架,包含您喜欢的 Next.js 的一切。Next.js,一个用于 生产环境的 React 框架,为您提供生产所需的所有功能的最佳开发人员体验:混合静态和服务器渲染、TypeScript 支持、智能捆绑、路由预取等。无需配置。

Nextra 在 Next.js 基础上再封装,引入 pnpmTailwind CSSMDXflexsearchTurboShiki(漂亮的语法高亮库)等,使得开发更加高效、便捷,而且对链接、图片、全文搜索、暗黑主题、多语言等做了优化,开箱即用。如果您有基于 React 搭建网站的诉求,推荐 Nextra 进入您首选考虑范畴。

── 出自倾城之链 - Nextra – Next.js Static Site Generator

Moby Project - a collaborative project for the container ecosystem to assemble container-based systems

标签Docker · 开源 · 容器

Moby is an open-source project created by Docker to enable and accelerate software containerization.

倾城之链 - Moby Project - a collaborative project for the container ecosystem to assemble container-based systems

推荐语Moby ,是 Docker 创建的一个开放框架,用于组装专门的容器系统,而无需重新发明轮子。它提供了一个由数十个标准组件组成的“乐高集”,以及一个将它们组装到定制平台的框架。Moby 的核心是一个用于组装专用容器系统的框架,它提供:

成分(Components)

用于容器系统所有重要方面的容器化组件库:操作系统、容器运行时、编排、基础设施管理、网络、存储、安全、构建、图像分发等。

工具(Tools)

将组件组装成适用于各种平台和架构的可运行工件的工具:裸机(x86 和 Arm);适用于 Linux、Mac 和 Windows 的可执行文件;适用于流行云和虚拟化提供商的 VM 映像。

组件(Assemblies)

一组参考程序集,可以按原样使用、修改或用作创建您自己的参考程序集的灵感。所有 Moby 组件都是容器,因此创建新组件就像构建新的 OCI 兼容容器一样简单。

Moby 推荐给任何想要组装基于容器的系统的人

  • 想要自定义或修补其 Docker 构建的黑客;
  • 构建容器系统的系统工程师或集成商;
  • 希望使现有容器系统适应其环境的基础架构提供商;
  • 想要尝试最新容器技术的容器爱好者;
  • 希望在各种不同系统中测试其项目的开源开发人员;
  • 任何对 Docker 内部结构及其构建方式感到好奇的人;

不建议将 Moby 用于以下用例

  • 正在寻找一种在容器中运行应用程序的简单方法的应用程序开发人员。我们推荐使用 Docker CE。
  • 企业 IT 和开发团队正在寻找即用型、商业支持的容器平台。我们推荐使用 Docker EE。
  • 任何对容器感兴趣并正在寻找一种简单的学习方法的人。我们建议改用 docker.com 网站。

Moby Project 面向希望修改、破解、修复、试验、发明和构建基于容器的系统的工程师、集成商和爱好者。它不是为寻找商业支持系统的人准备的,而是为想要使用开源代码工作和学习的人准备的。

与 Docker 的关系,Moby Project 中的组件和工具,最初是 Docker 和社区为 Docker Project 构建的开源组件。如果新项目符合社区目标,则可以添加新项目。Docker 致力于使用 Moby 作为 Docker 产品的上游。但是,也鼓励其他项目使用 Moby 作为上游,并以不同的方式重用组件,所有这些使用将以相同的方式处理。欢迎外部维护者和贡献者。

Moby 项目不是作为 Docker 产品的支持或功能请求的位置,而是作为贡献者处理开源代码、修复错误并使代码更有用的地方。这些版本仅在尽力而为的基础上得到维护者、社区和用户的支持,并不适用于需要企业或商业支持的客户;Docker EE 是适合这些用例的产品。

── 出自倾城之链 - Moby Project - a collaborative project for the container ecosystem to assemble container-based systems

Rectangle Mac

标签Mac · 应用 · 免费

Move and resize windows in macOS using keyboard shortcuts or snap areas. The official page for Rectangle.

倾城之链 - Rectangle Mac

推荐语Rectangle 一款免费开源的 Mac 分屏软件;使用键盘快捷键或捕捉区域在 macOS 中移动和调整窗口大小。在安装和配置好 Rectangle 后,你会在菜单栏上看到它的图标,该按钮提供了常用的分屏功能,比如左右分屏、上下分屏、四角分屏、左中右分屏以及窗口大小设置等,只需要选中需要分屏的窗口,再点击相关选项就可以快速分屏。

你也可以使用快捷键来实现分屏,Rectangle 默认已经为每个分屏选项提供了快捷键,但是你还可以到软件的偏好设置中定制自己的快捷键;如果想要更方便地分屏,你还可以使用拖拽的方式管理分屏,将窗口拖动到屏幕边缘,Rectangle 就会自动为你分屏,还可以快速恢复原窗口。如果你需要在 Mac 上进行分屏操作,推荐尝试使用 Rectangle

── 出自倾城之链 - Rectangle Mac

Frond - A better way to build community online

标签平台 · 在线 · 社区

Building new spaces for communities that can't share a place.

倾城之链 - Frond - A better way to build community online

推荐语Frond 是一个新的在线社区平台。因为它是从线程而不是聊天构建的,所以对话更深入、更容易跟进并自动扩展。Frond 团队相信社区是一种超级力量。无论您的目标是什么,一个有意义的社区都会让您更快地到达那里,并让旅程充满乐趣。这就是为什么他们要重新设想如何建立在线社区。在 Frond 中设置需要几秒钟,任何人都可以通过一个简单的链接被邀请。 Frond 具备以下功能特征:

  • 提醒:有每日或每周线程吗?我们的反复提醒确保对话永远不会平息。
  • 社区模板:我们知道你需要什么。一切都恰到好处,快速启动您的社区。
  • 丰富的分享:给别人发帖?照片、视频或其他任何内容的预览都会吸引他们。
  • 管理控制:通过将他们提升为管理员以获得更多控制,从您的社区获得支持。
  • 广播:你的团队住在 Slack 吗?Frond 可以自动为您分享最近活动的摘要。
  • 整合:连接 Slack 以获取通知和广播。更多集成即将推出。

为各类社区而建

  • 公司:伟大的工作需要良好的关系。团队使用 Frond 来寻找他们在办公室的归属感。
  • 创作者:将您的内容转变为繁荣的社区。给你的听众一个属于自己的空间,让他们真正了解彼此。
  • 学校:为学生提供一个相互了解、提出问题、创建学习小组和放松身心的场所。
  • Web3:你的社区就是一切,它在 Frond 中更加丰富。提出问题、分享、集思广益和消除错误。
  • 项目:一个集思广益、设定目标、回答问题和相互了解的地方。链接你的 Github ,它就可以开始了。
  • 维权人士:运动建立在强大的社区之上。为您的积极分子提供一个组织、分享想法并真正相互了解的场所。
  • 顾客:将最活跃的用户聚集在一起。提出问题、获得帮助、分享想法和报告错误的空间。
  • 团队:场外的朋友在这上面取得了更大的成功。谈论策略,谈论垃圾,并分享您在实践之外的身份。

作者对当今的社区工具感到失望:社交媒体强调我们的差异,因为它的目的是关注而不是社区。聊天工具在开始时运行良好,但随着它们的发展变得混乱和难以抗拒。并且认为社区值得更好。于是构建了 Frond——在线社区平台。

Frond 将对话组织成线程(threads)的原因,每个线程都以比聊天更丰富的内容开始:照片、视频、链接或只是长篇写作。更好的对话,更容易理解。线程被组织成组(groups),您的社区可以随着它的发展而形成。无论是烹饪、法国新浪潮电影还是可爱的柯基犬照片,您的小组都会引发丰富的对话。值得一提的是,所有在 2023 年 4 月 30 日之前注册 Frond Beta 的社区都将永久免费访问 Frond。如果您有意搭建属于自己的社区,不妨即刻取尝试 & 体验。

── 出自倾城之链 - Frond - A better way to build community online

Open-Source UI elements - made with CSS and HTML

标签HTML · CSS · Web开发

Library of free and customizable HTML and CSS UI elements. Its all open-source, and its all free. Try it out to save you many hours spent on building; customizing UI components for your next project.

倾城之链 - Open-Source UI elements - made with CSS and HTML

推荐语uiverse.io ,免费和可定制的 HTMLCSS UI 元素库,让您的网站更独特。涉及元素颇为丰富,涵盖卡片、开关、输入框、复选框 ☑️、加载动画、按钮(Button)等,使用非常简单,复制粘贴即可。它完全是开源的,免费供给个人和商业使用,可以给你的项目增加一些有趣的元素,为你的下一个项目节省许多花在构建和定制 UI 组件上的时间。

── 出自倾城之链 - Open-Source UI elements - made with CSS and HTML

Godot Engine - Free and open source 2D and 3D game engine

标签游戏 · 引擎 · 3D

Godot provides a huge set of common tools, so you can just focus on making your game without reinventing the wheel.

倾城之链 - Godot Engine - Free and open source 2D and 3D game engine

推荐语Godot 引擎是一款免费的一体化跨平台游戏引擎,可让您轻松创建 2D 和 3D 游戏;可运行于 Windows、macOS、Linux 等多种操作系统。而其创建的游戏可运行于 PC、Android、iOS、HTML5 等平台。Godot 旨在提供另一种制作游戏的方式,

创新设计

Godot 的节点和场景系统为您提供了创建任何东西的能力和灵活性。

为工作使用正确的语言

使用 Godot 自己的 GDScript、C#、C++ 或使用 GDNative 自带的面向对象的 API 使您的代码模块化。

专用二维引擎

使用 Godot 的专用 2D 渲染引擎和真正的 2D 像素坐标和 2D 节点制作清晰和高性能的 2D 游戏。

简单而强大的 3D

Godot 的 3D 节点为您提供构建、动画和渲染 3D 世界和角色所需的一切。

在所有平台上发布

在几秒钟内将您的游戏部署到桌面、移动设备和 Web 上。Godot 甚至通过第三方发行商支持控制台。

开源

真正开放的开发:任何为 Godot 做出贡献的人都可以从他人的贡献中平等受益。

Godot 内置的 GDScript 脚本语言是一种高级动态类型编程语言,语法与 Python 类似。与 Python 不同,GDScript 是针对 Godot 的场景架构设计的,一个文件就是一个类,并且可以为变量限定类型。开发 GDScript 之前,Godot 的开发者尝试使用过 Lua、Python、Squirrel 等第三方脚本语言,但最终为了优化和编辑器集成选择使用自定义的语言。

Godot 最初于 2007 年开始开发,2014 年 12 月 15 日,Godot 迎来了首个稳定版本 1.0;2016 年 2 月 24 日上架 Steam;2023 年 2 月,Godot 4.0 版本发布。从宏观上看,Godot 与 Unity、Unreal 尚有差距,但颇受开发者好评,如果您对其感兴趣,不妨前往官网了解更多。

── 出自倾城之链 - Godot Engine - Free and open source 2D and 3D game engine

Cocos - The world's top 2D&3D engine, game / smart cockpit /AR/VR/ virtual character / education

标签游戏 · 引擎 · 3D

关键字:Digital content development, game engine, native game development, WeChat mini-game production, H5 game development, introduction to game development, real-time 3D rendering, AR&VR content development, virtual character, smart city, smart cockpit, IoT, HMI, digital twin, Smart Education, Smart Fitness, Metaverse, 2D

The world's top lightweight, efficient, cross-platform digital content development platform can meet different development needs for 3D, 2D, AR&VR and other unique content creation, and can provide complete solutions in frontier fields such as smart cockpit, digital twin, virtual character, and smart education industry solutions.

倾城之链 - Cocos - The world's top 2D&3D engine, game / smart cockpit /AR/VR/ virtual character / education

推荐语Cocos 是由厦门雅基软件有限公司推出的数字内容开发一站式解决方案,具备开源、免费、轻量、高性能等特点,服务了 2D 和 3D 游戏开发、智能座舱、在线教育、XR、数字人、数字孪生、数字文创等领域开发者。Cocos 在全球 203 个国家和地区,拥有 150 万开发者,覆盖全球超过 16 亿终端用户。

Cocos 成立于 2010 年,核心产品包括开源引擎框架 Cocos2d-x、编辑器 Cocos Creator、游戏加速框架 Cocos Runtime、智能座舱解决方案 Cocos HMI、互动课件编辑器 Cocos ICE、XR 方向创作工具 Cocos Creator XR 等等。Cocos 产品具有以下优势:

游戏开发一站式解决方案,低成本、高效率

Cocos 提供了全套的引擎和开发工具,涵盖从前期设计、资源制作、开发调试、打包上线全套的解决方案。cocos 重点优化了工作流,规范了整个游戏开发流程,降低沟通成本,提高开发效率。

高性能,一次制作,多终端平台共享

Cocos 不断的优化游戏性能,以保证高帧速率下可以获得更华丽的效果;即使是千元低端机,运行华丽特效丝毫不卡顿,让您的游戏可以得到尽情的发挥。

跨平台特性确保一次制作,全平台支持。无需为后期移植耗尽人力和时间,极大的降低了时间成本,确保游戏不会错过珍贵的黄金上线档期

Windows 与 Mac 同步发布更新,团队协作更容易

目前大部分开发团队根据不同需求会在不同的操作系统下工作,而一套可以运行在多个平台的游戏引擎显得至关重要。Cocos 同时支持 Windows 和 Mac 操作系统,功能完全同步。提升团队协作便捷性,不再为了配合而频繁的切换系统或者使用双系统。

插件商店,素材丰富,游戏开发更灵活更便捷

Cocos 开放了强大的扩展功能并推出了 Cocos Store,提供了插件、资源、工具、素材等丰富的资源,为用户的开发提供了更大的灵活性。Cocos Store 将为用户提供了一个自由的平台,连接全球的开发者,用户可以获得和分享自己的成果。

同步支持 2D 和 3D,满足全方位开发需求

Cocos Creator 支持 2D、3D 方面的游戏开发,基于华为提供的延迟渲染管线,可以为开发者提供高品质美术创作。具有可满足开发者各种游戏类型特定需求的功能,并且优化了纯 2D 游戏的编辑器使用体验和引擎性能,内建了 Spine、DragonBones、TiledMap、Box2D 和 Texture Packer 等 2D 开发中间件的支持。

2022 年 4 月,Cocos 宣布完成 5000 万美元 B 轮融资,投资方为建信信托、GGV 纪源资本、声网 Agora 等。本轮融资后,Cocos 将借助资本的助力,持续提升引擎核心技术,促进引擎进一步与游戏、汽车、教育、XR、家居设计、建筑工程设计等场景的结合,Cocos 也坚持将每年的利润全部投入引擎功能研发、新场景拓展、生态建设上,持续为开发者提供更便捷的创作工具,为跨行业的客户带来可靠的技术解决方案和提供更多元的产品与服务。

── 出自倾城之链 - Cocos - The world's top 2D&3D engine, game / smart cockpit /AR/VR/ virtual character / education

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

倾城之链 - 倾情打赏

本期文末寄语

圣人无常师。孔子师郯子、苌弘、师襄、老聃。郯子之徒,其贤不及孔子。孔子曰:三人行,则必有我师。是故弟子不必不如师,师不必贤于弟子,闻道有先后,术业有专攻,如是而已。── 唐朝 · 韩愈《师说》

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

微信公众号 - 晚晴幽草轩

您可能感兴趣的文章