<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>News on HB Framework</title><link>https://hbstack.dev/news/</link><description>Recent content in News 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/news/index.xml" rel="self" type="application/rss+xml"/><item><title>Header now supports third-level menus</title><link>https://hbstack.dev/news/2024/10/header-now-supports-third-level-menus/</link><pubDate>Tue, 08 Oct 2024 16:29:52 +0800</pubDate><guid>https://hbstack.dev/news/2024/10/header-now-supports-third-level-menus/</guid><description>&lt;p&gt;With &lt;a
 href="https://hbstack.dev/modules/header"
 
 &gt;header module&lt;/a&gt; &lt;code&gt;v0.16.0&lt;/code&gt;, now you&amp;rsquo;re able to add third-level menus.&lt;/p&gt;</description></item><item><title>Docs Navs Sticky Scroll feature is available</title><link>https://hbstack.dev/news/2024/09/docs-navs-sticky-scroll-feature-is-available/</link><pubDate>Sun, 22 Sep 2024 08:42:57 +0000</pubDate><guid>https://hbstack.dev/news/2024/09/docs-navs-sticky-scroll-feature-is-available/</guid><description>&lt;h2 id="preview"&gt;Preview&lt;/h2&gt;

&lt;div
 class="video-js-container"&gt;
 &lt;video
 data-setup="{&amp;#34;language&amp;#34;:&amp;#34;en&amp;#34;,&amp;#34;playbackRates&amp;#34;:[0.5,1,1.5,2]}"
 width="100%"
 height="100%"
 class="video-js vjs-default-skin vjs-1-1"
 
 
 controls
 
 
 &gt;
 &lt;source
 src="https://assets.hbstack.dev/videos/docs-navs-sticky-scroll.mp4"
 &gt;
 &lt;/video&gt;
&lt;/div&gt;


&lt;h2 id="turn-off-sticky-scroll"&gt;Turn Off Sticky Scroll&lt;/h2&gt;
&lt;p&gt;This feature is turn on by default, of course, you can turn it off at any time.&lt;/p&gt;
&lt;p&gt;To turn it off, you&amp;rsquo;ll need to set the &lt;code&gt;hb.docs.navs_sticky_scroll&lt;/code&gt; as &lt;code&gt;false&lt;/code&gt;.&lt;/p&gt;</description></item><item><title>Migrating to Dart Sass</title><link>https://hbstack.dev/news/2024/08/migrating-to-dart-sass/</link><pubDate>Thu, 22 Aug 2024 20:16:25 +0800</pubDate><guid>https://hbstack.dev/news/2024/08/migrating-to-dart-sass/</guid><description>&lt;h2 id="how-to-migrate-to-dart-sass"&gt;How to Migrate to Dart Sass?&lt;/h2&gt;
&lt;p&gt;Since the Dart Sass isn&amp;rsquo;t included into Hugo binary, you&amp;rsquo;ve to &lt;a
 href="https://gohugo.io/hugo-pipes/transpile-sass-to-css/#installing-in-a-development-environment"
 
 target="_blank" rel="noopener noreferrer"&gt;install&lt;/a&gt; it on your environment first, and upgrade modules, then rebuild sites.&lt;/p&gt;
&lt;p&gt;If there is any errors, please report to us via &lt;a
 href="https://github.com/orgs/hbstack/discussions"
 
 target="_blank" rel="noopener noreferrer"&gt;GitHub Discussions&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id="dart-sass-warnings"&gt;Dart Sass Warnings?&lt;/h3&gt;
