<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Themes on HB Framework</title><link>https://hbstack.dev/themes/</link><description>Recent content in Themes on HB Framework</description><generator>Hugo</generator><language>en</language><copyright>Copyright © 2022-2026 HB Framework. All Rights Reserved.</copyright><atom:link href="https://hbstack.dev/themes/index.xml" rel="self" type="application/rss+xml"/><item><title>HB Search Theme</title><link>https://hbstack.dev/themes/search/</link><pubDate>Sat, 26 Oct 2024 08:07:54 +0000</pubDate><guid>https://hbstack.dev/themes/search/</guid><description>&lt;h2 id="motivations"&gt;Motivations&lt;/h2&gt;
&lt;p&gt;It&amp;rsquo;s designed for client-side, cross sites searching.&lt;/p&gt;
&lt;h2 id="live-demo"&gt;Live Demo&lt;/h2&gt;
&lt;p&gt;Check out the live demo on &lt;a
 href="https://theme-search.hbstack.dev/"
 
 target="_blank" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="installation"&gt;Installation&lt;/h2&gt;
&lt;h3 id="clone-the-template"&gt;Clone the Template&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-sh" data-lang="sh"&gt;&lt;span class="line"&gt;&lt;span class="ln"&gt;1&lt;/span&gt;&lt;span class="cl"&gt;git clone --depth &lt;span class="m"&gt;1&lt;/span&gt; https://github.com/hbstack/template-search site-search
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;h3 id="change-directory"&gt;Change Directory&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-sh" data-lang="sh"&gt;&lt;span class="line"&gt;&lt;span class="ln"&gt;1&lt;/span&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; site-search
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;

&lt;h3 id="start-server"&gt;Start Server&lt;/h3&gt;
&lt;p&gt;To start Hugo server, you can either using Docker Compose or native tools.&lt;/p&gt;
&lt;h4 id="start-server-via-docker-compose"&gt;Start Server via Docker Compose&lt;/h4&gt;
&lt;p&gt;The template ships with a Docker Compose configuration, it&amp;rsquo;s recommended if you have Docker installed on your environment.&lt;/p&gt;</description></item><item><title>HB Cards Theme</title><link>https://hbstack.dev/themes/cards/</link><pubDate>Tue, 05 Dec 2023 13:04:44 +0800</pubDate><guid>https://hbstack.dev/themes/cards/</guid><description>&lt;p&gt;The cards style theme of &lt;a
 href="https://hbstack.dev/"
 
 &gt;HB Framework&lt;/a&gt;, live demo: &lt;a
 href="https://theme-cards.hbstack.dev/"
 
 target="_blank" rel="noopener noreferrer"&gt;https://theme-cards.hbstack.dev/&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="documentation"&gt;Documentation&lt;/h2&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;English&lt;/th&gt;
 &lt;th&gt;简体中文&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;a
 href="https://theme-cards.hbstack.dev/docs/install-from-scratch/"
 
 target="_blank" rel="noopener noreferrer"&gt;Install from scratch&lt;/a&gt;&lt;/td&gt;
 &lt;td&gt;&lt;a
 href="https://theme-cards.hbstack.dev/zh-hans/docs/install-from-scratch/"
 
 target="_blank" rel="noopener noreferrer"&gt;从头开始安装&lt;/a&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;a
 href="https://theme-cards.hbstack.dev/docs/migrate-from-starter-theme/"
 
 target="_blank" rel="noopener noreferrer"&gt;Migrate from starter theme&lt;/a&gt;&lt;/td&gt;
 &lt;td&gt;&lt;a
 href="https://theme-cards.hbstack.dev/zh-hans/docs/migrate-from-starter-theme/"
 
 target="_blank" rel="noopener noreferrer"&gt;从新手模板迁移&lt;/a&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="screenshot"&gt;Screenshot&lt;/h2&gt;
&lt;p&gt;















 
 &lt;picture&gt;
 &lt;img class="img-fluid" src="https://raw.githubusercontent.com/hbstack/theme-cards/main/images/screenshot.png" alt="Screenshot" loading="lazy" /&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;h2 id="features"&gt;Features&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Fast&lt;/strong&gt; and &lt;strong&gt;SEO&lt;/strong&gt; friendly: &lt;a
 href="https://pagespeed.web.dev/analysis?url=https://theme-cards.hbstack.dev/"
 
 target="_blank" rel="noopener noreferrer"&gt;PageSpeed Insight&lt;/a&gt; scored perfect &amp;#x1f4af; in all four metrics on mobile and desktop.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Multi-purpose&lt;/strong&gt;: blog, project documentation, digital gardens, landing pages and so on.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Responsive&lt;/strong&gt;: mobile first, built on top of Bootstrap v5.3.&lt;/li&gt;
