这是一个创建于 163 天前的主题，其中的信息可能已经有所发展或是发生改变。
书接上文 成功将 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 示例
12 条回复 • 2024-06-04 13:14:40 +08:00
 |
1
shuxge1223 162 天前
速度快的一逼
|
 |
2
7gugu 162 天前
我去你这个速度好快啊
|
 |
3
Outshine 162 天前
嗯？你这速度好快，我还以为服务器在国内呢！
|
 |
4
websong188 OP |
|
5
7gugu 162 天前
@websong188 我的站点是 WP ，相比之下感觉你这个真的很快
|
|
6
websong188 OP @7gugu 这个应该是有可能的,我部署到 cloudflare pages 和 github pages 是纯静态 html,印象中 wp 是 php 服务端渲染的方式部署,可能会慢一点吧,现在 WordPress 能纯静态发布不
|
|
7
shuxge1223 162 天前
哪里的服务器，咋部属的，你这速度快的离谱
|
|
8
websong188 OP @shuxge1223 cloudflare,详细的部署过程可以看 https://blog.taoluyuan.com/blog/hugo-to-nextjs
|
|
9
7gugu 162 天前
@websong188 #6 用插件可以
|
 |
10
dufu1991 161 天前
你就正常 CloudFlare 部署吗？为什么会这么快，是不是做了什么特殊优化？
|
|
11
websong188 OP @dufu1991 我不用代理后发现,其实并不快啊
|
 |
12
lthero 158 天前
访问速度很快啊，真的像在本地打开一样
|
Select Language