&lt;p&gt;You may see some warnings from Dart Sass, it has been fixed in Bootstrap, but not release yet, to fix it, you&amp;rsquo;ll need to upgrade Bootstrap to latest dev version.&lt;/p&gt;</description></item><item><title>HB Framework Node.js Meta Package</title><link>https://hbstack.dev/news/2024/07/hb-framework-node.js-meta-package/</link><pubDate>Fri, 19 Jul 2024 12:14:52 +0800</pubDate><guid>https://hbstack.dev/news/2024/07/hb-framework-node.js-meta-package/</guid><description>&lt;h2 id="what-is-this"&gt;What Is This?&lt;/h2&gt;
&lt;p&gt;The &lt;code&gt;@hbstack/node-packages&lt;/code&gt; is a meta package that includes all requirements of HB Framework, such as Autoprefixer, PostCSS, PurgeCSS and RTLCSS, which is used to simplify the installation of dependencies.&lt;/p&gt;
&lt;h2 id="migration"&gt;Migration&lt;/h2&gt;
&lt;p&gt;Migration is optional, it won&amp;rsquo;t break build of your sites, but we recommend doing so, the main advantage is that you only need to update the meta package even if HB Framework remove or add dependencies in the future.&lt;/p&gt;</description></item><item><title>What's News in Blog's v0.23.0, v0.24.0 and Related Modules</title><link>https://hbstack.dev/news/2023/12/whats-news-in-blogs-v0.23.0-v0.24.0-and-related-modules/</link><pubDate>Thu, 21 Dec 2023 13:42:58 +0800</pubDate><guid>https://hbstack.dev/news/2023/12/whats-news-in-blogs-v0.23.0-v0.24.0-and-related-modules/</guid><description>&lt;h2 id="blog-module"&gt;Blog Module&lt;/h2&gt;
&lt;p&gt;With the &lt;a
 href="https://hbstack.dev/modules/blog/"
 
 &gt;blog module&lt;/a&gt; &lt;code&gt;v0.23.0&lt;/code&gt; and &lt;code&gt;v0.24.0&lt;/code&gt; were being released, the blog layout is becoming much more flexiable, now you&amp;rsquo;re able to:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Change the layout: one column (without sidebar), two columns or three columns.&lt;/li&gt;
