Skip to content

内置主题全览(25 个)

themes/ 目录及 conf/themeSwitch.manifest.js 同步 · 当前版本 4.9.5.7
先按站点目标选主题,再进入单个主题文档看配置。

预览:https://preview.tangly1024.com/?theme=<id>id 为下表主题 ID,小写)。

切换方式:NEXT_PUBLIC_THEME=<id>、Notion Config 的 THEME,或开启 THEME_SWITCH 挂件。

按场景选主题

你想做什么优先看备选选择理由
个人博客 / 日常写作simplehexonobeliumtypography结构清楚、文章优先、配置负担低
文档 / 知识库 / 教程站gitbookclaudethoughtlite侧边栏、目录和阅读连续性更强
作品集 / 个人品牌proxiostarterlanding首屏表达强,适合展示身份、作品和服务
产品官网 / SaaS 落地页starterlandingcommerce有产品介绍、功能区块、价格和 CTA 结构
图片 / 摄影 / 视觉内容photoplogmagzine图片展示密度更高,适合视觉浏览
导航站 / 资源聚合navgitbook更适合分类入口、链接集合和资源导航
杂志感 / 强视觉首页magzineheofuwari首页表现力强,适合内容品牌化
游戏 / 互动展示gamemovie适合特殊内容形态和沉浸式展示

新手怎么选?

如果你还没有明确偏好,按下面规则选择:

  • 只是想先跑起来:选 simple
  • 想做传统博客:选 hexonext
  • 想做教程/知识库:选 gitbook
  • 想展示个人品牌或服务:选 proxio
  • 想做产品落地页:选 starter
  • 想突出图片:选 photo

部署成功后再换主题也可以,主题 ID 改完重新部署即可。

主题预览图

主题预览图位于 public/images/themes-preview/。如果你在本地或线上看到预览图缺失,优先检查对应主题是否有 <id>.webp<id>.png

常用入口:

完整主题表

ID名称定位说明文档
simpleSimple默认极简文字博客simple.md
hexoHexo经典双栏博客hexo.md
heoHeo模块化首页、通知条、英雄区heo.md
gitbookGitBook文档/手册侧栏目录gitbook.md
nextNext双栏 + 移动悬浮目录next.md
mediumMediumMedium 风阅读medium.md
materyMateryMaterial 卡片列表matery.md
nobeliumNobelium极简nobelium.md
fukasawaFukasawa多栏高密度fukasawa.md
fuwariFuwari日系双栏色板fuwari.md · FUWARI.md
typographyTypography排版优先typography.md
navNav导航站/聚合nav.md
plogPlog图文/轻博客plog.md
photoPhoto摄影相册photo.md
movieMovie影视海报墙movie.md
gameGame游戏像素风game.md
landingLanding单页着陆landing.md
starterStarter营销落地页区块starter.md
proxioProxio作品集/品牌站proxio.md
commerceCommerce商品展示commerce.md
magzineMagazine杂志封面风(目录名 magzinemagzine.md
claudeClaude文档风 + 贡献热力图首页claude.md · CLAUDE.md
endspaceEndspace终末工业风加载与侧栏endspace.md · ENDSPACE.md
exampleExample主题开发骨架example.md
thoughtliteThoughtLite时间线首页 + Latest 卡片thoughtlite.md · THOUGHTLITE.md

主题切换挂件

NEXT_PUBLIC_THEME_SWITCH=true 时,使用 THEME_SWITCH_MANIFEST 中的名称、简介与 public/images/themes-preview/<id>.png|webp

新增主题贡献需提交预览图并更新 manifest,见 THEME_MIGRATION_GUIDE.zh-CN.md

维护说明

修改 themes/<id>/config.js 后,运行 node scripts/generate-theme-user-docs.mjs 可刷新对应 docs/user-guide/themes/<id>.md 中的配置表。

主题菜单键(HEO 命名遗留)

部分主题(含 Proxio)用 HEO_MENU_ARCHIVE 等控制默认顶栏四项,与是否使用 HEO 主题无关。见 proxio.md