The cards theme of HB Framework, live demo: https://theme-cards.hbstack.dev/.
English | 简体中文 |
---|---|
Install from scratch | 从头开始安装 |
Migrate from starter theme | 从新手模板迁移 |
- Fast and SEO friendly: PageSpeed Insight scored perfect 💯 in all four metrics on mobile and desktop.
- Multi-purpose: blog, project documentation, digital gardens, landing pages and so on.
- Responsive: mobile first, built on top of Bootstrap v5.3.
- 🧊 Modular and Flexible: easily extend functionality using a variety of modules.
- 🌓 Dark mode: light, dark, or auto (follows system default).
- 🔍 Search: powerful client-side fuzzy search with features like filtering, sorting results, and searching across multilingual sites.
- PurgeCSS: automatically remove unused CSS to optimize performance.
- 🚀 PWA:
- Installable: sites can be added to your device's home screen, allowing it to function like a mobile app.
- Offline Availability: provides an offline page and support for offline images, ensuring functionality without an internet connection.
- Caching: resources like CSS, JS, and font files can be pre-cached.
- Advanced:
- Custom SCSS variables and styles.
- Custom JavaScript.
- Custom HTML markup:
- 🖼️ Images Processing: process images through URL query strings and fragments, allowing actions like alignment, resizing, cropping, and more. Friendly to Markdown.
- 💻 Code Block Panel: includes options to expand or collapse the block, copy code, toggle line numbers, and enable or disable line wrapping.
- Menus: supports header menus and footer menus.
- Post Relations: related posts dynamically accessible from each post.
- 🖼️ image viewer: allows image zooming.
- 🗂️ 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.