Ghost 博客主题，HTML、Sass、原生 JavaScript 编写，未使用 jQuery
HTML博客
trophy-ghost — HTML 博客模板
作者 thomasvaeth
Trophy 是一个 Ghost 博客主题，用 HTML、Sass 和原生 JavaScript 写成，带滚动动效与作者页。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 4
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-27查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
引入 Rellax 与 WOW.js，提供滚动视差和入场动画
包含文章页、作者页，作者简介会显示在其文章页面
另有 Jekyll 版本，视觉风格可跨平台复用
通过 Sass 变量和 partials 组织样式，便于二次调整
模板详细介绍
Trophy 是 Thomas Vaeth 为 Ghost 平台做的博客主题，前端由 HTML、Sass 和原生 JavaScript 构成，没有依赖 jQuery。它把外部库控制在 Google Fonts、Font Awesome、Normalize.CSS、Rellax 和 WOW.js 这几个范围内，因此页面结构相对轻，动效主要来自滚动视差和入场动画。主题同时有 Jekyll 版本，说明作者在不同静态博客系统上保持了相近的视觉语言。
从截图和说明看，Trophy 覆盖文章页、作者页以及页脚区域，文章页顶部有较大的主视觉区，作者信息会出现在其撰写的文章里。它适合已经用 Ghost 发布内容、希望换一套偏杂志感排版、并且愿意自己调 Sass 变量的人。主题使用 get 助手读取数据，所以需要在 Ghost 后台 Labs 页面开启 Public API，这是使用前必须确认的一步。
需要留意的是，README 没有说明响应式断点、浏览器兼容范围或 Ghost 版本适配情况，安装前最好对照自己的 Ghost 版本核对。文章配图建议 2000×1200，作者头像建议 1000×600，作者简介控制在两三句话。开发依赖通过 npm 或 yarn 安装，改动 JavaScript 或 Sass 后要跑 gulp 重新构建。
HTML博客
适合你的项目吗？
适用场景
- 已有 Ghost 站点，想替换成偏杂志排版风格的博客主题
- 愿意修改 Sass 变量和 gulp 构建流程的前端开发者
- 需要作者页与文章内作者简介展示的个人或团队博客
适合人群
- 使用 Ghost 并可以开启 Public API 的站点
- 接受用 gulp 构建前端资源的开发者
- 偏好轻量原生 JavaScript、不引入 jQuery 的项目
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
必须在 Ghost 后台 Labs 页面开启 Public API，主题中的 get 助手依赖该设置
- 2
开发前运行 npm install 或 yarn install 安装依赖
- 3
修改 JavaScript 或 Sass 后需运行 gulp 重新构建
- 4
文章配图建议 2000×1200，作者头像建议 1000×600，作者简介控制在两三句话
- 5
README 未说明 Ghost 版本兼容范围与响应式细节，上线前需自行核对
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可证明确允许免费使用、复制、修改、合并、发布、分发、再许可和销售，仅需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 在所有副本或实质性部分中包含上述版权声明和许可声明
额外费用与待核对事项
- README提及Google Fonts、Font Awesome等外部库，其授权未在提供文本中确认
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
The above copyright notice and this permission notice shall be included in all
许可证原文
Trophy is licensed under the MIT License.
README 原文
https://github.com/thomasvaeth/trophy-ghost/blob/master/LICENSE.txthttps://github.com/thomasvaeth/trophy-ghost/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较少 · 46 / 100
- 技术栈
- HTML
- 网站类型
- 博客
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2017-11-04
- 截图检查日期
- 2026-09-07
目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
Casper
Casper 是 Ghost 官方出品的经典主题，曾长期作为默认主题，现在仍持续维护。 它的定位很纯粹：一套结构清晰、注释详尽的博客主题，适合直接使用，也适合作为学习 Ghost 主题开发的入门范本。
HTML · 杂志资讯
startbootstrap-clean-blog
A clean Bootstrap blog theme created by Start Bootstrap
HTML · 博客
halo-theme-sakura
halo-theme-sakura 是 Halo 2.x 的一款博客主题，参照 WordPress 的 Sakura 主题制作，并在原有 Siren 主题基础上整合了 Sakura 的内容。
HTML · 博客
bleak
Bleak 是一款为 Ghost 博客平台设计的主题，核心卖点是 AJAX 驱动的页面加载方式，让浏览体验更接近原生应用。 整体布局简洁，强调内容阅读，适合个人博客或技术写作。
HTML · 博客
serene
Serene 是一款为静态站点生成器 Zola 设计的极简博客主题，其核心定位是“精心打磨”的阅读体验。
HTML · 博客
startbootstrap-blog-home
A Bootstrap HTML template for blog homepages - created by Start Bootstrap
HTML · 博客