Resound 主题示例站点

欢迎使用 Resound 主题

欢迎使用 Resound - 一个让你的内容产生回响的 Hugo 主题!

主题特色

Resound 是一个功能丰富、设计优雅的 Hugo 博客主题,具有以下特点:

核心功能

  1. 响应式设计 - 完美适配手机、平板、桌面
  2. 侧边栏导航 - 抽屉式设计,支持多级菜单
  3. 文章目录 - 自动生成,滚动高亮
  4. 站内搜索 - 快速、准确的前端搜索
  5. 归档分类 - 按年月分组,易于浏览

高级特性

  • 🎤 幻灯片模式 - 基于 Reveal.js
  • 📊 数学公式 - MathJax 支持
  • 📈 图表渲染 - Mermaid 支持
  • 💬 评论系统 - Giscus 集成
  • 📊 数据分析 - Google Analytics

快速开始

安装主题

git submodule add https://github.com/ifeitao/hugo-theme-resound.git themes/resound

配置站点

在 hugo.toml 中设置:

theme = 'resound'

[params]
  slogan = '你的网站标语'
  author = '你的名字'

创建文章

hugo new posts/my-first-post.md

使用技巧

启用目录

在文章的 front matter 中添加:

toc: true

代码高亮

支持多种编程语言的语法高亮:

def hello_world():
    print("Hello, Resound!")
    return True
function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

表格支持

功能支持情况说明
响应式✅完全支持
搜索✅前端搜索
评论✅Giscus
幻灯片✅Reveal.js

列表和引用

无序列表:

  • 第一项
  • 第二项
    • 子项 2.1
    • 子项 2.2
  • 第三项

有序列表:

  1. 首先
  2. 其次
  3. 最后

引用:

Resound - Make Your Content Resound

让你的内容产生回响

进阶功能

查看其他示例文章了解更多高级功能:

获取帮助


开始你的创作之旅吧! 🚀