https://theme-cards.hbstack.dev/Recent content on HB Cards ThemeHugo -- gohugo.ioenCopyright © 2022-{year} [Hugo Modules](https://hugomods.com/) and [HB Framework](https://hbstack.dev/). All Rights Reserved.https://theme-cards.hbstack.dev/docs/install-from-scratch/Sat, 02 Dec 2023 11:47:31 +0800https://theme-cards.hbstack.dev/docs/install-from-scratch/We offers an example site for getting started with this theme. Please run these commands from PowerShell or a Linux terminal such as WSL or Git Bash. Requirements Go Hugo extended version Node.js 16 or later Read more on prerequisites. Clone the Repository 1git clone --depth 1 https://github.com/hbstack/theme-cards Copy the Example Site 1cp -r theme-cards/exampleSite mysite Change Working Directory 1cd mysite Tweak go.mod This guide uses sed command to edit the file, please feel free to open and edit the go.https://theme-cards.hbstack.dev/docs/migrate-from-starter-theme/Fri, 01 Dec 2023 11:47:31 +0800https://theme-cards.hbstack.dev/docs/migrate-from-starter-theme/You can migrate to cards theme from the starter theme effortlessly within two steps. Import the Cards Theme Module You’ll ve to put the module github.com/hbstack/theme-cards on the top, to make sure that the cards theme gets higher priority. TOML YAML JSON hugo.toml 1[module] 2[[module.imports]] 3 path = 'github.com/hbstack/theme-cards' hugo.yaml 1module: 2 imports: 3 - path: github.com/hbstack/theme-cards hugo.json 1{ 2 "module": { 3 "imports": [ 4 { 5 "path": "github.com/hbstack/theme-cards" 6 } 7 ] 8 } 9} Tweak Parameters To make the carousel to take whole row on homepage, you’ll need to tweak the position of pinned posts.https://theme-cards.hbstack.dev/blog/2023/11/diagrams-and-charts/Sun, 26 Nov 2023 16:36:24 +0800https://theme-cards.hbstack.dev/blog/2023/11/diagrams-and-charts/Using Mermaid Code Block 1```mermaid 2graph TD; 3 A-->B; 4 A-->C; 5 B-->D; 6 C-->D; 7``` graph TD; A-->B; A-->C; B-->D; C-->D; Using Mermaid Shortcode 1{{< mermaid >}} 2sequenceDiagram 3 participant Alice 4 participant Bob 5 Alice->>John: Hello John, how are you? 6 loop Healthcheck 7 John->>John: Fight against hypochondria 8 end 9 Note right of John: Rational thoughts <br/>prevail! 10 John-->>Alice: Great! 11 John->>Bob: How about you? 12 Bob-->>John: Jolly good!https://theme-cards.hbstack.dev/blog/2023/11/math-typesetting/Sun, 26 Nov 2023 16:36:24 +0800https://theme-cards.hbstack.dev/blog/2023/11/math-typesetting/Using KaTeX Code Block 1```katex 2f(a,b,c) = (a^2+b^2+c^2)^3 3``` $$f(a,b,c) = (a^2+b^2+c^2)^3$$ Using KaTeX Shortcode 1{{< katex >}} 2f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi 3{{< /katex >}} $$ f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi $$ Further Reading KaTeX official site Hugo KaTeX modulehttps://theme-cards.hbstack.dev/news/2023/11/first-version-is-out./Sun, 26 Nov 2023 16:26:40 +0800https://theme-cards.hbstack.dev/news/2023/11/first-version-is-out./We’re proud to announce the first version (v0.1.0) of HB cards theme is available now. Please checkout out the docs for installing the theme.https://theme-cards.hbstack.dev/notes/use-docs-layout-on-other-sections/Thu, 02 Nov 2023 11:47:31 +0800https://theme-cards.hbstack.dev/notes/use-docs-layout-on-other-sections/Backgrounds The docs module/layout was applied for the docs section by default, it makes sense to separate the multiple digital gardens into different sections in most cases, such as docs for multiple projects, guides and notes. How to Use Docs Layout on other Sections? To use the docs layout on sections other than docs, what you need to do is to set the type to docs in front matter. TOML YAML JSON 1type = 'docs' 1type: docs 1{ 2 "type": "docs" 3}https://theme-cards.hbstack.dev/blog/2022/09/example-post-without-images/Sat, 10 Sep 2022 00:00:00 +0000https://theme-cards.hbstack.dev/blog/2022/09/example-post-without-images/A sample for showing how theme display posts those without images.