五种配色(Terracotta、Slate、Ink、Forest、Cobalt),每种均支持明暗模式,可选实时配色切换器
praxis — Hugo 杂志资讯模板
作者 kunalkushwaha
Praxis 是一款面向技术写作者的 Hugo 杂志风主题,提供五种配色、明暗模式与代码高亮。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
编辑风格文章布局:kicker、dek、署名、首字下沉、分节线、拉引文和自动图卡
粘性目录(On this page),宽屏侧边栏跟踪滚动,小屏自动隐藏
Chroma 语法高亮,随配色和明暗模式自动适配
无 JavaScript 框架,仅依赖 Hugo Pipes,CSS/JS 自动压缩和指纹识别
内置 SEO、OG/Twitter Card、RSS、站点地图、减少动效和无障碍支持
模板详细介绍
Praxis 是一款为技术领导者、架构师和“以写促思”的读者设计的 Hugo 主题,整体呈现编辑杂志风格。它围绕一个温暖的阅读栏、独特的衬线字体组合(Fraunces 与 Newsreader)、首字下沉、拉引文和一流的代码样式构建。主题内置五种配色方案,每种均支持明暗模式,并提供无闪烁的主题切换和可选的实时配色选择器。
在功能上,Praxis 提供了个人品牌主页所需的 hero 区域(姓名、角色、一句话简介、主题标签、社交链接)和文章索引;文章页则包含编辑风格的版式,如 kicker、dek、署名、首字下沉、分节线,以及类似印刷特稿的图卡。宽屏下,“On this page” 目录会固定在侧边栏并跟踪滚动位置,小屏则自动收起。代码高亮通过 Chroma 实现,并融入配色系统,使不同语言在明暗模式下都能适配。此外,主题还支持表格、行内代码、标注、脚注、阅读时间等,并内置 SEO、Open Graph、Twitter Card、RSS、站点地图、减少动效支持和无障碍跳转链接。
Praxis 依赖 Hugo 0.123.0 或更高版本,使用 Hugo Pipes 进行压缩和指纹识别,无需 SCSS 或额外构建步骤。安装方式支持 Hugo Module、Git 子模块或直接复制。配置集中在 hugo.toml 的 [params] 下,示例站点可快速启动。需要注意的是,主题默认启用 goldmark.renderer.unsafe 以支持原始 HTML 和行内 SVG,若你的内容来源不可信,需评估安全风险。上线前建议核对字体加载(Google Fonts)和自定义部分。
适合你的项目吗?
适用场景
- 技术领导者或架构师搭建个人品牌主页,展示文章和思考
- 技术博客或杂志风格内容站点,强调阅读体验和代码展示
- 需要多种配色方案和明暗模式切换的 Hugo 项目
- 偏好无构建步骤、轻量依赖的静态站点
适合人群
- Hugo 用户,熟悉 Hugo 配置和 Markdown 写作
- 重视排版和编辑风格的技术写作者
- 需要代码高亮和图表展示的技术内容站点
- 希望快速定制配色和字体的个人或团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
需要 Hugo 0.123.0+,推荐使用 Hugo Module 安装。
- 2
复制 exampleSite 可快速开始。
- 3
配置集中在 [params] 下,注意保留 [markup] 块以启用 unsafe 和图片包裹。
- 4
字体通过 Google Fonts 加载,可自行替换。
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可,允许免费使用、修改、分发和商用,仅需保留版权与许可声明。字体为SIL OFL,需遵守其条款。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留版权声明和许可声明
额外费用与待核对事项
- 字体为SIL OFL许可,非MIT,需单独遵守
- README未提供图片素材的许可信息
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
MIT. Fonts are licensed under the SIL Open Font License via Google Fonts.
README 原文
https://github.com/kunalkushwaha/praxis/blob/main/LICENSEhttps://github.com/kunalkushwaha/praxis/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 70 / 100
- 技术栈
- Hugo
- 网站类型
- 杂志资讯 · 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-06-09
- 截图检查日期
- 2026-09-06
目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hugo-PaperMod
PaperMod 是 Hugo 生态里知名度较高的主题之一,定位很明确:给博客和轻量作品集站点提供一套干净、响应式的阅读界面。
Hugo · 作品集

LoveIt
❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
Hugo · 博客

hugo-coder
A minimalist blog theme for hugo.
Hugo · 博客

blowfish
Personal Website & Blog Theme for Hugo
Hugo · 博客

hugo-paper
🪺 A simple, clean, customizable Hugo theme
Hugo · 博客

hextra
Hextra 是一个 Hugo 主题,定位在文档站与博客之间:既提供侧边栏导航、目录、面包屑、分页这类文档站结构,也能承载博客内容。
Hugo · 文档
