倾城博客

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

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

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

Reach Creators and Developers at Scale | Carbon

标签广告 · 创作者 · 开发者

Carbon helps you advertise to creators and developers through an exclusive network of websites, projects, and apps.

倾城之链 - Reach Creators and Developers at Scale | Carbon

推荐语Carbon 帮助您通过网站、项目和应用程序的专属网络,向创作者和开发者发布广告;做广告很难, Carbon 让您轻松找到受众;Carbon 官网称其是大规模接触创作者和开发者的最佳方式。在国内,与之类似的产品是万维广告

通过由设计、开发和技术网站组成的独家网络接触技术受众。当您开展 Carbon 活动时,您的品牌会出现在数百个社区、博客、资源和工具中,受众会使用这些工具来提升他们的工作水平。基于 Carbon 广告具有以下特点:

  • 您的广告活动仅出现在高质量的设计、开发或技术网站上。
  • 您的广告显示在对受众有价值且与您的品牌相关的内容旁边。
  • Carbon 简单的广告设计和独家网络,让你接触到忽视传统程序化广告的科技受众。

Carbon 在设计、开发和技术领域的 600 多个精选网站和应用程序上(如:Vue 开发文档),提供独家广告访问。该网络按受众细分,因此您可以大规模开展有针对性的广告活动。需要说明的是,Carbon 广告跟 Google AdSense 类似,同样会被广告拦截器(Adblock)所拦截。

── 出自倾城之链 - Reach Creators and Developers at Scale | Carbon

Marko - A declarative, HTML-based language that makes building web apps fun

标签框架 · HTML · Web开发

Marko is a friendly (and fast!) UI library that makes building web apps fun.

倾城之链 - Marko - A declarative, HTML-based language that makes building web apps fun

推荐语Marko ,一种声明性的、基于 HTML 的语言,使构建 Web 应用程序变得有趣。它是对 HTML 的重新想象,是一种用于构建动态和反应式用户界面的语言。几乎所有有效的 HTML 都是有效的 Marko,但 Marko 扩展了 HTML 语言,允许以声明的方式构建现代应用程序。Marko 具有以下功能特性:

熟悉的

如果你知道 HTML、CSS 和 Javascript,你就知道 Marko。使用示例代码如下:

class {
  onCreate() {
    this.state = { count: 0 };
  }
  increment() {
    this.state.count++;
  }
}
<div>${state.count}</div>
<button on-click("increment")>
  Click me!
</button>

高性能

流式处理、部分水合作用、优化编译器和小型运行时。

可扩展

从简单的 HTML 模板开始,根据需要添加强大的组件。

值得信赖

Marko 为 ebay.com 等高流量网站提供支持。

重塑 HTML

Marko 是 HTML,被重新设想为一种用于构建动态和反应式用户界面的语言。几乎任何有效的 HTML 都是有效的 Marko,但 Marko 扩展了 HTML 语言以允许以声明方式构建现代应用程序。

渐进式渲染

一旦内容准备就绪,Marko 就会将内容流式传输给您的用户。无需等待客户端 JavaScript 包或数据请求即可开始呈现。HTML、资产和图像会尽快加载,并在完成时加载异步数据。

代码消除

Marko 只将交互组件的代码发送到浏览器。它的编译器会自动检测哪些组件只需要在服务器上呈现。这意味着更少的下载和更少的执行。无论使用何种设备或网络,您的用户都可以享受顶级性能。

量身定制的性能

Marko 的编译器生成适合其运行位置的代码。您只需编写一次代码,它就会针对服务器和浏览器进行优化。这在服务器上尤为明显,Marko 比其他流行的解决方案快几倍。

编辑支持

Marko 为 VSCode 编辑器提供一流的支持,包括语法突出显示、自动完成、Hyperclick 以快速跳转到引用的文件,以及漂亮的打印以保持代码的可读性。社区插件还为 Sublime、Atom、Webstorm 等提供语法高亮显示!

Marko 扩展包括条件(conditionals)、列表(lists)、状态(state)和组件(components);Marko 支持单文件组件和分解为单独文件的组件。在写法上,Marko 比 VueReact 要为更加省心些,与 Svelte 相似。Marko 在 Github 开源 ,感兴趣的朋友,可以前往从而了解更多。

── 出自倾城之链 - Marko - A declarative, HTML-based language that makes building web apps fun

Avatar Maker - Create your own avatar online

标签头像 · 卡通 · 免费

Create your own free avatar in 4 different styles. You can save it as a scalable SVG image or in the more common PNG format.

倾城之链 - Avatar Maker - Create your own avatar online

推荐语Avatar Maker ,一款在线创建头像工具;它支持以 4 种不同的风格,创建你自己的免费头像。你可以把它保存为可扩展的 SVG 图像或更常见的 PNG 格式。Avatar Maker 使用非常简单,无需注册或账户,选择性格即可开始,支持脸、眼睛、头发、衣服等部位进行编辑创造,也可以使用系统随机的;其同类型产品还有 Ava MakerPeeps 等;如果您有创建卡通虚拟头像的需求,可尝试这几款工具。

