作者决定将博客迁移到Astro,因其支持MDX和现代主题,且具备速度、安全性和易用性。尽管旧版代码有问题,AI辅助使迁移过程变得简单。总之,喜欢就去做。
Vercel将自动拒绝包含CVE-2026-0969漏洞的next-mdx-remote包的新部署,建议所有托管服务用户升级到修补版本。
发现hexo-renderer-mdx插件,支持mdx文件渲染,兼容md语法,允许使用jsx,便于调用组件和自定义块。mdx基本支持md语法,但代码高亮和数学公式渲染需进一步探索,计划学习React以实现更复杂效果。
MDX 是 Markdown 的扩展,允许在 md 文件中使用 JSX 语法(React 组件)。在 MDX 中,<> 和 {} 需要转义为 \< 和 \{,否则会被识别为 JSX 组件。代码块中的 < 和 { 不需转义。
Markdown是一种轻量级标记语言,常用于文档格式化。本文介绍如何在Next.js项目中使用Markdown和MDX,包括安装必要的包、配置文件和创建组件,以便开发者轻松添加博客功能。
本文介绍了如何使用Storybook 8为React组件编写文档,包括设置、定义场景和MDX文档等步骤。通过示例创建Tag组件及其文档,强调了Storybook在组件文档化中的重要性。
本文介绍了如何使用Storybook(版本8)和TypeScript为React组件编写文档,包括设置、场景定义和MDX文档编写等步骤,展示了通过自定义文档提升组件可见性的方法,并通过示例说明了组件不同状态及属性的展示。
我推出了一个开源个人网站,使用React、Firebase和MDX构建。网站展示项目、撰写技术博客、管理内容和分享案例研究,注重速度和简洁,具备动态路由和自定义CMS。欢迎贡献代码和建议!
本文回顾了react-scan和next-mdx源代码中WeakMap的使用。WeakMap是一种键值对集合,键为对象,值可为任意类型,且不会强引用键,支持垃圾回收。
使用Next.js、MDX和Tailwind CSS构建博客,简化开发流程,提升性能与设计。Next.js负责后端,MDX支持动态内容,Tailwind CSS提供美观设计,使用户专注于内容创作,确保博客快速、灵活且用户友好。
个人作品集是我旅程和成就的数字化展示。我使用Next.js和MDX构建了一个现代、高性能的作品集,支持动态路由、Markdown博客和自定义主题,展示我的云计算专业知识和技术能力。
SnipNest是一个便捷的代码片段分享平台,旨在解决开发者重复查找代码的问题。项目使用MDX文件存储片段,便于组织和贡献。开发过程中采用Next.js,体验良好。欢迎大家贡献有用的代码片段,助力SnipNest发展。
Docusaurus是Meta开源的文档工具,基于React,支持Markdown和MDX,易于定制。本文介绍了如何使用Docusaurus创建文档网站,包括安装、项目结构、文档创建、MDX和React组件的使用。Docusaurus提供预建组件如标签页、警告框和代码块,支持SEO优化和简单部署,适合各类企业。
该文章介绍了使用Next.js和MDX创建博客的模板,提供了MDX驱动的内容管理、代码高亮、内容过滤、SEO优化等功能。模板简化了博客搭建过程,让开发者专注于内容创作。文章还介绍了安装和使用模板的方法,以及自定义和优化的技巧。该模板可快速搭建Next.js博客,提供MDX驱动的内容和强大功能。
React Native 0.76即将发布,带来新架构和React Native DevTools。Server Components功能和CSS :has选择器可提高React性能。还有相关活动和工具更新。
本文介绍了如何创建一个remark插件,以提取MDX文件的阅读时间数据。通过解析MDX内容并计算阅读时间,插件将数据附加到MDX内容中,使其在导入时可用。使用reading-time和mdast-util-to-string等库可以简化这一过程,并支持TypeScript以提升开发体验。
Lorem ipsum dolor sit amet
本文介绍了MDX的使用,MDX是一种支持嵌入JavaScript和JSX语法的Markdown变体,允许在Markdown内容中混合JavaScript和UI组件。通过Astro配置,可以轻松迁移现有MDX内容,并提供了在MDX中导入和使用UI组件的示例。
MDX是一种结合Markdown与现代网页组件的写作格式,允许更丰富的多媒体内容和用户互动。它简化了写作流程,提升了内容的可读性和可重用性,鼓励作者融入更多元素,创造更具吸引力的数字内容。
本文介绍了使用MDX扩展Markdown并渲染远程组件的方法,实现交互式博文。同时还介绍了在远程组件中使用TailwindCSS的配置和示例代码。
完成下面两步后,将自动完成登录并继续当前操作。