Hugo 主题

上一页/下一页: 所有主题

PolyRhythmic

一个快速、轻量的 Material Design 3 Hugo 主题

下载
PolyRhythmic

Hugo PolyRhythmic | 在线演示

快速 | 响应式 | Material Design 3

❗此主题仍处于开发阶段。请谨慎使用。

PolyRhythmic 的链接: Hugo 主题 | GitHub | Product Hunt


Minimum Hugo Version GitHub code-size

Screenshot

Screenshot

主要功能

  • 活动菜单位置指示器
  • 存档支持
  • 资源管理: 管道，指纹，捆绑和缩小 Hugo 资源
  • 返回顶部按钮
  • 反向链接和相关页面建议
  • 代码复制按钮
  • 联系模板: 快速联系表单
  • 各个页面的封面图片
  • 自定义标签导航
  • 用于开发的调试模式
  • 页面的 GitHub 仓库按钮
  • 主页导航按钮
  • 键盘快捷键和访问键
  • 浅色/暗黑主题切换
  • 作为单页应用程序 (SPA) 的 Logseq 图表
  • 支持多个作者
  • “现在”页面表: 最近更新的页面列表
  • 页面导航卡片
  • 随机页面按钮
  • 响应式粘性目录
  • 使用 Fuse.js 的搜索功能
  • SEO 优化
  • 站点地图模板: 带有 Hugo 特定列的表格
  • 社交媒体分享按钮
  • 分类法和部分组织
  • 主题自定义: 控制颜色、对比度、形状、排版等

与 Material 3 的主要区别

  • 可调整的内容文本宽度、字体大小和行高
  • 控制品牌、普通和等宽字体
  • 控制第三种颜色的方向
  • 添加等宽字体
  • 不使用脚本进行状态层处理
  • 在暗黑模式下选择变暗图像的选项
  • 形状缩放控制

安装

  1. 安装 Hugo: Hugo 文档 - 快速入门
  2. 创建一个新的 Hugo 站点
# replace YourSite with your website's name
hugo new site YourSite --format yaml
  1. 将 PolyRhythmic 添加到你的 YourSite/themes/ 目录中
  • 选项 1: 克隆 git 仓库
    git clone https://github.com/wonyoung-jang/hugo-PolyRhythmic themes/PolyRhythmic --depth=1
  • 选项 2: 下载并解压
    • 下载 PolyRhythmic 源代码并将 zip 文件解压到你的 YourSite/themes/PolyRhythmic 目录中
  • 选项 3: 使用 Hugo 模块
    • 安装 Go
    • 初始化你自己的 hugo 模块
      hugo mod init YOUR_GIT_REPO
    • 在你的 config.yaml 或 module.yaml 中添加 PolyRhythmic
      # config.yaml
module:
    imports:
    - path: github.com/wonyoung-jang/hugo-PolyRhythmic

# module.yaml
imports:
    - path: github.com/wonyoung-jang/hugo-PolyRhythmic
  1. 在你的 config.yaml 中添加
theme: ["PolyRhythmic"]

支持

  • 在 GitHub 上 Star，分享和使用此仓库
  • 如果你想赞助我，可以通过 Github Sponsors
  • 你也可以在 Ko-Fi 上捐款

感谢

  • Fuse.js
  • Material Symbols
  • Material Design 3
  • Google Fonts

另请参阅