2024
Next.js 下主题切换最佳实践
Nov 22, 2024
9 min read
2047
在 CSR(客户端渲染)的情况下,主题切换往往不会出现问题,因为页面内容是 JS 动态渲染出来的,在渲染之前我们就能拿到用户系统或者 localStorage 中保存的主题,然而在 SSR/SSG 情况下,服务端返回的是一个完整的 HTML 页面,而 JS 执行的...
#
next.js
#
theme
#
css
转换 Shiki 的内联样式
Nov 15, 2024
13 min read
2898
Shiki 是一个基于 TextMate 语法的代码语法高亮器,它与 VS Code 的语法高亮引擎 onIguruma 一致,几乎所有主流编程语言提供非常准确且快速的语法高亮,然而 Shiki 并不关注于 CSS,它的语法高亮都是通过 HTML 的 style ...
#
shiki
#
transformer
#
css
在 Markdown 中展示 React 组件
Nov 10, 2024
12 min read
2771
之前写过一篇如何在 Markdown 中实现 Playground 的文章,后续开发过程中,思来想去,觉得这个方案可能不是最好的展示组件的方法,因为展示组件并不需要 runtime 执行,换句话说,下面的伪代码可能更加合理:
#
react
#
markdown
一个优雅的文章目录组件
Oct 24, 2024
11 min read
2484
在我的博客文章页面,随着页面滚动,右边的目录也会跟着发生变化,几乎所有静态网站生成的框架,例如 vitepress,都支持这种功能,这篇文章是讲解我实现 TOC 的思路,以及如何做到比 vitepress 更好的效果。
#
js
CC BY-NC-SA 4.0 2024 © Plumbiu