René's URL Explorer Experiment


Title: Module Guide - Develop Manual - HB Framework

Open Graph Title: Module Guide

X Title: Module Guide

Description: Do you want to create and share your creative HB modules? Here is everything you want to know.

Open Graph Description: Do you want to create and share your creative HB modules? Here is everything you want to know.

X Description: Do you want to create and share your creative HB modules? Here is everything you want to know.

Opengraph URL: https://hbstack.dev/develop/module/

direct link

Domain: hbstack.dev

og:site_nameHB Framework
og:localeen
og:typearticle
article:sectiondevelop
article:published_time2023-02-16T14:08:34+08:00
article:modified_time2026-02-12T02:28:06+00:00
article:tagCSS
og:see_alsohttps://hbstack.dev/modules/user-experience/preferred-language/
NoneModule,SCSS,Hooks,TypeScript,JavaScript,CSS
twitter:cardsummary

Links:

HBhttps://hbstack.dev/
github.com/hbstack/blog/v0.42.2 Wednesday, January 7, 2026https://hbstack.dev/releases/github.com-hbstack-blog/v0.42.2/
github.com/hbstack/header/modules/theme-toggle/v0.5.3 Wednesday, January 7, 2026https://hbstack.dev/releases/github.com-hbstack-header/modules-theme-toggle-v0.5.3/
github.com/hbstack/header/modules/git-repo/v0.4.4 Sunday, October 12, 2025https://hbstack.dev/releases/github.com-hbstack-header/modules-git-repo-v0.4.4/
github.com/hbstack/header/v0.16.7 Sunday, October 12, 2025https://hbstack.dev/releases/github.com-hbstack-header/v0.16.7/
github.com/hbstack/theme-start/v0.8.0 Sunday, October 5, 2025https://hbstack.dev/releases/github.com-hbstack-theme-start/v0.8.0/
HB Framework7065306https://github.com/hbstack
Docshttps://hbstack.dev/develop/module/
User GuideThe guide for theme users.https://hbstack.dev/docs/
ExamplesLearn by examples.https://hbstack.dev/examples/
Develop ManualThe guide for theme developers.https://hbstack.dev/develop/
ShowcasesWho's using HB framework?https://hbstack.dev/sites/
Bloghttps://hbstack.dev/posts/
Toggle Dropdownhttps://hbstack.dev/develop/module/
PostsPosts list.https://hbstack.dev/blog/
ArchivesPosts archive.https://hbstack.dev/archives/
AuthorsAuthors list.https://hbstack.dev/authors/
CategoriesAll of categories.https://hbstack.dev/categories/
NewsNews about site and modules.https://hbstack.dev/news/
SeriesAll of the series.https://hbstack.dev/series/
TagsAll of tags.https://hbstack.dev/tags/
Moduleshttps://hbstack.dev/modules/
Toggle Dropdownhttps://hbstack.dev/develop/module/
OverviewThis article shows how to install, uninstall, upgrade, clean and tidy modules.https://hbstack.dev/modules/overview/
HeaderUniversal header module.https://hbstack.dev/modules/header/
FooterUniversal footer module.https://hbstack.dev/modules/footer/
BlogUniversal blog module.https://hbstack.dev/modules/blog/
DocsUniversal documentation module.https://hbstack.dev/modules/docs/
ReleasesLatest releases of HB modules.https://hbstack.dev/releases/
Supporthttps://github.com/hbstack/
Toggle Dropdownhttps://hbstack.dev/develop/module/
GitHubThe code repository.https://github.com/hbstack/
DiscussionAsk questions and share your ideas.https://github.com/orgs/hbstack/discussions/
Bug ReportTell us about a bug or issue.https://github.com/orgs/hbstack/discussions/new?category=issues-and-bugs
Feature RequestSuggest new or updated features.https://github.com/orgs/hbstack/discussions/new?category=ideas
MastodonMastodonFollow us on Mastodon for getting latest updates.https://techhub.social/@hbstack
Join UsGet involved.https://hbstack.dev/docs/join-us/
StatusHB Framework services status.https://status.hbstack.dev/
ThanksThank for your donations and contributions.https://hbstack.dev/thanks/
Themeshttps://hbstack.dev/themes/
GitHub Sponsors GitHub Sponsors https://github.com/razonyang
PayPal PayPal https://www.paypal.com/paypalme/razonyang
AFDIAN https://afdian.com/a/razonyang
GitHub GitHub https://github.com/hbstack
Mastodon Mastodon https://techhub.social/@hbstack
RSShttps://hbstack.dev/index.xml
Englishhttps://hbstack.dev/develop/module/
Englishhttps://hbstack.dev/develop/module/
简体中文https://zh-hans.hbstack.dev/develop/module/
繁體中文https://zh-hant.hbstack.dev/develop/module/
Style Guidehttps://hbstack.dev/develop/style-guide/
Module Guidehttps://hbstack.dev/develop/module/
PurgeCSS PurgeCSShttps://hbstack.dev/develop/purgecss/
Homehttps://hbstack.dev/
Develop Manualhttps://hbstack.dev/develop/
Module Guidehttps://hbstack.dev/develop/module/
https://hbstack.dev/authors/hb/
Develophttps://hbstack.dev/categories/develop/
Docshttps://hbstack.dev/series/docs/
Modulehttps://hbstack.dev/tags/module/
SCSShttps://hbstack.dev/tags/scss/
Hookshttps://hbstack.dev/tags/hooks/
TypeScripthttps://hbstack.dev/tags/typescript/
JavaScripthttps://hbstack.dev/tags/javascript/
CSShttps://hbstack.dev/tags/css/
AFDIAN https://afdian.com/a/razonyang
GitHub Sponsors GitHub Sponsors https://github.com/sponsors/razonyang
PayPal PayPalhttps://www.paypal.com/paypalme/razonyang
Example Functionalitieshttps://hbstack.dev/develop/module/#example-functionalities
Preparationshttps://hbstack.dev/develop/module/#preparations
Initial Modulehttps://hbstack.dev/develop/module/#initial-module
Set up a HB Sitehttps://hbstack.dev/develop/module/#set-up-a-hb-site
Import the Local Modulehttps://hbstack.dev/develop/module/#import-the-local-module
Start the Testing Sitehttps://hbstack.dev/develop/module/#start-the-testing-site
Module Configuration Filehttps://hbstack.dev/develop/module/#module-configuration-file
Append Attributes on and https://hbstack.dev/develop/module/#append-attributes-on-html-and-body
Using Hookshttps://hbstack.dev/develop/module/#using-hooks
Generate Stuff on https://hbstack.dev/develop/module/#generate-stuff-on-head
Generates the Greeting Messagehttps://hbstack.dev/develop/module/#generates-the-greeting-message
Styling Modulehttps://hbstack.dev/develop/module/#styling-module
Adding Scriptshttps://hbstack.dev/develop/module/#adding-scripts
Test on Production Modehttps://hbstack.dev/develop/module/#test-on-production-mode
Deploymenthttps://hbstack.dev/develop/module/#deployment
https://github.com/sponsors/razonyang
Source codehttps://github.com/hbstack/hello
starter themehttps://github.com/hbstack/theme
Build toolshttps://hbstack.dev/docs/getting-started/prerequisites/#build-tools
layouts/partials/hugopress/modules/hb-vendor-hello/attributes/document.htmlhttps://hbstack.dev/develop/module/#collapse-1
layouts/partials/hugopress/modules/hb-vendor-hello/attributes/body.htmlhttps://hbstack.dev/develop/module/#collapse-2
HugoPress’s built-in hookshttps://hugomods.com/en/docs/hugopress/#hooks
hooks contexthttps://hugomods.com/en/docs/hugopress/#hooks-context
layouts/partials/hugopress/modules/hb-vendor-hello/hooks/head-begin.htmlhttps://hbstack.dev/develop/module/#collapse-3
layouts/partials/hugopress/modules/hb-vendor-hello/hooks/head-end.htmlhttps://hbstack.dev/develop/module/#collapse-4
layouts/partials/hugopress/modules/hb-vendor-hello/hooks/body-begin.htmlhttps://hbstack.dev/develop/module/#collapse-5
assets/hb/modules/vendor-hello/scss/variables.tmpl.scsshttps://hbstack.dev/develop/module/#collapse-6
assets/hb/modules/vendor-hello/scss/index.scsshttps://hbstack.dev/develop/module/#collapse-7
assets/hb/modules/vendor-hello/js/index.tshttps://hbstack.dev/develop/module/#collapse-8
PurgeCSShttps://hbstack.dev/develop/purgecss/
https://github.com/razonyang
View the page source https://github.com/hbstack/site/blob/main/content/develop/module/index.en.md
Edit the page https://github.com/hbstack/site/edit/main/content/develop/module/index.en.md
Historyhttps://github.com/hbstack/site/commits/main/content/develop/module/index.en.md
X https://twitter.com/intent/tweet?url=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F&text=Module+Guide
Facebook https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F
LinkedIn https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F
Sina Weibo https://service.weibo.com/share/share.php?url=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F&title=Module+Guide
https://hbstack.dev/cdn-cgi/l/email-protection#b689c5c3d4dcd3d5c28bff938481d2938486dadfddd3938486c2d9938486c5ded7c4d3938486d7938486dadfd8dd938486c1dfc2de938486cfd9c390d7dbc68dd4d9d2cf8bfbd9d2c3dad39df1c3dfd2d3938486dec2c2c6c59385f79384f09384f0ded4c5c2d7d5dd98d2d3c09384f0d2d3c0d3dad9c69384f0dbd9d2c3dad39384f0
Reddit https://www.reddit.com/submit?title=Module+Guide&url=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F
Telegram https://t.me/share/url?url=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F&text=Module+Guide
WhatsApphttps://wa.me/?text=https%3A%2F%2Fhbstack.dev%2Fdevelop%2Fmodule%2F%20Module%20Guide
简体中文https://zh-hans.hbstack.dev/develop/module/
繁體中文https://zh-hant.hbstack.dev/develop/module/
https://hbstack.dev/develop/module/#content-comments
Edit the pagehttps://github.com/hbstack/site/edit/main/content/develop/module/index.en.md
View the page sourcehttps://github.com/hbstack/site/blob/main/content/develop/module/index.en.md
chore: update contributorshttps://github.com/hbstack/site/commit/caea3eadd371396a4fd737db70815ef7a3963336
Style Guidehttps://hbstack.dev/develop/style-guide/
PurgeCSShttps://hbstack.dev/develop/purgecss/
HB Frameworkhttps://hbstack.dev/
Hugohttps://gohugo.io/
HugoModshttps://hugomods.com/
HB Frameworkhttps://hbstack.dev/
GitHub Sponsors https://github.com/razonyang
PayPal https://www.paypal.com/paypalme/razonyang
https://afdian.com/a/razonyang
GitHub https://github.com/hbstack
Mastodon https://techhub.social/@hbstack
https://hbstack.dev/index.xml
HugoHugoPresshttps://hugomods.com/en/docs/hugopress/
DockerHugo Docker Imageshttps://hugomods.com/en/docs/docker/
Iconshttps://hugomods.com/en/icons/
SEOhttps://github.com/hugomods/seo/
Searchhttps://hugomods.com/en/docs/search/
Bootstrap Shortcodeshttps://hugomods.com/en/bootstrap/
HugoCorehttps://hbstack.dev/modules/hb/
Headerhttps://hbstack.dev/modules/header/
Footerhttps://hbstack.dev/modules/footer/
Basehttps://hbstack.dev/modules/base/
Bloghttps://hbstack.dev/modules/blog/
Docshttps://hbstack.dev/modules/docs/
Introductionhttps://hbstack.dev/docs/getting-started/introduction/
Prerequisiteshttps://hbstack.dev/docs/getting-started/prerequisites/
Installationhttps://hbstack.dev/docs/getting-started/installation/
Structurehttps://hbstack.dev/docs/configuration/structure/
Menushttps://hbstack.dev/docs/configuration/menus/
Multilingualhttps://hbstack.dev/docs/configuration/multilingual/
GitHubhttps://github.com/hbstack/
Discussionhttps://github.com/orgs/hbstack/discussions/
Bug Reporthttps://github.com/orgs/hbstack/discussions/new?category=issues-and-bugs
Feature Requesthttps://github.com/orgs/hbstack/discussions/new?category=ideas
Join Ushttps://hbstack.dev/docs/join-us/
Thankshttps://hbstack.dev/thanks/
https://www.digitalocean.com/?refcode=986ac2ef795b&utm_campaign=Referral_Invite&utm_medium=opensource&utm_source=Hugo-Bootstrap-Framework%28HB%29
https://github.com/sponsors/razonyang

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.