HB Blog Profile Sidebar Module

Introduce yourself or your company with title, description, location, social media and so on.

Donate

Become a backer or sponsor to support our work.

On this page

Sponsors
Modulegithub.com/hbstack/blog/modules/sidebar/profile
Repository⭐ Please consider giving a star if your like it.
Stars
Version
Used by
Requirements
License
UsageSee how to use modules.

Site Parameters

ParameterTypeRequiredDefaultDescription
avatarstring/images/logo.pngThe avatar image path relative to the assets folder.
avatar_sizenumber100The size of avatar image.
companystringThe company name, Markdown supported.
descriptionstringSite description.The description or bio, Markdown supported.
locationstringThe location, Markdown supported.
socialsobjectMapping from social media to their identifiers.
titlestringSite title.The title, Markdown supported.

hugo.toml

 1[params]
 2  [params.hb]
 3    [params.hb.blog]
 4      [params.hb.blog.sidebar]
 5        [params.hb.blog.sidebar.profile]
 6          avatar = '/images/logo.png'
 7          avatar_size = 100
 8          company = 'Company'
 9          description = 'Description or bio.'
10          location = 'Earth'
11          title = 'Name'
12          [params.hb.blog.sidebar.profile.socials]
13            github = 'hbstack'

hugo.yaml

 1params:
 2  hb:
 3    blog:
 4      sidebar:
 5        profile:
 6          avatar: /images/logo.png
 7          avatar_size: 100
 8          company: Company
 9          description: Description or bio.
10          location: Earth
11          socials:
12            github: hbstack
13          title: Name

hugo.json

 1{
 2   "params": {
 3      "hb": {
 4         "blog": {
 5            "sidebar": {
 6               "profile": {
 7                  "avatar": "/images/logo.png",
 8                  "avatar_size": 100,
 9                  "company": "Company",
10                  "description": "Description or bio.",
11                  "location": "Earth",
12                  "socials": {
13                     "github": "hbstack"
14                  },
15                  "title": "Name"
16               }
17            }
18         }
19      }
20   }
21}
razonyang
Saturday, December 21, 2024 Sunday, October 8, 2023