Browser docs

HB Cards Theme

December 5, 2023 2 min read
On this page
HB Cards Theme

The cards style theme of HB Framework, live demo: https://theme-cards.hbstack.dev/.

Documentations

English简体中文
Install from scratch从头开始安装
Migrate from starter theme从新手模板迁移

Screenshot

Screenshot

Features

  • Fast and SEO friendly: PageSpeed Insight scored perfect 💯 in all four metrics on mobile and desktop.
  • Multi-purpose: blog, project documentations, digital gardens, landing pages and so on.
  • Responsive: mobile first, built on top of Bootstrap v5.3.
  • 🧊 Modular and flexible: extend features via various modules.
  • 🌓 Dark mode: light, dark or auto (follow system).
  • 🔍 Search: powerful client side fuzzy search that allows filtering and sorting of results, as well as searching from all multilingual sites.
  • PurgeCSS: remove unused CSS.
  • 🚀 PWA:
    • Installable: add site to home screen.
    • Offline available: offline page and offline image.
    • Allow precaching resources, such as CSS, JS and fonts.
  • Advanced:
  • 🖼️ Images Processing: process images via URL query string and fragment, such as alignment, resizing, cropping and so on, friendly to Markdown.
  • 💻 Code block panel: expand toggle, code copy button, line number toggle and wrap toggle.
  • Menus: supports header menus and footer menus.
  • Related posts slide.
  • 🖼️ Image viewer: zoom in/out image.
  • 🗂️ Archives: group by year and month.
  • 📝 Multiple authors: articles can be co-authored.
  • 🌐 Multilingual.
  • ⬅️ RTL: supports Right-to-Left languages.
  • ⬆️ Back/Return to top button.
  • Social links: supports header and footer social links.
  • Content: supports KaTex (math), Mermaid (diagrams) and Bootstrap shortcodes.
  • …