mirror of
https://github.com/ditatompel/insights.git
synced 2025-01-08 03:12:06 +07:00
52 lines
3.3 KiB
Markdown
52 lines
3.3 KiB
Markdown
|
# HB Theme Template
|
||
|
|
|
||
|
|
The starter theme template of [HB Framework](https://hbstack.dev/), live demo: https://theme.hbstack.dev/.
|
||
|
|
|
||
|
|
## Documentations
|
||
|
|
|
||
|
|
| English | 简体中文 |
|
||
|
|
| ------- | -------- |
|
||
|
|
| [Prerequisites](https://hbstack.dev/en/docs/getting-started/prerequisites/) | [先决条件](https://hbstack.dev/zh-hans/docs/getting-started/prerequisites/) |
|
||
|
|
| [Installation](https://hbstack.dev/en/docs/getting-started/installation/) | [安裝](https://hbstack.dev/zh-hans/docs/getting-started/installation/) |
|
||
|
|
| [Configuration](https://hbstack.dev/en/docs/configuration/) | [配置](https://hbstack.dev/zh-hans/docs/configuration/) |
|
||
|
|
| [Content](https://hbstack.dev/en/docs/content/) | [内容](https://hbstack.dev/zh-hans/docs/content/) |
|
||
|
|
| [Deployment](https://hbstack.dev/en/docs/deployment/) | [部署](https://hbstack.dev/zh-hans/docs/deployment/) |
|
||
|
|
| [Modules](https://hbstack.dev/en/docs/modules/) | [模块](https://hbstack.dev/zh-hans/docs/modules/) |
|
||
|
|
|
||
|
|
## Features
|
||
|
|
|
||
|
|
- **Fast** and **SEO** friendly: [PageSpeed Insight](https://pagespeed.web.dev/analysis?url=https://theme.hbstack.dev/en/) scored perfect :100: in all four metrics on mobile and desktop.
|
||
|
|
- **Multi-purpose**: blog, project documentations, digital garden, gallery, landing pages and so on.
|
||
|
|
- **Responsive**: mobile first, built on top of Bootstrap v5.3.
|
||
|
|
- :ice_cube: **Modular** and **flexible**: extend features via various modules.
|
||
|
|
- :first_quarter_moon: **Dark mode**: light, dark or auto (follow system).
|
||
|
|
- :mag: **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.
|
||
|
|
- :rocket: **PWA**:
|
||
|
|
- Installable: add site to home screen.
|
||
|
|
- Offline available: offline page and offline image.
|
||
|
|
- Allow precaching resources, such as CSS, JS and fonts.
|
||
|
|
- **Advanced**:
|
||
|
|
- Custom SCSS [variables](https://github.com/hbstack/theme/blob/main/assets/hb/modules/custom/scss/variables.tmpl.scss) and [style](https://github.com/hbstack/theme/blob/main/assets/hb/modules/custom/scss/index.scss).
|
||
|
|
- Custom [JavaScript](https://github.com/hbstack/theme/blob/main/assets/hb/modules/custom/js/index.ts).
|
||
|
|
- Custom HTML markup:
|
||
|
|
- [Before the end of `<head>`](https://github.com/hbstack/theme/blob/main/layouts/partials/hugopress/modules/hb-custom/hooks/head-end.html)
|
||
|
|
- [Before the end of `<body>`](https://github.com/hbstack/theme/blob/main/layouts/partials/hugopress/modules/hb-custom/hooks/body-end.html)
|
||
|
|
- :framed_picture: **Images Processing**: process images via URL query string and fragment, such as alignment, resizing, cropping and so on, friendly to Markdown.
|
||
|
|
- :computer: **Code block panel**: expand toggle, code copy button, line number toggle and wrap toggle.
|
||
|
|
- **Menus**: supports header menus and footer menus.
|
||
|
|
- Related posts slide.
|
||
|
|
- :framed_picture: Image viewer: zoom in/out image.
|
||
|
|
- :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.
|
||
|
|
- ...
|
||
|
|
|
||
|
|
## Screenshot
|
||
|
|
|
||
|
|
|