&lt;li&gt;Change the sidebar position: left or right.&lt;/li&gt;
&lt;li&gt;Tweak the sidebar width.&lt;/li&gt;
&lt;li&gt;Stick the sidebar or not.&lt;/li&gt;
&lt;li&gt;Change the ToC position: on the left of the content, on right of the content, or above the content.&lt;/li&gt;
&lt;li&gt;Remove carousel from homepage by setting the corresponding parameter to &lt;code&gt;0&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Customize the number of posts per row for &lt;code&gt;md&lt;/code&gt;, &lt;code&gt;lg&lt;/code&gt; breakpoints.&lt;/li&gt;
&lt;li&gt;New hooks were added: &lt;code&gt;hb-blog-post-content-afterbegin&lt;/code&gt; and &lt;code&gt;hb-blog-post-content-beforeend&lt;/code&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="blog-sidebar-posts-module"&gt;Blog Sidebar Posts Module&lt;/h2&gt;
&lt;p&gt;The &lt;a
 href="https://hbstack.dev/modules/blog/sidebar/posts/"
 
 &gt;blog sidebar posts module&lt;/a&gt;&amp;rsquo;s &lt;code&gt;v0.7.0&lt;/code&gt; introduces a new list style called &lt;code&gt;vertical&lt;/code&gt;.&lt;/p&gt;</description></item><item><title>HB Cards Theme is Out</title><link>https://hbstack.dev/news/2023/12/hb-cards-theme-is-out/</link><pubDate>Tue, 05 Dec 2023 13:14:52 +0800</pubDate><guid>https://hbstack.dev/news/2023/12/hb-cards-theme-is-out/</guid><description>&lt;p&gt;We&amp;rsquo;re proud to announce that our new &lt;a
 href="https://hbstack.dev/themes/cards/"
 
 &gt;cards theme&lt;/a&gt; is available now.&lt;/p&gt;</description></item><item><title>Broken styles when building site via Hugo v0.120.0 or later</title><link>https://hbstack.dev/news/2023/10/broken-styles-when-building-site-via-hugo-v0.120.0-or-later/</link><pubDate>Tue, 31 Oct 2023 16:33:52 +0800</pubDate><guid>https://hbstack.dev/news/2023/10/broken-styles-when-building-site-via-hugo-v0.120.0-or-later/</guid><description>&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;hugo mod get github.com/hugomods/hugopress@v0.2.2
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="ln"&gt;2&lt;/span&gt;&lt;span class="cl"&gt;hugo mod get github.com/hbstack/footer@v0.2.7
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description></item><item><title>Header Breakpoint</title><link>https://hbstack.dev/news/2023/09/header-breakpoint/</link><pubDate>Sun, 03 Sep 2023 00:52:53 +0800</pubDate><guid>https://hbstack.dev/news/2023/09/header-breakpoint/</guid><description>&lt;h2 id="backgrounds"&gt;Backgrounds&lt;/h2&gt;
&lt;p&gt;The header was initially designed to be collapsed when the width is less than &lt;code&gt;xxl&lt;/code&gt; breakpoint, otherwise expanding.
The problem is that the header collapsed and looks empty under the &lt;code&gt;lg&lt;/code&gt; and &lt;code&gt;xl&lt;/code&gt; breakpoint. So we introduce the &lt;code&gt;breakpoint&lt;/code&gt; parameter, and use the &lt;code&gt;lg&lt;/code&gt; as default to suit most of the cases.&lt;/p&gt;
&lt;h2 id="usage"&gt;Usage&lt;/h2&gt;
&lt;div class="config-toggle mb-3"&gt;
 &lt;ul class="nav nav-tabs mb-1" role="tablist"&gt;&lt;li class="nav-item mb-0" role="presentation"&gt;
 &lt;button
 class="nav-link active"
 id="code-toggle-hugo-481623957-toml-tab"
 data-bs-toggle="tab"
 data-bs-target="#code-toggle-hugo-481623957-toml"
 type="button"
 role="tab"
 aria-controls="code-toggle-hugo-481623957-toml"
 aria-selected="true"&gt;
 TOML
 &lt;/button&gt;
 &lt;/li&gt;&lt;li class="nav-item mb-0" role="presentation"&gt;
 &lt;button
 class="nav-link"
 id="code-toggle-hugo-481623957-yaml-tab"
 data-bs-toggle="tab"
 data-bs-target="#code-toggle-hugo-481623957-yaml"
 type="button"
 role="tab"
 aria-controls="code-toggle-hugo-481623957-yaml"
 aria-selected="false"&gt;
 YAML
 &lt;/button&gt;
 &lt;/li&gt;&lt;li class="nav-item mb-0" role="presentation"&gt;
 &lt;button
 class="nav-link"
 id="code-toggle-hugo-481623957-json-tab"
 data-bs-toggle="tab"
 data-bs-target="#code-toggle-hugo-481623957-json"
 type="button"
 role="tab"
 aria-controls="code-toggle-hugo-481623957-json"
 aria-selected="false"&gt;
 JSON
 &lt;/button&gt;
 &lt;/li&gt;&lt;/ul&gt;
 &lt;div class="tab-content"&gt;
 &lt;div
 class="tab-pane fade show active"
 id="code-toggle-hugo-481623957-toml"
 role="tabpanel"
 aria-labelledby="code-toggle-hugo-481623957-toml-tab"&gt;&lt;p class="user-select-all mb-1 text-secondary"&gt;hugo.toml&lt;/p&gt;</description></item><item><title>Move to a New Domain Name</title><link>https://hbstack.dev/news/2023/04/move-to-a-new-domain-name/</link><pubDate>Wed, 19 Apr 2023 22:35:38 +0800</pubDate><guid>https://hbstack.dev/news/2023/04/move-to-a-new-domain-name/</guid><description>&lt;p&gt;We recently moved our website to a new domain name - &lt;a
 href="https://hbstack.dev/"
 
 &gt;hbstack.dev&lt;/a&gt;.&lt;/p&gt;</description></item></channel></rss>