Mojito

站点与本地化#

• 语言与翻译：使用 site.translate.enable 启用客户端翻译。您可以选择不同的翻译服务并配置自动检测。

• 自定义字体：通过在 site.font 下提供 CSS 链接或文件路径来添加您自己的字体。

视觉效果#

• 主题色：通过调整 site.themeColor.hue（0-360）来更改博客的主色调。

• 壁纸模式：在 banner、fullscreen 或 none 之间选择。您还可以启用 carousel 来展示多张壁纸，并配合 kenBurns 效果。

• 波浪效果：使用 site.wallpaper.banner.waves.enable 在横幅上切换动画水波纹效果。

• 粒子效果：使用 particle.enable 在背景中启用浮动粒子。

UI#

• 导航栏透明度：在 semi、full 或 semifull 之间调整 site.wallpaper.banner.navbar.transparentMode。

• 侧边栏组件：在 sidebar.components 中重新排序或切换侧边栏组件，如 profile、announcement、categories、tags、toc 和 statistics。

GitHub 仓库卡片#

您可以添加链接到 GitHub 仓库的动态卡片，页面加载时会从 GitHub API 获取仓库信息。

使用代码 ::github{repo="Spr-Aachen/Twilight"} 创建 GitHub 仓库卡片。

1
::github{repo="Spr-Aachen/Twilight"}

音乐卡片#

• 在线音乐

1
::music{meting="https://api.i-meto.com/meting/api?server=netease&type=song&id=1390882521"}

• 本地音乐

1
::music{title="深海之息" artist="Youzee Music" cover="https://p1.music.126.net/PhKOqFtljgHDDpKYM2ADUA==/109951169858309716.jpg" audio="assets/music/深海之息.m4a" lrc="assets/music/深海之息.lrc"}

提示框#

支持以下类型的提示框：note tip important warning caution

NOTE

突出显示用户即使快速浏览也应注意的信息。

TIP

帮助用户更成功的可选信息。

IMPORTANT

用户成功所必需的关键信息。

WARNING

由于潜在风险而需要用户立即关注的关键内容。

CAUTION

操作的潜在负面后果。

• 基本语法

  1
  :::note
  2
  突出显示用户即使快速浏览也应注意的信息。
  3
  :::
  4
  
  5
  :::tip
  6
  帮助用户更成功的可选信息。
  7
  :::

• 自定义标题

  提示框的标题可以自定义。

  我的自定义标题

  这是一个带有自定义标题的提示框。

  1
  :::note[我的自定义标题]
  2
  这是一个带有自定义标题的提示框。
  3
  :::

• GitHub 语法

  TIP

  GitHub 语法 也受支持。

  1
  > [!TIP]
  2
  > GitHub 语法也受支持。

• 剧透隐藏

  您可以为文本添加剧透隐藏效果。隐藏的文本也支持 Markdown 语法。

  内容 被隐藏了 哇哦！

  1
  内容 :spoiler[被隐藏了 **哇哦**]！

更多详情，请查看 文档。