本地可视化编辑器：表单化文章元数据，正文支持预览内编辑与 HTML 模式
其他杂志资讯博客
blog-studio — 其他 杂志资讯模板
作者 fightheyyy
带本地可视化编辑器的静态博客模板，大字排版与项目索引，构建后仅输出静态文件。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局，交互效果请以实际项目为准。 本截图因高度限制未包含整页。
采集于 2026-09-27查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
首页可配置：姓名实心/描边两段、介绍、项目与链接集中在 site.config.json
构建产物纯净：dist/ 只含首页、文章、样式与资源，不含 Studio 和 Node 依赖
相对路径输出，支持部署到子目录；url 留空时不生成 canonical
内置 GitHub Pages 工作流，仅上传 dist/，日常更新可从 Studio 触发发布
模板详细介绍
Blog Studio 是一个偏编辑风格的静态博客模板：大字标题、描边姓名、米白底色，首页由项目索引和文章列表构成，另配完整的长文页面。它把「写作工具」和「成品站点」分开——本地 Studio 负责编辑，构建产物只有 HTML、CSS、JavaScript 和静态资源，读者端不依赖 Studio。
写作流程围绕本地编辑器展开：在设置页填写站点名称、介绍、项目与链接，在文章编辑器里填写标题、栏目、日期、摘要和阅读时长，正文可在预览中直接编辑或切到 HTML 模式，工具栏覆盖段落、标题、列表、链接、代码块、提示块和图片。保存会生成 posts/<slug>.html 并同步首页 Writing 列表，图片写入 assets/posts/<slug>/。构建输出使用相对路径，可部署在子目录，站点地址留空时不生成 canonical 地址。
需要留意几处边界：保存不等于私密草稿，所有已保存文章都会进入下一次构建和发布，未准备公开的内容应放在仓库之外；slug 保存后不能在界面修改；当前没有文章删除按钮、Markdown 导入、云端多人编辑。正文允许自行编写 HTML，可编辑预览不执行文章脚本，交互脚本需单独打开文章页检查。发布依赖 Git 凭据，Studio 不保存 Token、不强制推送，内置工作流只响应 main 分支。
杂志资讯博客
适合你的项目吗？
适用场景
- 个人博客或作品集：需要编辑感强的排版，同时保留文章长页阅读体验
- 以项目索引加文章列表为主页结构的独立站点
- 希望写作在本地完成、发布结果不携带编辑器代码的静态站点
- 部署到 GitHub Pages 或其他支持静态文件的托管服务
适合人群
- 能使用 Node.js 22 及以上版本、愿意在本地运行命令行的作者
- 接受用 HTML 编写正文、不依赖 Markdown 导入流程的用户
- 内容全部公开、不需要私密草稿或多人协作编辑的独立写作者
- 需要自定义主题模板和样式、并自行用 Git 管理这些改动的开发者
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
环境要求 Node.js 22 或更新版本；安装依赖后运行 npm run studio，默认端口 4174，被占用时用 BLOG_STUDIO_PORT 指定
- 2
发布到 GitHub Pages 需在仓库 Settings → Pages 将 Source 设为 GitHub Actions，并填写正式站点地址
- 3
保存即进入下一次构建与发布，没有私密草稿状态；未准备公开的文字请保存在仓库之外
- 4
文章 slug 保存后无法在界面修改；删除示例需手动删除 posts/*.html 并重启 Studio 或运行构建
- 5
修改 theme/article.html 只影响新文章，旧文章结构需自行批量迁移；主题或程序改动需自行用 Git 提交
授权与来源资料
使用条件与限制
有额外使用条件代码与示例内容为MIT，但内置Syne字体采用SIL OFL 1.1，使用字体须遵守OFL条款。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留MIT版权与许可声明
- 使用Syne字体须遵守SIL OFL 1.1许可要求
额外费用与待核对事项
- THIRD_PARTY_NOTICES.md中其他第三方资源的授权范围未在提供文本中说明
查看原文依据
代码和示例内容使用 [MIT](LICENSE)。字体使用 [SIL OFL 1.1](assets/fonts/SYNE-OFL.txt)
README 原文
https://github.com/fightheyyy/blog-studio/blob/main/LICENSEhttps://github.com/fightheyyy/blog-studio/blob/HEAD/README.mdThe above copyright notice and this permission notice shall be included in all
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 74 / 100
- 技术栈
- 其他
- 网站类型
- 杂志资讯 · 博客
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-11
- 截图检查日期
- 2026-09-13
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 其他。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
attila
Attila 是一款为 Ghost 博客平台设计的响应式主题，强调内容本身，界面干净利落。
其他 · 博客
public-portfolio-site
public-portfolio-site 是一个面向设计师、独立开发者和个人品牌的内容型模板，将作品集与博客整合在一个 Astro 站点中。
其他 · 作品集
apollo
apollo 是一款为静态站点生成器 Zola 设计的博客主题，主打现代与极简风格。 它提供明暗两套配色，并支持自动跟随系统设置，视觉上干净利落，适合个人博客、技术写作或作品集展示。
其他 · 博客
DeepThought
DeepThought 是一个面向文字写作的极简博客主题，基于 Zola 静态站点生成器和 Bulma CSS 框架构建。 它的核心定位是让作者专注于内容，同时提供一套实用但不喧宾夺主的扩展能力。
其他 · 博客
zolarwind
Zolarwind 是一个 Zola 博客主题，核心卖点在于隐私与自托管：默认不发起第三方请求、不写 Cookie、不做追踪，JS 与 CSS 全部本地托管，因此默认站点不需要同意横幅。
其他 · 博客
index-theme
Index 是一款为 Kirby CMS 设计的极简作品集与博客主题，明确服务于那些希望快速上线并长期维护个人网站的用户。
其他 · 目录站