Code Toggle |Hugo

Code Toggle tryout and showcase.

The Config Toggler!

This is an example for the Config Toggle shortcode. Its purpose is to let users choose a Config language by clicking on its corresponding tab. Upon doing so, every Code toggler on the page will be switched to the target language. Also, target language will be saved in user’s localStorage so when they go to a different pages, Code Toggler display their last “toggled” config language.

That Config Toggler

baseURL: https://yoursite.example.com/
footnoteReturnLinkContents: ↩
params:
  AuthorName: Jon Doe
  GitHubUser: spf13
  ListOfFoo:
  - foo1
  - foo2
  SidebarRecentLimit: 5
  Subtitle: Hugo is Absurdly Fast!
permalinks:
  posts: /:year/:month/:title/
title: My Hugo Site

baseURL = 'https://yoursite.example.com/'
footnoteReturnLinkContents = '↩'
title = 'My Hugo Site'
[params]
  AuthorName = 'Jon Doe'
  GitHubUser = 'spf13'
  ListOfFoo = ['foo1', 'foo2']
  SidebarRecentLimit = 5
  Subtitle = 'Hugo is Absurdly Fast!'

[permalinks]
  posts = '/:year/:month/:title/'

{
   "baseURL": "https://yoursite.example.com/",
   "footnoteReturnLinkContents": "↩",
   "params": {
      "AuthorName": "Jon Doe",
      "GitHubUser": "spf13",
      "ListOfFoo": [
         "foo1",
         "foo2"
      ],
      "SidebarRecentLimit": 5,
      "Subtitle": "Hugo is Absurdly Fast!"
   },
   "permalinks": {
      "posts": "/:year/:month/:title/"
   },
   "title": "My Hugo Site"
}

Another Config Toggler!

author:
  homepage: https://github.com/budparr
  name: Bud Parr
description: ""
features:
- ""
- ""
homepage: https://github.com/budparr/gohugo.io
license: MIT
licenselink: https://github.com/budparr/gohugo.io/blob/master/LICENSE.md
min_version: 0.18
name: Hugo Theme
tags:
- website

description = ''
features = ['', '']
homepage = 'https://github.com/budparr/gohugo.io'
license = 'MIT'
licenselink = 'https://github.com/budparr/gohugo.io/blob/master/LICENSE.md'
min_version = 0.18
name = 'Hugo Theme'
tags = ['website']
[author]
  homepage = 'https://github.com/budparr'
  name = 'Bud Parr'

{
   "author": {
      "homepage": "https://github.com/budparr",
      "name": "Bud Parr"
   },
   "description": "",
   "features": [
      "",
      ""
   ],
   "homepage": "https://github.com/budparr/gohugo.io",
   "license": "MIT",
   "licenselink": "https://github.com/budparr/gohugo.io/blob/master/LICENSE.md",
   "min_version": 0.18,
   "name": "Hugo Theme",
   "tags": [
      "website"
   ]
}

Two regular code blocks

bf-config.toml


[blackfriday]
  angledQuotes = true
  fractions = false
  plainIDAnchors = true
  extensions = ["hardLineBreak"]

bf-config.yml


blackfriday:
  angledQuotes: true
  fractions: false
  plainIDAnchors: true
  extensions:
    - hardLineBreak