── 出自倾城之链 - Avatar Maker - Create your own avatar online

ntfy.sh | Send push notifications to your phone via PUT/POST

标签开源 · HTTP · 服务

ntfy is a simple HTTP-based pub-sub notification service. It allows you to send desktop notifications via scripts from any computer, entirely without signup or cost. Made with ❤ by Philipp C. Heckel, Apache License 2.0, source at https://heckel.io/ntfy.

倾城之链 - ntfy.sh | Send push notifications to your phone via PUT/POST

推荐语ntfy.sh ,(发音:notify)是一个简单的基于 HTTP 的发布-订阅通知服务。它允许您从任何计算机通过脚本向您的手机或桌面发送通知,完全无需注册、费用或设置。它是开源的,如果您想运行在自己的服务器,可以通过 Docker 进行部署。

发布消息

可以通过 PUT 或 POST 来 发布消息 。主题是通过订阅或发布来即时创建的。因为没有注册,主题(topic)名称是公开的,其本质上是一个密码,因此选择不容易被猜到的名称是明智的

下面是一个示例,展示了如何使用 POST 请求(通过 curl -d)发布消息:

curl -d "Backup successful 😀" ntfy.sh/mytopic
curl -d "https://nicelinks.site 😀" ntfy.sh/nicelinks

通过浏览器访问: ntfy.sh/mytopic 便可以看到所发的消息(实时);当然也可以在手机端安装应用程序,从而得以查阅信息。还有更多与发布消息相关的功能:您可以设置通知优先级标题标记消息。这是一起使用其中一些的示例:

curl \
  -H "Title: Unauthorized access detected" \
  -H "Priority: urgent" \
  -H "Tags: warning,skull" \
  -d "Remote access to $(hostname) detected. Act right away." \
  ntfy.sh/mytopic

订阅主题

您可以 使用手机此 Web UI 或在您自己的应用程序中 通过 API 订阅来创建和订阅主题(topic)。

该作者喜欢免费软件,并以此为乐趣,他承诺这项服务将永远保持 免费和开放 ;您可以在 常见问题解答隐私政策 中阅读更多内容。这里介绍的,只是 ntfy 基础功能,如果您想了解更多及如何使用,可移步至 ntfy 入门教程 。在我看来 ntfy 是一个很有价值的设计;想拥有一个属于自己的订阅服务,如果基于 ntfy 来打造,或是目前不二之选。

── 出自倾城之链 - ntfy.sh | Send push notifications to your phone via PUT/POST

LVGL - Light and Versatile Embedded Graphics Library

标签程序库 · 嵌入式 · 编辑器

关键字:LVGL, graphics library, embedded, GUI, MCU, microcontroller, widgets, low-memory

LVGL is the most popular free and open source embedded graphics library targeting any MCU, MPU and display type to build beautiful UIs. It's boosted by a professional yet affordable drag and drop UI editor, called SquareLine Studio. We also do services like UI design, implementation and consulting.

倾城之链 -  LVGL - Light and Versatile Embedded Graphics Library

推荐语LVGL 是受欢迎的免费和开源嵌入式图形库,可为任何 MCU、MPU 和显示器类型创建漂亮的 UI。使用他们的拖放式 UI 编辑器 SquareLine Studio 来简化开发,或者只是雇用他们来设计和实现您的下一个 UI。LVGL 在官方描述了以下优势:

  • 全功能:30 多个内置小部件、强大的样式和布局系统以及支持多种语言的排版。
  • 自由的:可在 GitHub 上获得并在 MIT 许可下分发,以使商业用途免费且简单。
  • 界面编辑器:附带专业且易于使用的 UI 编辑器软件,以加快和简化 UI 开发。
  • 受欢迎的:由 300 多名贡献者开发,被 100,000 多名开发人员使用,并得到行业领先供应商的支持。
  • 任何设备:适用于驱动 OLED、单色和 TFT 显示器或监视器的任何微控制器、处理器和 (RT)OS。
  • :UI 设计、实施和咨询服务,让 UI 开发无忧

流行和开源

在 GitHub 上完全可用,被许多开发人员使用,并受到行业领先公司的信任。

  • 由 300 多名开发人员积极创建并被 100,000 多人使用。
  • 流行的 LVGL 可用于 Arduino、 PlatformIO、 Zephyr、 ESP32、 NXP MCUXpresso、 NuttX、 RT-Thread、 CMSIS-Pack、 RIOT OS 等等。
  • 跨平台没有外部依赖,可以编译到任何 MCU 或 MPU 和 (RT)OS 以驱动 ePaper、OLED 或 TFT 显示器,甚至显示器。
  • 轻量级需要 32kB RAM、128kB 闪存、帧缓冲区和至少 1/10 屏幕大小的缓冲区用于渲染。
  • 绑定 LVGL 是用 C(与 C++ 兼容)编写的,并绑定到 MicroPython、PikaScript、JavaScript(类似 React)和 Berry。

