PrimeEdge 主题教程

自定义

个性化你的 PrimeEdge 主题

自定义

PrimeEdge 提供了丰富的自定义选项,让你可以打造独一无二的博客风格。

自定义概览

主题说明
颜色主题深色模式、自定义主色调
字体设置自定义正文字体和代码字体
自定义代码注入自定义 CSS 和 JavaScript
多语言配置多语言站点支持

自定义方式

通过配置文件

大部分自定义选项可以通过 config.toml 完成,无需修改主题文件。

通过自定义文件

对于更高级的自定义,可以在站点根目录创建:

  • assets/css/custom.css — 自定义样式
  • assets/js/custom.js — 自定义脚本

通过覆盖模板

如需修改主题模板,在站点根目录创建同名文件即可覆盖:

layouts/
├── partials/
│   └── custom/
│       └── head.html      # 自定义头部
└── _default/
    └── baseof.html        # 覆盖基础布局

升级注意事项

自定义时建议:

  1. 优先使用配置文件和自定义文件,避免直接修改主题文件
  2. 如需修改模板,复制到站点根目录的 layouts/ 下,保留原主题文件不变
  3. 主题升级前备份自定义内容

下一步

根据需求选择自定义方向,或查看 高级指南 了解更多优化技巧。

评论

0%