更新日志:GitHub 仓库和 Glitch Liquid 标签
Forem 🌱
Liquid模板引擎
由 Mux 赞助的 DEV 全球展示挑战赛:展示你的项目!
在dev.to ,我们一直致力于帮助开发者讲述精彩的代码故事。我想向大家展示的几个很棒的新功能就体现了这一点。
我们的 Markdown 语言中引入了“Liquid 标签”的概念。用户可以在文章中使用Liquid 语法,添加富文本链接和嵌入内容,这些内容是专门为软件开发人员讲述的故事而设计的。
随着业务发展,我们计划逐步加大对这项功能的投入。同时,这里新增了一些标签。
1) GitHub 仓库标签
除了嵌入问题和评论之外,您现在还可以将 GitHub 代码库嵌入到您的文章中。✅
{% github thepracticaldev/dev.to %}
欢迎来到Forem代码库,它是dev.to的底层平台。我们非常高兴您的加入。有了您的帮助,我们可以提升 Forem 的易用性、可扩展性和稳定性,从而更好地服务于我们的社区。
Forem是什么?
Forem 是一款用于构建社区的开源软件。它可以帮助你构建面向同行、客户、粉丝、家人、朋友以及任何需要人们聚集在一起的场合的社区。请参阅我们的公告文章,了解 Forem 的概览。
dev.to(简称 DEV)由 Forem 托管。这是一个软件开发者社区,成员们在这里撰写文章、参与讨论并完善个人职业档案。我们重视支持性和建设性的对话,致力于为所有成员创造卓越的代码和职业发展。我们的生态系统涵盖从入门到高级的开发者,欢迎所有人找到属于自己的一席之地……
React 是一个用于构建用户界面的 JavaScript 库。
- 声明式: React 让创建交互式 UI 变得轻而易举。为应用程序中的每个状态设计简单的视图,当数据发生变化时,React 会高效地更新并渲染相应的组件。声明式视图使你的代码更可预测、更易于理解和调试。
- 基于组件的设计:构建封装的组件,让它们管理自身的状态,然后组合这些组件来创建复杂的用户界面。由于组件逻辑是用 JavaScript 编写的,而不是用模板编写的,因此您可以轻松地在应用程序中传递丰富的数据,并将状态从 DOM 中分离出来。
- 一次学习,随处编写:我们不会对您的其他技术栈做任何假设,因此您可以使用 React 开发新功能,而无需重写现有代码。React 还可以使用Node在服务器端渲染,并使用React Native构建移动应用。
学习如何使用 React ……
还记得我之前提到的Liquid吗?如果你想了解更多,这里有更多信息。
Liquid 标记语言。一种安全、面向用户的模板语言,适用于灵活的 Web 应用程序。

Liquid模板引擎
介绍
Liquid 是一个模板引擎,它的编写满足了非常具体的需求:
- 它必须拥有美观简洁的标记语言。无法生成美观标记语言的模板引擎用起来毫无乐趣。
- 它必须是非评估性的且安全的。Liquid 模板的设计初衷是方便用户编辑。您肯定不希望在您的服务器上运行用户编写的代码。
- 它必须是无状态的。编译和渲染步骤必须分开,这样耗时的解析和编译工作就可以只做一次,之后只需传入一个包含局部变量和对象的哈希表即可进行渲染。
为什么你应该使用液体
- 您希望允许用户编辑应用程序的外观,但又不希望他们在您的应用程序上运行不安全的代码……
2) 故障标签
快速展示你的故障艺术作品或混音作品的方法。😎
Glitch 嵌入功能类似于我们也支持的Codepen 嵌入功能,但它支持更动态的服务器驱动型应用程序。Glitch 和我们一样,是一家位于纽约的新兴代码公司,发展势头强劲。
这是我饶有兴致地研究的一个项目:
{% glitch beautiful-cubes %}
祝您愉快🙂
我们最近悄悄推出了一些其他标签。有关各种标签的信息可以在编辑器的“帮助”部分找到。
文章来源:https://dev.to/jess/changelog-github-repo--glitch-liquid-tags-2ghe