https://github.com/hbstack/theme-cards
HB cards style theme for building fast, responsive, modern and modular static websites.
https://github.com/hbstack/theme-cards
blog bootstrap digital-garden docs hb hb-theme hugo hugo-theme responsive
Last synced: 4 months ago
JSON representation
HB cards style theme for building fast, responsive, modern and modular static websites.
- Host: GitHub
- URL: https://github.com/hbstack/theme-cards
- Owner: hbstack
- License: mit
- Created: 2023-12-03T15:43:16.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-29T08:10:21.000Z (over 1 year ago)
- Last Synced: 2024-05-29T17:17:55.081Z (over 1 year ago)
- Topics: blog, bootstrap, digital-garden, docs, hb, hb-theme, hugo, hugo-theme, responsive
- Language: HTML
- Homepage: https://theme-cards.hbstack.dev/
- Size: 2.1 MB
- Stars: 19
- Watchers: 2
- Forks: 7
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# HB Cards Theme
[](https://github.com/hbstack/theme-cards/network/dependents)
[](https://github.com/hbstack/theme-cards/blob/main/LICENSE)
[](https://github.com/hbstack/theme-cards/tags)
The cards theme of [HB Framework](https://hbstack.dev/), live demo: https://theme-cards.hbstack.dev/.
## Documentation
| English | 简体中文 |
| --- | --- |
| [Install from scratch](https://theme-cards.hbstack.dev/docs/install-from-scratch/) | [从头开始安装](https://theme-cards.hbstack.dev/zh-hans/docs/install-from-scratch/) |
| [Migrate from starter theme](https://theme-cards.hbstack.dev/docs/migrate-from-starter-theme/) | [从新手模板迁移](https://theme-cards.hbstack.dev/zh-hans/docs/migrate-from-starter-theme/) |
## Screenshot
## Features
- **Fast** and **SEO** friendly: [PageSpeed Insight](https://pagespeed.web.dev/analysis?url=https://theme-cards.hbstack.dev/) scored perfect :100: 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.
- :ice_cube: **Modular** and **Flexible**: easily extend functionality using a variety of modules.
- :first_quarter_moon: **Dark mode**: light, dark, or auto (follows system default).
- :mag: **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.
- :rocket: **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](https://github.com/hbstack/theme-cards/blob/main/exampleSite/assets/hb/modules/custom/scss/variables.tmpl.scss) and [styles](https://github.com/hbstack/theme-cards/blob/main/exampleSite/assets/hb/modules/custom/scss/index.scss).
- Custom [JavaScript](https://github.com/hbstack/theme-cards/blob/main/exampleSite/assets/hb/modules/custom/js/index.ts).
- Custom HTML markup:
- [Before the end of ``](https://github.com/hbstack/theme-cards/blob/main/exampleSite/layouts/partials/hugopress/modules/hb-custom/hooks/head-end.html)
- [Before the end of ``](https://github.com/hbstack/theme-cards/blob/main/exampleSite/layouts/partials/hugopress/modules/hb-custom/hooks/body-end.html)
- [Custom sidebar widget](https://github.com/hbstack/theme-cards/blob/main/exampleSite/layouts/partials/hugopress/modules/hb-custom/hooks/hb-blog-sidebar.html)
- :framed_picture: **Images Processing**: process images through URL query strings and fragments, allowing actions like alignment, resizing, cropping, and more. Friendly to Markdown.
- :computer: **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.
- :framed_picture: image viewer: allows image zooming.
- :card_index_dividers: **Archives**: group by year and month.
- :memo: **Multiple authors**: articles can be co-authored.
- :globe_with_meridians: **Multilingual**.
- :arrow_left: **RTL**: supports Right-to-Left languages.
- :arrow_up: Back/Return to Top button.
- Social links: supports header and footer social links.
- Content: supports KaTex (math), Mermaid (diagrams) and Bootstrap shortcodes.