为 Astro 添加暗黑模式
现代操作系统普遍支持浅色和深色模式切换,为网站添加一个黑暗模式能显著提升用户体验。然而 Astro 作为站点生成器基本不关心 UI 层面的内容,因此在本文中,我们将基于 React 和 Tailwind CSS 为 Astro 添加暗黑模式支持,并动手制作一个精美的组件。虽然说是为 Astro 框架制作的功能,但是与 Astro 耦合并不深,你可以在任何其他框架上采用本文的逻辑。
给你的Markdown扩展新语法吧:下篇
注意 这篇文章仅适用于基于 Remark.js 开发的 Markdown 应用,如 Astro.js、MDX 等等。 版本更新提醒 从 mdast-util-from-markdown 2.0.0 开始,this.exit() 方法删除了返回值,不再返回 AST 节点,因此在该版本里,我们需要自己使用其他方法获取节点。例如: function exitMyNodeType(token) { const node = this.stack[…
给你的Markdown扩展新语法吧:上篇
注意 这篇文章仅适用于基于 remark.js 的 Markdown ,如 Astro.js、Gatsby.js 等等。如果你正在使用 MDX 那么该文章可能也适用于你。 嗨,今天我们来聊一下怎么给 Markdown 扩展新语法吧。这篇文章是本教程的上篇,在这篇里你将会看到如何通过编写扩展的方法,给 remark.js 添加自定义的语法支持。 请注意,该文章中涉及到的内容将不限于JavaScript/TypeScript编程、编译原理、胡…