技术分享
5️⃣如何更换主题?
00 min
2024-9-22
2024-9-22
类型
状态
日期
链接
摘要
标签
分类
图标
密码

如何修改默认主题?

可以改变blog.config.js配置中THEME这一项的值;示例如下:
  • 方法1:改动github中的源代码:
    • 方法2 , 在vercel后台添加环境变量: NEXT_PUBLIC_THEME
      • notion image
        添加环境变量后记得在Deployment中重新部署
    • 方法3: 使用Notion_config,在您的notion笔记中配置默认主题

    在线切换主题

    您可以像我的博客站一样,在页面上开启一个实时切换主题的按钮,以供预览;开启方式: 在blog.config.js中开启
    开启后效果如下:网页上会始终悬挂一个可以拖拽的面板,用于切换主题。
    notion image

    如何个性化您的主题

    主题的自定义微调

    • 可以参考本文档丶关于各个主题可支持的配置进行修改:
    notion image

    创建您的主题

    您可以复制一个example文件夹到themes目录下,命名为您的主题名字,例如复制一个example文件夹,并且重命名为starter主题。
    然后根据您的喜好调整 index.js 中的LayoutBase 基础布局;它是主题每个页面要用到的框架布局;其次您可以从各个其它主题中复制喜欢的components组件,把他放在当前主题的components目录下使用。从而搭配出您喜欢的主题。
    notion image
    也欢迎您将自己开发设计的主题,通过PR的方式提交到NotionNext中央仓库中,提供给更多站友们使用。

    最后

    接下来在这个主题配置栏目下我将逐一介绍各个主题的配置,但在看主题个性配置前,建议先完整阅读站点的基础配置部分:如何配置站点
    上一篇
    加锁文章 - 密码123456
    下一篇
    空白文章