&lt;li&gt;&amp;#x1f9ca; &lt;strong&gt;Modular&lt;/strong&gt; and &lt;strong&gt;flexible&lt;/strong&gt;: extend features via various modules.&lt;/li&gt;
&lt;li&gt;&amp;#x1f313; &lt;strong&gt;Dark mode&lt;/strong&gt;: light, dark or auto (follow system).&lt;/li&gt;
&lt;li&gt;&amp;#x1f50d; &lt;strong&gt;Search&lt;/strong&gt;: powerful client side &lt;em&gt;fuzzy&lt;/em&gt; search that allows &lt;em&gt;filtering&lt;/em&gt; and &lt;em&gt;sorting&lt;/em&gt; of results, as well as searching from all multilingual sites.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;PurgeCSS&lt;/strong&gt;: remove unused CSS.&lt;/li&gt;
&lt;li&gt;&amp;#x1f680; &lt;strong&gt;PWA&lt;/strong&gt;:
&lt;ul&gt;
&lt;li&gt;Installable: add site to home screen.&lt;/li&gt;
&lt;li&gt;Offline available: offline page and offline image.&lt;/li&gt;
&lt;li&gt;Allow precaching resources, such as CSS, JS and fonts.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Advanced&lt;/strong&gt;:
&lt;ul&gt;
&lt;li&gt;Custom SCSS &lt;a
 href="https://github.com/hbstack/theme-cards/blob/main/exampleSite/assets/hb/modules/custom/scss/variables.tmpl.scss"
 
 target="_blank" rel="noopener noreferrer"&gt;variables&lt;/a&gt; and &lt;a
 href="https://github.com/hbstack/theme-cards/blob/main/exampleSite/assets/hb/modules/custom/scss/index.scss"
 
 target="_blank" rel="noopener noreferrer"&gt;style&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Custom &lt;a
 href="https://github.com/hbstack/theme-cards/blob/main/exampleSite/assets/hb/modules/custom/js/index.ts"
 
 target="_blank" rel="noopener noreferrer"&gt;JavaScript&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Custom HTML markup:
&lt;ul&gt;
&lt;li&gt;&lt;a
 href="https://github.com/hbstack/theme-cards/blob/main/exampleSite/layouts/partials/hugopress/modules/hb-custom/hooks/head-end.html"
 
 target="_blank" rel="noopener noreferrer"&gt;Before the end of &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a
 href="https://github.com/hbstack/theme-cards/blob/main/exampleSite/layouts/partials/hugopress/modules/hb-custom/hooks/body-end.html"
 
 target="_blank" rel="noopener noreferrer"&gt;Before the end of &lt;code&gt;&amp;lt;body&amp;gt;&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a
 href="https://github.com/hbstack/theme-cards/blob/main/exampleSite/layouts/partials/hugopress/modules/hb-custom/hooks/hb-blog-sidebar.html"
 
 target="_blank" rel="noopener noreferrer"&gt;Custom sidebar widget&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&amp;#x1f5bc;&amp;#xfe0f; &lt;strong&gt;Images Processing&lt;/strong&gt;: process images via URL query string and fragment, such as alignment, resizing, cropping and so on, friendly to Markdown.&lt;/li&gt;
&lt;li&gt;&amp;#x1f4bb; &lt;strong&gt;Code block panel&lt;/strong&gt;: expand toggle, code copy button, line number toggle and wrap toggle.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Menus&lt;/strong&gt;: supports header menus and footer menus.&lt;/li&gt;
&lt;li&gt;Related posts slide.&lt;/li&gt;
&lt;li&gt;&amp;#x1f5bc;&amp;#xfe0f; Image viewer: zoom in/out image.&lt;/li&gt;
&lt;li&gt;&amp;#x1f5c2;&amp;#xfe0f;	&lt;strong&gt;Archives&lt;/strong&gt;: group by year and month.&lt;/li&gt;
&lt;li&gt;&amp;#x1f4dd; &lt;strong&gt;Multiple authors&lt;/strong&gt;: articles can be co-authored.&lt;/li&gt;
&lt;li&gt;&amp;#x1f310; &lt;strong&gt;Multilingual&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;&amp;#x2b05;&amp;#xfe0f; &lt;strong&gt;RTL&lt;/strong&gt;: supports Right-to-Left languages.&lt;/li&gt;
&lt;li&gt;&amp;#x2b06;&amp;#xfe0f; Back/Return to top button.&lt;/li&gt;
&lt;li&gt;Social links: supports header and footer social links.&lt;/li&gt;
&lt;li&gt;Content: supports KaTex (math), Mermaid (diagrams) and Bootstrap shortcodes.&lt;/li&gt;
&lt;li&gt;&amp;hellip;&lt;/li&gt;
&lt;/ul&gt;</description></item></channel></rss>