V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
websong188
V2EX  ›  分享创造

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

  •  
  •   websong188 · 48 天前 · 1395 次点击
    这是一个创建于 48 天前的主题,其中的信息可能已经有所发展或是发生改变。

    书接上文 成功将 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/

    12 条回复    2024-06-04 13:14:40 +08:00
    shuxge1223
        1
    shuxge1223  
       47 天前
    速度快的一逼
    7gugu
        2
    7gugu  
       47 天前
    我去你这个速度好快啊
    Outshine
        3
    Outshine  
       47 天前
    嗯?你这速度好快,我还以为服务器在国内呢!
    websong188
        4
    websong188  
    OP
       47 天前
    @shuxge1223
    @7gugu
    @Outshine
    正常的 CloudFlare Pages 部署,之前 hugo 是部署在 github pages,感觉速度是差不多吧
    7gugu
        5
    7gugu  
       47 天前
    @websong188 我的站点是 WP ,相比之下感觉你这个真的很快
    websong188
        6
    websong188  
    OP
       47 天前
    @7gugu 这个应该是有可能的,我部署到 cloudflare pages 和 github pages 是纯静态 html,印象中 wp 是 php 服务端渲染的方式部署,可能会慢一点吧,现在 WordPress 能纯静态发布不
    shuxge1223
        7
    shuxge1223  
       47 天前
    哪里的服务器,咋部属的,你这速度快的离谱
    websong188
        8
    websong188  
    OP
       47 天前
    @shuxge1223 cloudflare,详细的部署过程可以看 https://blog.taoluyuan.com/blog/hugo-to-nextjs
    7gugu
        9
    7gugu  
       47 天前
    @websong188 #6 用插件可以
    dufu1991
        10
    dufu1991  
       47 天前
    你就正常 CloudFlare 部署吗?为什么会这么快,是不是做了什么特殊优化?
    websong188
        11
    websong188  
    OP
       44 天前
    @dufu1991 我不用代理后发现,其实并不快啊
    lthero
        12
    lthero  
       43 天前
    访问速度很快啊,真的像在本地打开一样
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1022 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 20:14 · PVG 04:14 · LAX 13:14 · JFK 16:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.