HBStack & HugoMods Shortcodes Showcase

noreply@example.com (AG Sayyed) — Mon, 07 Jul 2025 15:00:00 +0000

A comprehensive showcase of all available shortcodes in HBStack and HugoMods frameworks, including Bootstrap components, extended media shortcodes, and modular features with examples and module import requirements.

1. Module Requirements

Before using these shortcodes, ensure you have the following modules imported in your config/_default/module.yaml:

 1imports:
 2 # Custom modules
 3 - path: github.com/agsayyed/ags-mcq
 4 - path: github.com/agsayyed/ags-markmap
 5 # gallery modules.
 6 - path: github.com/hbstack/gallery
 7 - path: github.com/hbstack/gallery/modules/breadcrumb
 8 - path: github.com/hbstack/syntax-highlighting/styles/github-dark
 9 - path: github.com/hugomods/shortcodes
10 - path: github.com/hbstack/shortcodes
11
12 # Bootstrap components for shortcodes
13 - path: github.com/hugomods/bootstrap
14 - path: github.com/hbstack/bootstrap
15 - path: github.com/gohugoio/hugo-mod-bootstrap-scss/v5
16
17 # Additional shortcode modules
18 - path: github.com/hugomods/encrypt
19 - path: github.com/hugomods/katex
20 - path: github.com/hugomods/mermaid
21 - path: github.com/hugomods/video-js
22 - path: github.com/hugomods/kroki
23 - path: github.com/hugomods/echarts
24
25 # Core modules
26 - path: github.com/hugomods/hugopress
27 # syntax highlighting, see https://hbstack.dev/en/docs/modules/syntax-highlighting/.
28
29 # icons modules
30 - path: github.com/hugomods/icons/vendors/font-awesome
31 - path: github.com/hugomods/icons/vendors/bootstrap
32 # - path: github.com/hugomods/icons/vendors/mdi
33 # - path: github.com/hugomods/icons/vendors/simple-icons
34 # - path: github.com/hugomods/icons/vendors/tabler
35 # - path: github.com/hugomods/icons/vendors/feather
36
37 # header themes
38 - path: github.com/hbstack/header/themes/pills
39 # - path: github.com/hbstack/header/themes/tabs
40 # - path: github.com/hbstack/header/themes/classic
41
42 # blog sidebar
43 - path: github.com/hbstack/blog/modules/sidebar/profile
44 - path: github.com/hbstack/blog/modules/sidebar/posts
45 - path: github.com/hbstack/blog/modules/sidebar/taxonomies
46
47 # blog comments engine
48 - path: github.com/hbstack/blog/modules/giscus
49 # - path: github.com/hbstack/blog/modules/disqus
50 # - path: github.com/hbstack/blog/modules/utterances
51
52 # blog table of contents scrollspy
53 - path: github.com/hbstack/blog/modules/toc-scrollspy
54
55 # blog content panel
56 - path: github.com/hbstack/blog/modules/content-panel
57
58 # docs comments engine
59 - path: github.com/hbstack/docs/modules/giscus
60 # - path: github.com/hbstack/docs/modules/utterances
61 # - path: github.com/hbstack/docs/modules/disqus
62
63 # docs table of contents scrollspy
64 - path: github.com/hbstack/docs/modules/toc-scrollspy
65
66 # docs content panel
67 - path: github.com/hbstack/docs/modules/content-panel
68
69 # other modules
70 # - path: github.com/hugomods/google-analytics
71 # - path: github.com/hugomods/google-adsense
72
73 # recommended modules
74 # check which modules were imported by recommended module by "hugo mod graph | grep recommended".
75 # see also https://hbstack.dev/en/docs/modules/meta/.
76 # to remove unused modules, you need to replace the recommended module with modules your need.
77 # see also https://hbstack.dev/en/2023/10/replace-meta-modules/.
78 - path: github.com/hbstack/meta/recommended

2. Bootstrap UI Components

2.1. Alert Messages

Module Required: github.com/hugomods/bootstrap

Bootstrap on Ghafoor's Personal Blog

HBStack & HugoMods Shortcodes Showcase

1. Module Requirements

2. Bootstrap UI Components

2.1. Alert Messages