我的 Next.js 博客 有了多种主题切换功能

[websong188]

书接上文 成功将 Hugo 博客迁移到 Next.js,很清爽的一个博客主题

尽情参观:https://blog.taoluyuan.com/

这次完成 Next.js 博客多主题切换功能,总共 5 个主题,包括暗黑模式

采用了技术

• next-themes 实现主题状态切换

• 用了 daisyui 四个主题

• 暗黑 dark 模式是自己配的

• 兼容了原模板 themetailwindcss 的 dark:*** 各种样式

关于 next-themes

• 大概看了下 next-themes 原理是 使用 useState 来维护当前选定的主题
• 调用 next-themes 提供的 setTheme 函数时,它会更新内部的主题状态
• 这时就能切换到对应的 daisyui 样式

打算将 next-themes 配合 daisyui 切换主题功能,单独抽离出来做成一个单页面 next.js 示例

尽情参观:https://blog.taoluyuan.com/

[shuxge1223]

速度快的一逼

[7gugu]

我去你这个速度好快啊

[Outshine]

嗯？你这速度好快，我还以为服务器在国内呢！

[websong188]

@shuxge1223
@7gugu
@Outshine
正常的 CloudFlare Pages 部署,之前 hugo 是部署在 github pages,感觉速度是差不多吧

[7gugu]

@websong188 我的站点是 WP ，相比之下感觉你这个真的很快

[websong188]

@7gugu 这个应该是有可能的,我部署到 cloudflare pages 和 github pages 是纯静态 html,印象中 wp 是 php 服务端渲染的方式部署,可能会慢一点吧,现在 WordPress 能纯静态发布不

[shuxge1223]

哪里的服务器，咋部属的，你这速度快的离谱

[websong188]

@shuxge1223 cloudflare,详细的部署过程可以看 https://blog.taoluyuan.com/blog/hugo-to-nextjs

[7gugu]

@websong188 #6 用插件可以

[dufu1991]

你就正常 CloudFlare 部署吗？为什么会这么快，是不是做了什么特殊优化？

[websong188]

@dufu1991 我不用代理后发现,其实并不快啊

[lthero]

访问速度很快啊，真的像在本地打开一样