创建类似智能手机的 UI

许多内置小部件和受 Web 启发的功能使使用 LVGL 创建漂亮和现代的 UI 变得容易。

  • 30 多个内置小部件,例如按钮、标签、滑块、图表、键盘、仪表、弧形、表格等等。
  • 样式系统100 种样式属性(半径、不透明度、渐变、边框、阴影等)可在任何状态下自定义小部件的任何部分(背景、滚动条、指示器、旋钮等)。
  • 布局强大的受 CSS 启发的 Flexbox 和网格布局,以响应方式自动排列小部件。
  • 排版UTF-8 编码支持 CJK、泰语、印地语、阿拉伯语和波斯语书写系统,具有自动换行、字距调整、文本滚动、拼音输入法输入和内联表情符号。

拥有专业的 UI 编辑器

SquareLine Studio 是一个易于使用的 LVGL 拖放式 UI 编辑器工具,即使是设计师也可以在其中创建功能齐全的 UI。

  • 功能 UI 立即设计和创建工作 UI,而不是重新实现原型。
  • 无需重新构建即可迭代只需单击“播放”按钮即可立即试用 UI,无需编译。
  • 像素完美预览您在编辑器中看到的内容与您在目标设备上看到的内容完全相同。
  • 与供应商无关的导出平台独立代码,可以为任何供应商的任何 MCU、MPU 或显示器构建。
  • 易于上手也适用于 Windows、Linux 和 MacOS。只需下载、安装和运行它,甚至无需注册到网站。

LVGL:嵌入式图形库可为任何 MCU、MPU 和显示类型创建漂亮的 UI。它由名为 SquareLine Studio 的专业且经济实惠的拖放式 UI 编辑器推动。如果您对其感兴趣,可移步至 LVGL Github 开源仓库

── 出自倾城之链 - LVGL - Light and Versatile Embedded Graphics Library

dagger.io

标签引擎 · 开源 · CICD

Welcome to Dagger.io

倾城之链 - dagger.io

推荐语Dagger 是一个可编程的 CI/CD 引擎,可以在容器中运行您的管道。使用与应用程序相同的编程语言将 CI/CD 管道开发为代码。这样可以避免写 YAML 配置( GithubGitlab 等平台,做 CICD 主要方式)。

在软件工程中,CI/CD 或 CICD 通常指的是持续集成持续交付或持续部署的组合实践。CI/CD 通过在应用程式的构建、测试和部署中实施自动化,在开发和运营团队之间架起了桥梁。现代 DevOps 实践涉及软体应用程式在整个开发生命周期内的持续开发、持续测试、持续集成、持续部署和持续监控。CI/CD 实践或 CI/CD 管道(CI/CD pipeline)构成了现代 DevOps 业务的主干。

使用 Dagger 有何价值?

Dagger 将您的管道完全作为 标准 OCI 容器 执行。这有几个好处:

  • 即时本地测试
  • 可移植性:相同的管道可以在您的本地机器、CI 运行器、专用服务器或任何容器托管服务上运行。
  • 高级缓存:默认缓存每个操作,缓存在任何地方都一样
  • 与 Docker 生态系统的兼容性:如果它在容器中运行,您可以将其添加到您的管道中。
  • 跨语言工具:团队可以使用彼此的工具,而无需学习彼此的语言。

Dagger 是给哪些人用?

Dagger 可能是一个不错的选择,如果你是下面 👇 描述的这类人:

  • 希望您的 CI 管道是代码而不是 YAML 的开发人员;
  • 你团队的“指定开发人员”,希望用更强大的东西代替一堆手工脚本;
  • 一位平台工程师编写自定义工具,目标是跨组织孤岛统一持续交付;
  • 云原生开发倡导者或解决方案工程师,希望在短时间内展示复杂的集成;

Dagger 在 Github 开源,如果您对 Dagger 感兴趣,想了解更多,诸如 Dagger 是如何工作、如何使用等,可移步至官方网站;以程序员视角来看,Dagger 非常具有价值;以 YAML 配置或脚本的方式,处理简单诉求非常方便;如果涉及复杂业务,后期维护可能是一场灾难。

── 出自倾城之链 - dagger.io

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

倾城之链 - 客服微信

本期文末寄语

知其雄,守其雌,为天下溪。为天下溪,常德不离,复归于婴儿。知其白,守其黑,为天下式。为天下式,常德不忒,复归于无极。知其荣,守其辱,为天下谷。为天下谷,常德乃足,复归于朴。朴散则为器,圣人用之,则为官长。故大智不割。 ── 春秋末期人 · 老子李耳《道德经》第二十八章

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

小程序码 - 倾城之链

您可能感兴趣的文章