[{"content":" Site Configuration These settings are important for building a website using hugo. See All Configuration Settings for more details.\nSite title Site title. This value will become the content of \u0026lt;title\u0026gt; tag in html.\ntitle = \u0026quot;Monochrome\u0026quot; Theme Set this value to the corresponding folder name of your theme. (located by default in /themes/THEMENAME/)\ntheme = \u0026quot;hugo-theme-monochrome\u0026quot; Base URL Hostname (and path) to the root.\nbaseURL = \u0026quot;https://kaiiiz.github.io/hugo-theme-monochrome\u0026quot; favicon Add favicon.ico to your site\u0026rsquo;s static folder.\nExternal library Disqus services: disqus: shortname: \u0026quot;xxx\u0026quot; Other settings checkout Disqus - Internal Templates for more details.\nGoogle Analytics services: googleAnalytics: id: \u0026quot;xxx\u0026quot; ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/configuration/site/","title":"Site Settings"},{"content":" Theme Configuration These values are inside your toml config file.\nNavbar title HTML is available.\n[params] navbar_title = \u0026quot;Monochrome\u0026quot; # default: site's `title` Footer HTML is available.\n[params] footer = \u0026quot;Copyright © 2021 by kaiiiz\u0026quot; # default: None Table of Contents TOC global settings.\n[params] enable_toc = true # default: true Table of Contents Position TOC position global setting.\n[params] toc_position = \u0026quot;right\u0026quot; # \u0026quot;top\u0026quot; | \u0026quot;right\u0026quot;, default: \u0026quot;top\u0026quot; Collapsible Menu Collapsible global settings.\n[params] enable_collapsible_toc = false # default: false enable_collapsible_changelogs = false # default: false Navbar menu Monochrome uses built-in menu system supported by hugo itself. (Checkout document for more details.) By default, the menu called navbar is used to decide which item need to be rendered on the navbar.\nSo you can simply add the following code to your page front-matter, and the menu info will be handled by hugo out of the box. (simple method mentioned in document)\n--- menu: navbar --- Also, weighted value is supported out of the box, you can explicit assign the weight of the navbar entry, hugo will first sort the menu using weight, if there has two entries shared the same weight, the default order will be applied.\n--- menu: navbar: weight: -99 --- Navbar settings in config If you try to put entry that aren\u0026rsquo;t attached to a piece of content, or you want to organize your navbar into a single file, checkout Add Non-content Entries to a Menu or Configuration file of demo site and set these values in your toml settings file.\ntoml example:\n[[menu.navbar]] identifier = \u0026quot;about\u0026quot; name = \u0026quot;about\u0026quot; title = \u0026quot;about\u0026quot; url = \u0026quot;/about/\u0026quot; weight = 100 [[menu.navbar]] identifier = \u0026quot;series\u0026quot; name = \u0026quot;series\u0026quot; url = \u0026quot;/series/\u0026quot; weight = -100 [[menu.navbar]] identifier = \u0026quot;categories\u0026quot; name = \u0026quot;categories\u0026quot; url = \u0026quot;/categories/\u0026quot; weight = 80 yaml example:\nmenu: navbar: - identifier: about name: about title: about url: /about/ weight: 100 - identifier: series name: series url: /series/ weight: -100 - identifier: categories name: categories url: /categories/ weight: 80 Hide Navbar on Scroll Hide navbar on scroll\n[params] hide_navbar_on_scroll = true # true | false, default: true Navbar width [params] navbar_width = wide # normal | wide | extra-wide, default: wide Navbar language button [params] navbar_show_all_languages = true # true | false, default: true List Layout [params] [params.list_layout] enable_group_by_year = true # default: true enable_show_date = true # default: true enable_pagination = false # default: false Header Anchor Link Render an anchor link next to the header element.\n[params] enable_header_anchor = false # default: true External Library MathJax Use $ \u0026hellip; $ or \\( \u0026hellip; \\) to create inline result, $$ \u0026hellip; $$ or \\\\[ \u0026hellip; \\\\] to create block result.\nYou may also want to setup the Goldmark passthrough extension.\nBesides, double-escape the $ delimiter (\\\\$) if you encounter rendering issue outside the math context.\n[params] enable_math = true # default: false Zooming.js Zooming.js global setting.\n[params] enable_zooming_js = false # default: true Site Search Add the following settings to hugo.toml:\n[outputs] home = [\u0026quot;HTML\u0026quot;, \u0026quot;RSS\u0026quot;, \u0026quot;JSON\u0026quot;] Enable site search\n[params] enable_site_search = true # default: false Syntax Highlighting Using Chroma (server-side) See Syntax Highlighting for more details.\n[param] [param.syntax_highlight] lib = \u0026quot;builtin\u0026quot; # \u0026quot;builtin\u0026quot; | \u0026quot;prism.js\u0026quot; (default: \u0026quot;builtin\u0026quot;) [param.syntax_highlight.builtin] enable_code_copy = true # default: true Using Prism.js (client-side) Disable markup highlight feature\n[markup.highlight] codeFences = false lineNos = false Enable Prism.js\n[param] [params.syntax_highlight] lib = \u0026quot;prism.js\u0026quot; # \u0026quot;builtin\u0026quot; | \u0026quot;prism.js\u0026quot; (default: \u0026quot;builtin\u0026quot;) [params.syntax_highlight.prism] enable_code_copy = true # default: true enable_line_no = true # default: true SEO Author # default: no author `meta` tag [params.author] name = \u0026quot;author name\u0026quot; email = \u0026quot;author email\u0026quot; author.email will be used in RSS feed if provided, not in html meta tags.\nOpen Graph A flag to render open graph internal template. See Open Graph for additional settings.\n[params] enable_open_graph = false # default: true X (Twitter) Cards A flag to render open X (twitter) cards template. See X (Twitter) Cards for additional settings.\n[params] enable_twitter_cards = false # default: true Custom CSS You can override the default styles by creating a new /static/user.css file.\nDefault Color Scheme You can set the default color scheme for your website\n[params] color_scheme = \u0026quot;dark\u0026quot; # \u0026quot;light\u0026quot; or \u0026quot;dark\u0026quot; default: \u0026ldquo;light\u0026rdquo;\nCustom head You can insert your custom code in \u0026lt;head\u0026gt; section using the /layouts/_partials/user_head.html file.\nThis is useful for inject third-partiy libraries (e.g. Google Ads) or your custom script.\nCustom template at the end of page To insert custom content at the end of each page, create the file at: /layouts/_partials/user_content_end.html.\nThis is useful for injecting custom components, such as a comment service.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/configuration/theme/","title":"Theme Settings"},{"content":" Page Settings These values are inside your page\u0026rsquo;s front-matter.\nLayout Monochrome support different types of layout. You can change the layout of section or regular page according to your needs. Checkout Layout for more details.\nNavbar Navbar title HTML is available.\n--- navbar_title: \u0026quot;Monochrome\u0026quot; --- default: theme\u0026rsquo;s navbar_title\nHide Navbar on Scroll Hide navbar on scroll\n--- hide_navbar_on_scroll: true # false --- default: theme\u0026rsquo;s hide_navbar_on_scroll\nFooter HTML is available.\n--- footer: \u0026quot;Copyright © 2021 by kaiiiz\u0026quot; --- default: theme\u0026rsquo;s footer\nSite Search Hide the page from the search result.\nsearch_hidden: true default: false\nHeader Anchor Link Control anchor link rendering for a single page.\nheader_anchor: true default: theme\u0026rsquo;s enable_header_anchor\nTable of Contents --- toc: false --- default: theme\u0026rsquo;s enable_toc\nCollapsible Table of Contents --- collapsible_toc: false --- default: theme\u0026rsquo;s enable_collapsible_toc\nTable of Contents Position --- toc_position: \u0026quot;right\u0026quot; # \u0026quot;top\u0026quot; | \u0026quot;right\u0026quot; --- default: theme\u0026rsquo;s toc_position\nChangelogs --- changelogs: - tag: '20210623' description: - 'changelog example 1' - 'changelog example 2' - tag: '20210624' description: - 'changelog example 3' - 'changelog example 4' --- tag and description both support markdown syntax.\ndefault: None\nCollapsible Changelogs --- collapsible_changelogs: false --- default: theme\u0026rsquo;s enable_collapsible_changelogs\nExternal library MathJax --- math: false --- default: theme\u0026rsquo;s enable_math\nZooming.js --- zooming_js: false --- default: theme\u0026rsquo;s enable_zooming_js\nDisqus --- disqus: false --- default for post page: site\u0026rsquo;s disqusShortname\ndefault for other pages: false\nGoogle Analytics --- ga: false --- default: site\u0026rsquo;s googleAnalytics\nSyntax Highlighting Chroma --- code_copy: false --- default: theme\u0026rsquo;s enable_code_copy\nSEO Author --- author: name: \u0026quot;author name\u0026quot; email: \u0026quot;author email\u0026quot; --- default: theme\u0026rsquo;s author\nDescription --- description: \u0026quot;Configuration of hugo-theme-monochrome\u0026quot; --- default: not generate description meta tag\nKeywords In page front-matter\n--- keywords: - hugo - hugo theme - hugo theme monochrome --- default: not generate keywords meta tag\nOpen Graph A flag to render open graph internal template. See Open Graph for additional settings.\n--- open_graph: false --- default: theme\u0026rsquo;s enable_open_graph\nTwitter Cards A flag to render open twitter cards template. See Twitter Cards for additional settings.\n--- twitter_cards: false --- default: theme\u0026rsquo;s enable_twitter_cards\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/configuration/page/","title":"Page Settings"},{"content":"Bookcase layout is useful for creating another viewpoint of list contents.\nThis layout can only be used on section page (_index.md).\nConfiguration --- type: 'bookcase' --- Specify type in front-matter will change the template lookup order.\nbookcase_list_sections List subsections.\n--- bookcase_list_sections: true --- default: true\nbookcase_list_pages List pages.\n--- bookcase_list_pages: true --- default: true\nResources Configuration These parameters are located in bookcase item\u0026rsquo;s resource. For example:\n. ├── books.md \u0026lt;- config is located in here! ├── category │ └── _index.md \u0026lt;- and here! └── _index.md \u0026lt;- your bookcase layout bookcase_cover_src The cover image URL relative to the base URL. (with or without / prefix)\nImage ratio is 2:3 (width:height)\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/thanks.jpg \\_____________________________________/\\________/ base URL bookcase_cover_src --- bookcase_cover_src: 'thanks.jpg' --- default: fallback to bookcase_cover_src_dark, if failed, image become empty\nbookcase_cover_src_dark The dark mode cover image URL relative to the base URL. (with or without / prefix)\nImage ratio is 2:3 (width:height)\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/thanks.jpg \\_____________________________________/\\________/ base URL bookcase_cover_src --- bookcase_cover_src_dark: 'thanks.jpg' --- default: fallback to bookcase_cover_src, if failed, image become empty\nbookcase_cover_title The title used in the bookcase cover\ndefault: fallback to the title of the page\nbookcase_hidden Hide this item from bookcase\ndefault: false\nweight --- weight: 3 --- default: default order\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/bookcase/docs/","title":"Bookcase Layout Document"},{"content":" Gallery Layout Document Gallery layout is useful for demonstrating pictures and its statistical data.\nThis layout can be used on both section page and regular post.\nConfiguration --- type: 'gallery' --- Specify type in front-matter will change the template lookup order.\ngallery_resources Content resources. URL can be an absolute path (with / prefix, relative to base URL), or relative path (without /, relative to current path)\nHugo will handle multilingual scenario out of the box\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/about \\____________________________________/\\____/ base URL gallery_resources --- gallery_resources: '/about' --- default: error will occur in page\nResources Configuration These settings are under the resource specified in gallery_resources.\ntitle Title of image.\n--- title: 'Gallery' --- default: no title\ngallery_title_link Link of the title.\n--- gallery_title_link: 'https://github.com/kaiiiz' --- default: no title link\ngallery_img_src Image URL relative to the base URL. (with or without / prefix)\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/thanks.jpg \\_____________________________________/\\________/ base URL gallery_img_src --- gallery_img_src: 'thanks.jpg' --- default: no image\ngallery_img_link Link of the image.\n--- gallery_img_link: 'https://github.com/kaiiiz' --- default: no image link\ngallery_img_caption Caption of the image. HTML is available.\n--- gallery_img_caption: '\u0026lt;span\u0026gt;Photo by \u0026lt;a href=\u0026quot;https://unsplash.com/@swimstaralex?utm_source=unsplash\u0026amp;amp;utm_medium=referral\u0026amp;amp;utm_content=creditCopyText\u0026quot;\u0026gt;Alexander Sinn\u0026lt;/a\u0026gt; on \u0026lt;a href=\u0026quot;https://unsplash.com/s/photos/thanks?utm_source=unsplash\u0026amp;amp;utm_medium=referral\u0026amp;amp;utm_content=creditCopyText\u0026quot;\u0026gt;Unsplash\u0026lt;/a\u0026gt;\u0026lt;/span\u0026gt;' --- default: no figure caption under image\ngallery_statistic Statistic of the image. The format is:\n--- - key: key1 value: value1 - key: key2 value: value2 --- key and value both support markdown syntax.\ndefault: no figure caption under image\nweight --- weight: 3 --- default: default order\nHeadless Bundle Hugo supports an amazing feature called Headless Bundle, which elegantly resolved the resources publish issue.\nFor example, if you don\u0026rsquo;t want to publish the resources of the gallery layout, you can create a leaf bundle and specified headless = true in index.md\u0026rsquo;s front-matter. These resources will only be used during rendering process. In other word, no file will be generated to /public folder.\nCheckout Headless Bundle for more details.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/gallery/docs/","title":"Gallery Layout Document"},{"content":"Blank layout render only the content of _index.md, it\u0026rsquo;s useful for fully customizing your list layout.\nThis layout can only be used on section page (_index.md).\nConfiguration --- type: 'blank' --- Specify type in front-matter will change the template lookup order.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/blank/docs/","title":"Blank Layout Document"},{"content":"List layout is the built-in section layout. Monochrome add options to adjust its behavior.\nConfiguration Group by year An option to control group setting.\ngroup_by_year: false default: theme\u0026rsquo;s list_layout.enable_group_by_year\nShow date Show / Hide date right after the post entry.\nshow_date: false default: theme\u0026rsquo;s list_layout.enable_show_date\nPagination pagination: false default: theme\u0026rsquo;s list_layout.enable_pagination\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/list/docs/","title":"List Layout Document"},{"content":"Postcard layout show summary of regular posts, it\u0026rsquo;s useful for creating home page.\nThis layout can only be used on list layout.\nConfiguration --- type: 'postcard' --- Specify type in front-matter will change the template lookup order.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/postcard/docs/","title":"Postcard Layout Document"},{"content":" Balloon Layout Document Balloon is useful for demonstrating information step-by-step.\nThis layout can be used on both section page (_index.md) and regular post (xxx.md).\nConfiguration --- type: 'balloon' --- Specify type in front-matter will change the template lookup order.\nballoon_resources Content resources. URL can be an absolute path (with / prefix, relative to base URL), or relative path (without /, relative to current path)\nHugo will handle multilingual scenario out of the box\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/about \\____________________________________/\\____/ base URL balloon_resources --- balloon_resources: \u0026quot;/about\u0026quot; --- default: error will occur in page\nballoon_img_src Balloon head image URL. URL must be relative to the base URL. (without / prefix)\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/thanks.jpg \\_____________________________________/\\________/ base URL balloon_img_src --- balloon_img_src: 'thanks.jpg' --- default: fallback to balloon_img_src_dark, if failed, image become dot\nballoon_img_src_dark Balloon head image URL for dark mode. URL must be relative to the base URL. (without / prefix)\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/thanks.jpg \\_____________________________________/\\________/ base URL balloon_img_src --- balloon_img_src_dark: 'thanks.jpg' --- default: fallback to balloon_img_src, if failed, image become dot\nballoon_circle balloon head shape can be square or circle.\n--- balloon_circle: true --- default: true\nResources Configuration These settings are under the resource specified in balloon_resources.\ntitle Title of content card.\n--- title: 'Story before hugo' --- default: no title\nweight --- weight: 3 --- default: default order\nHeadless Bundle Hugo supports an amazing feature called Headless Bundle, which elegantly resolved the resources publish issue.\nFor example, if you don\u0026rsquo;t want to publish the resources of the balloon layout, you can create a leaf bundle and specified headless = true in index.md\u0026rsquo;s front-matter. These resources will only be used during rendering process. In other word, no file will be generated to /public folder.\nCheckout Headless Bundle for more details.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/balloon/docs/","title":"Balloon Layout Document"},{"content":"This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.\nHeadings The following HTML \u0026lt;h1\u0026gt;—\u0026lt;h6\u0026gt; elements represent six levels of section headings. \u0026lt;h1\u0026gt; is the highest section level while \u0026lt;h6\u0026gt; is the lowest.\nH1 H2 H3 H4 H5 H6 Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\nBlockquotes The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.\nBlockquote without attribution Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.\nBlockquote with attribution Don\u0026rsquo;t communicate by sharing memory, share memory by communicating.\n— Rob Pike1\nTables Tables aren\u0026rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.\nName Age Bob 27 Alice 23 Inline Markdown within tables Italics Bold Code italics bold code Code Blocks \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with backticks \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026quot;en\u0026quot;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block indented with four spaces \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026quot;en\u0026quot;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with Hugo\u0026rsquo;s internal highlight shortcode \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; List Types Ordered List First item Second item Third item Unordered List List item Another item And another item Nested list Fruit Apple Orange Banana Dairy Milk Cheese Other Elements — abbr, sub, sup, kbd, mark GIF is a bitmap image format.\nH2O\nXn + Yn = Zn\nPress CTRL+ALT+Delete to end the session.\nMost salamanders are nocturnal, and hunt for insects, worms, and other small creatures.\nThe above quote is excerpted from Rob Pike\u0026rsquo;s talk during Gopherfest, November 18, 2015.\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/posts/markdown-syntax/","title":"Markdown Syntax Guide"},{"content":"Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.\nYouTube Privacy Enhanced Shortcode X Simple Shortcode “In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”\n— Jan Tschichold pic.twitter.com/gcv7SrhvJb\n\u0026mdash; Design Reviewed | Graphic Design History (@DesignReviewed) January 17, 2019 Vimeo Simple Shortcode ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/posts/rich-content/","title":"Rich Content"},{"content":"Lorem est tota propiore conpellat pectoribus de pectora summo.\nRedit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.\nExierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.\nComas hunc haec pietate fetum procerum dixit Post torum vates letum Tiresia Flumen querellas Arcanaque montibus omnes Quidem et Vagus elidunt The Van de Graaf Canon\nMane refeci capiebant unda mulcebat Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. Faces illo pepulere tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.\nIubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.\nEurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel mitis temploque vocatus, inque alis, oculos nomen non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides parte.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/posts/placeholder-text/","title":"Placeholder Text"},{"content":"Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.\nIn this example we will be using KaTeX\nCreate a partial under /layouts/partials/math.html Within this partial reference the Auto-render Extension or host these scripts locally. Include the partial in your templates like so: {{ if or .Params.math .Site.Params.math }} {{ partial \u0026quot;math.html\u0026quot; . }} {{ end }} To enable KaTex globally set the parameter math to true in a project\u0026rsquo;s configuration To enable KaTex on a per page basis include the parameter math: true in content files Note: Use the online reference of Supported TeX Functions\nExamples Inline math: $\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…$\nBlock math: $$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/posts/math-typesetting/","title":"Math Typesetting"},{"content":"Emoji can be enabled in a Hugo project in a number of ways.\nThe emojify function can be called directly in templates or Inline Shortcodes.\nTo enable emoji globally, set enableEmoji to true in your site\u0026rsquo;s configuration and then you can type emoji shorthand codes directly in content files; e.g.\n🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:\nThe Emoji cheat sheet is a useful reference for emoji shorthand codes.\nN.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.\n.emoji { font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; }","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/posts/emoji-support/","title":"Emoji Support"},{"content":"Balloon layout can also be used in regular page.\nGo to list demo\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/balloon/demo/single/","title":"balloon layout single demo"},{"content":" Bookcase Render bookcase layout\nUsage {{\u0026lt; bookcase section=\u0026quot;\u0026quot; /\u0026gt;}} section: Content resources. Must be a section. Path can be an absolute path (with / prefix, relative to base URL), or relative path (without /, relative to current path)\nHugo will handle multilingual scenario out of the box\nFor example:\nhttps://kaiiiz.github.io/hugo-theme-monochrome/configuration \\____________________________________/\\____________/ base URL section path Examples {{\u0026lt; bookcase section=\u0026quot;/configuration\u0026quot; \u0026gt;}} Configuration These documents show some customizable values that are used in this theme. By adjusting these values, you can easily change the behavior of your website without touching the source code.\nYou can refer to the example config in github.\nSite Settings Theme Settings Page Settings ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/bookcase/","title":"Bookcase"},{"content":" Breadcrumbs Render breadcrumbs navigation\nUsage {{\u0026lt; breadcrumbs /\u0026gt;}} Examples {{\u0026lt; breadcrumbs \u0026gt;}} Home/Shortcodes/Breadcrumbs ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/breadcrumbs/","title":"Breadcrumbs"},{"content":" Changelog v6.0.0 (2026/05/23) Breaking Changes Minimum Hugo version requirement is now 0.158.0. languageCode and languageName config keys are deprecated. Use locale and label instead: # hugo.toml locale = \u0026quot;en\u0026quot; # was: languageCode = \u0026quot;en\u0026quot; # languages.toml [en] label = \u0026quot;English\u0026quot; # was: languageName = \u0026quot;English\u0026quot; locale = \u0026quot;en\u0026quot; # was: languageCode = \u0026quot;en\u0026quot; The following template variables are also affected: .Language.LanguageCode → .Language.Locale .Language.LanguageName → .Language.Label .Site.Language.LanguageName → .Site.Language.Label author parameter is now an object supporting name and email properties. If you were using author as a plain string, migrate to the object format: Site config (params.toml): author.name = \u0026quot;author name\u0026quot; author.email = \u0026quot;author@email\u0026quot; Page front-matter: author: name: \u0026quot;author name\u0026quot; email: \u0026quot;author@email\u0026quot; New Add alternative link supports (\u0026lt;link rel=\u0026quot;alternate\u0026quot;\u0026gt;) in HTML \u0026lt;head\u0026gt;. (#85) Per-page author.email support author.email is used only in RSS feed tags (\u0026lt;author\u0026gt;, \u0026lt;managingEditor\u0026gt;, \u0026lt;webMaster\u0026gt;) to follow RSS 2.0 specification. The HTML SEO \u0026lt;meta name=\u0026quot;author\u0026quot;\u0026gt; tag only includes the name, not including the email. If only name is set on a page, email falls back to site config, and vice versa. Changed RSS \u0026lt;author\u0026gt;, \u0026lt;managingEditor\u0026gt;, \u0026lt;webMaster\u0026gt; tags can now be overridden by page front matter author. The tag is omitted entirely if no author info is available; otherwise it renders the best available combination: email (name) — when both are provided email — when only email is provided name — when only name is provided Fallback chain: page [author] \u0026gt; site [params.author] Fixed RSS description no longer contains raw chunk HTML tags that were visible in feeds. v5.2.3 (2025/10/26) Fixed Incorrect context store causes prism not showing copy button on normal pre element v5.2.2 (2025/10/26) Fixed Wrong language entry link due to incorrect language condition v5.2.1 (2025/10/26) Fixed Unexpected LanguageCode displayed in language dropdown menu v5.2.0 (2025/10/26) Fixed Syntax highlighting and copy button does not work in external resource layout (#78) Invalid value for \u0026lt;svg\u0026gt; attribute width=\u0026ldquo;1.5rem\u0026rdquo; (#79) Changed icon shortcode default size changed from rem to 24px icon-group shortcode default gap changed from rem to 6px New Support language switching that redirects to the target language page instead of home page (#81) Parameters: navbar_width navbar_show_all_languages: control whether to show all site languages in navbar language dropdown, default: true v5.1.0 (2025/07/08) Fixed User partial templates not rendering due to changes in Hugo’s template structure MathJax formulas not rendering properly when loaded with defer Balloon header content misaligned in mobile view Post count in terms-cloud wrapping incorrectly due to overflow Changed Renamed config.toml to hugo.toml Display all index content on paginated list pages Expanded renderable area for sidebar components Minor style adjustments New width and height parameters in icon shortcode gap parameter in icon-group shortcode Redesigned paginator Lazy-load index.json upon search button click Fixed TOC scroll tracking v5.0.0 (2025/07/06) Fixed Internal templates and theme structure breaking changes introduced in hugo 0.146.0 (#68) Fixed issue where inline code width could overflow the page body Changed BREAKING CHANGE The minimum hugo version requirement is now 0.146.0. The font size now respects browser settings for improved accessibility. (#57) Redesigned navbar with compact and wide layout Minor style adjustments New Added support for positioning the table of contents (TOC) on the right (see toc_position settings for details) (#51) Added support for auto-hiding the navbar on scroll (see hide_navbar_on_scroll settings for details) v4.0.0 (2024/11/27) Fixed Terms cloud overflow bug (#57) Mathjax white pixels on top and bottom left of page (#56) Change resource fingerprint from sha512 to sha256 to prevent file name too long issue during build Changed BREAKING CHANGE The minimum hugo version requirement is now 0.128.0. Adjust your config\u0026rsquo;s paginate to pagination.pagerSize accordingly (#58, #59, #60) New Add Russian translation (#52) Add French (France) translation (#54) v3.1.0 (2024/05/26) Fixed Remove line number of code block from the site search data New Support anchor link next to header elements (#18) v3.0.0 (2024/05/26) Fixed Base layout organaization for semantic elements, which may improve SEO description Fix table class parsing bug Fix Balloon layout and Gallery layout page resources retrieval bug (#50) Fix language dropdown menu click issue on Safari mobile (#43) Fix i18n on navbar entries (#49) Changed BREAKING CHANGE The minimum hugo version requirement is now 0.120.0. Adjust your GoogleAnalytics and DisqusShortname settings accordingly Re-implement the site search function with uFuzzy, which, in my opinion, delivers significantly more accurate search results Change sidebar control to pure CSS implementation (#47) Remove collapsible menu for mobile sidebar, as it is difficult to click on small screen Hide language name on mobile view Dependencies Fuse.js: removed uFuzzy: v1.0.14 Mathjax: v3 -\u0026gt; v4.0.0-beta.6 (for better line breaking support) Styles Add border radius to image Adjust article components margin Adjust bookcase item overlay shadow style for dark mode Gallery image alignment Background filling for the line number of code block Adjust code block color New Support simple icons v11.15.0 Support user_head.html to inject custom template in \u0026lt;head\u0026gt; section (e.g. Google Ads etc.) v2.0.0 (2023/07/23) Fixed Fix navbar item padding (#15) Fix TOC collapse cursor style (#25, #36) Fix site search resource retrieval bug (#29) Fix wrong variable in base.scss (#44) Fix inappropriate navbar decoration for item that links to home page Fix color scheme button FOUC bug Fix twitter card text color in dark mode Changed BREAKING CHANGE The minimum hugo version requirement is now 0.112.0 BREAKING CHANGE Support all feather icons, vendor=\u0026quot;feather\u0026quot; is required to migrate from old shortcode (#19) Images in an article are centered by default (#35) Term\u0026rsquo;s layout now respects the enable_group_by_year, enable_show_date, enable_pagination parameters Upgrade dependencies Prism: v1.27.0 -\u0026gt; v1.29.0 Fuse.js: v6.5.3 -\u0026gt; v6.6.2 New Support custom CSS (#23, #33) Support GA4 (#37) Support custom title for bookcase item (#32) Support hiding bookcase items (#27) Add default color scheme setting (#40) Add bookcase shortcode (#34) Add recent-posts shortcode Add an RSS button next to the title in the term\u0026rsquo;s layout v1.0.1 (2022/04/02) Fixed Fix img style issue, it should be max-width instead of width (#10) v1.0.0 - First Major Release (2022/04/01) Added Layout New Layout: Postcard Layout, Blank Layout Support pagination for Postcard Layout and List Layout Enhance list layout date format. If current list layout is grouped by year, hide list item\u0026rsquo;s year. Redesign default home page layout using Postcard Layout Add sidebar for better navbar responsiveness on small screen New Shortcode emgithub: directly embed github source code like gist with Prism.js syntax highlighting External Library Optimize Prism.js integration Add smooth transition to prevent line number jittering while page rendering Integrate Prism.js autoloader to prevent huge bundle file Optimize Zooming.js integration Background color is now dynamically changed based on current theme Fuse.js integration Support highlight matched text in search menu New Theme Parameters list_layout.enable_group_by_year list_layout.enable_show_date list_layout.enable_pagination syntax_highlight.lib syntax_highlight.builtin.enable_code_copy syntax_highlight.prism.enable_code_copy syntax_highlight.prism.enable_line_no New Page Parameters search_hidden: hide page from search index pagination: control pagination for List Layout Changed Change RSS content from full post to summary for smaller resource purpose Change all icons to feathericons Site search engine has been changed from flexsearch to fuse.js for better CJK language supports Parameter name has all been changed to snake_case for consistency Syntax highlight settings are now grouped by syntax_highlight svg-wrapper shortcode has been changed to icon Removed All javascript package dependencies are removed, Monochrome is now self-contained without the help of npm and become extremely easy to setup and modify. Remove list_posts property from list layout, this functionality has been replaced by Blank Layout v0.9.2 (2022/02/25) Fix: reimplement terms-cloud to prevent size overflow (max size: 1.6 rem) v0.9.1 (2022/02/25) Change: set terms-cloud max font size to 1.4 rem Fix: site search url from absLangURL to relLangURL v0.9.0 (2022/01/31) Improve: search implementation hide the mismatch objects instead of removing it while searching widen the control range of search result Improve: gallery layout\u0026rsquo;s key and value now support markdown syntax Improve: Zooming.js configuration speed up animations setup transparent background Change: for consistency, the names of the following parameters are changed: page\u0026rsquo;s collapsibleTOC =\u0026gt; collapsible_toc page\u0026rsquo;s collapsibleChangelogs =\u0026gt; collapsible_changelogs Change: font-size of html is changed from 18px to 16px Add: breadcrumbs shortcode Add: list layout properties group_by_year and show_date Fix: terms-cloud typo (#4) v0.8.0 (2021/07/29) Improve: flexsearch multilingual search capability Improve: widen the control range of navbar menu items Change: flexsearch can now search index pages Change: the post content in RSS is changed from summary to full text Add: collapsible TOC and Changelogs v0.7.1 (2021/07/08) Change: adjust the style of changelogs Fix: flexsearch search API issue v0.7.0 (2021/06/24) Bump dependencies version Add: changelogs property Add: support disqus for index page (turn off by default) Change: theme name from \u0026lsquo;Graytr\u0026rsquo; to \u0026lsquo;Monochrome\u0026rsquo; Change: improve navbar responsiveness Fix: widen the control range of navbar menu icon v0.6.2 (2021/04/15) Fix: google search console authentication failed if ga code not in \u0026lt;head\u0026gt; Fix: clipboard-polyfill/text dependency resolved issue v0.6.1 (2021/02/17) Fix: codepen shortcode id Change baseurl to example.com in exampleSite v0.6.0 (2021/02/16) Support MathJax Add shortcodes: jsfiddle, codepen, color-block, icon-group, terms-cloud Add option: list_posts in list layout Fix: not register touchend event v0.5.0 (2021/02/15) Support multilingual mode Add i18n Support Open Graph, Twitter Card Adjust svg-wrapper shortcode Add some social icons: facebook, github, twitter, rss, mail Support site search (powered by flexsearch) Disable unused features in tailwindcss (speedup building time) Reorganize parameters Remove default image to figure transformation, using built-in shortcode instead v0.4.0 (2021/02/12) Support dark mode Add bookcase_cover_src_dark for bookcase layout Add balloon_img_src_dark for balloon layout Add shortcode: svg-wrapper Prism.js integration (v1.23.0) Code copy feature for code block v0.3.0 (2021/02/10) Support nested navbar Implement default homepage layout Adjust the purpose of bookcase layout Remove catalog layout v0.2.0 (2021/02/09) A better responsive navbar Implement default taxonomy and term layout Adjust article styles v0.1.0 (2021/02/08) Initial release.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/changelog/","title":"Changelog"},{"content":" CodePen Embedded codepen to page.\nUsage {{\u0026lt; codepen id=\u0026quot;\u0026quot; \u0026gt;}} Parameters:\nid: codepen id Examples {{\u0026lt; codepen id=\u0026quot;Vwmpjba\u0026quot; \u0026gt;}} ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/codepen/","title":"CodePen"},{"content":" Color Block A block with color\nUsage {{\u0026lt; color-block style=\u0026quot;\u0026quot; \u0026gt;}} {{\u0026lt; /color-block \u0026gt;}} Parameters:\nstyle: block style success info warning error Examples {{\u0026lt; color-block \u0026gt;}} hello world {{\u0026lt; /color-block \u0026gt;}} hello world {{\u0026lt; color-block style=\u0026quot;success\u0026quot; \u0026gt;}} hello world {{\u0026lt; /color-block \u0026gt;}} hello world {{\u0026lt; color-block style=\u0026quot;info\u0026quot; \u0026gt;}} hello world {{\u0026lt; /color-block \u0026gt;}} hello world {{\u0026lt; color-block style=\u0026quot;warning\u0026quot; \u0026gt;}} hello world {{\u0026lt; /color-block \u0026gt;}} hello world {{\u0026lt; color-block style=\u0026quot;error\u0026quot; \u0026gt;}} hello world {{\u0026lt; /color-block \u0026gt;}} hello world ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/color-block/","title":"Color Block"},{"content":" Embed github Directly embed github source code like gist with Prism.js syntax highlight.\nUsage {{\u0026lt; emgithub target=\u0026quot;\u0026quot; lang=\u0026quot;\u0026quot; hl=\u0026quot;\u0026quot; tab_size=\u0026quot;\u0026quot; /\u0026gt;}} Parameters:\ntarget (required): A valid github file url, for example: https://github.com/torvalds/linux/blob/v5.4/README https://github.com/torvalds/linux/blob/v5.4/README#L1 https://github.com/torvalds/linux/blob/v5.4/README#L1-L7 lang (optional): Which language should use for syntax highlighting? text will be applied by default. hl (optional): Line highlight settings. For details, please refer Prism.js Line Highlight Plugin tab_size (optional): Default setting is 4 characters. Examples {{\u0026lt; emgithub target=\u0026quot;https://github.com/torvalds/linux/blob/v5.4/README\u0026quot; /\u0026gt;}} README view raw {{\u0026lt; emgithub target=\u0026quot;https://github.com/torvalds/linux/blob/v5.4/arch/arm64/kernel/stacktrace.c#L171-L199\u0026quot; lang=c tab_size=8 hl=\u0026quot;172-173,192\u0026quot; /\u0026gt;}} arch/arm64/kernel/stacktrace.c view raw ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/emgithub/","title":"Embed github"},{"content":" Icon Monochrome built-in icons.\nUsage {{\u0026lt; icon vendor=\u0026quot;\u0026quot; name=\u0026quot;\u0026quot; link=\u0026quot;\u0026quot; \u0026gt;}} Parameters:\nvendor: Icon vendor (Supported value: feather, simple) link: Render link for icon name: Icon name width: Icon width height: Icon height Available Icons Icons from Feather icons\nname svg globe moon sun github facebook rss twitter mail Icons from Simple icons\nname svg dotenv .ENV dotnet .NET e /e/ 1001tracklists 1001Tracklists Examples {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;github\u0026quot; link=\u0026quot;https://github.com/kaiiiz/hugo-theme-monochrome\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;simple\u0026quot; name=\u0026quot;github\u0026quot; link=\u0026quot;https://github.com/kaiiiz/hugo-theme-monochrome\u0026quot; \u0026gt;}} GitHub {{\u0026lt; icon vendor=\u0026quot;simple\u0026quot; name=\u0026quot;github\u0026quot; width=\u0026quot;32px\u0026quot; height=\u0026quot;32px\u0026quot; link=\u0026quot;https://github.com/kaiiiz/hugo-theme-monochrome\u0026quot; \u0026gt;}} GitHub ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/icon/","title":"Icon"},{"content":" Icon Group Wrap icons with grid layout\nUsage {{\u0026lt; icon-group \u0026gt;}} {{\u0026lt; /icon-group \u0026gt;}} Parameters:\ngap: Gap between icons (default: 6px) Examples {{\u0026lt; icon-group \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;github\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;rss\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;twitter\u0026quot; \u0026gt;}} {{\u0026lt; /icon-group \u0026gt;}} {{\u0026lt; icon-group gap=\u0026quot;12px\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;github\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;rss\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;feather\u0026quot; name=\u0026quot;twitter\u0026quot; \u0026gt;}} {{\u0026lt; /icon-group \u0026gt;}} {{\u0026lt; icon-group gap=\u0026quot;12px\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;simple\u0026quot; name=\u0026quot;github\u0026quot; width=\u0026quot;48px\u0026quot; height=\u0026quot;48px\u0026quot; \u0026gt;}} {{\u0026lt; icon vendor=\u0026quot;simple\u0026quot; name=\u0026quot;rss\u0026quot; width=\u0026quot;12px\u0026quot; height=\u0026quot;12px\u0026quot; \u0026gt;}} {{\u0026lt; /icon-group \u0026gt;}} GitHub RSS ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/icon-group/","title":"Icon Group"},{"content":" JSFiddle Embedded jsfiddle to page.\nUsage {{\u0026lt; jsfiddle id=\u0026quot;\u0026quot; \u0026gt;}} Parameters:\nid: jsfiddle id Examples {{\u0026lt; jsfiddle id=\u0026quot;5byh90rz\u0026quot; \u0026gt;}} ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/jsfiddle/","title":"JSFiddle"},{"content":" Recent Posts Render recent posts list\nUsage {{\u0026lt; recent-posts sortby=\u0026quot;\u0026quot; limit=\u0026quot;\u0026quot; \u0026gt;}} Parameters:\nsortby: publishDate or lastMod limit: positive integer, 0 means unlimited Examples {{\u0026lt; recent-posts sortby=\u0026quot;lastMod\u0026quot; limit=5 \u0026gt;}} Changelog 2026/05/23 Page Settings 2026/05/23 Theme Settings 2026/05/23 Emoji Support 2026/05/23 Math Typesetting 2026/05/23 ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/recent-posts/","title":"Recent Posts"},{"content":"This is a regular page in bookcase.\n","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/layouts/bookcase/demo/regular-page/","title":"Regular Page"},{"content":" Setup This document shows a brief guide to setup hugo-theme-monochrome in your hugo project.\nQuick Start Install Hugo You need \u0026ldquo;extended\u0026rdquo; version of hugo to support SASS. Checkout Install Hugo for more details.\nTake Linux for example:\nsnap install hugo --channel=extended The minimum hugo version that hugo-theme-monochrome required is 0.146.0\nCreate a New Site hugo new site \u0026lt;project name\u0026gt; Add a Theme cd \u0026lt;project name\u0026gt; git init git submodule add https://github.com/kaiiiz/hugo-theme-monochrome.git themes/hugo-theme-monochrome Then add theme = \u0026quot;hugo-theme-monochrome\u0026quot; to your hugo.toml\nCustomize the Theme See Configuration.\nStart the Hugo server hugo server Minify CSS and JS resources. The minifier of JavaScript here is powered by ESBuild.\nhugo server --environment production Build static pages Generate files to /public folder, --minify option can minify other resources (e.g. HTML/XML/JSON\u0026hellip;).\nSee Configure Minify to adjust the behavior of hugo minifier (powered by minify).\nhugo --environment production --minify Deployment Push /public folder to your server.\nFor reference, this site is built by using Github Action and Github Pages. The CI script is available here.\nDeployment on github If you want to deploy your own site on github and you would like it to be built using Github Action and Github Pages you can follow these instructions on the HUGO website with the only change being to uncomment the following line in Setup Hugo:\n# extended: true This is needed since Monochrome uses SCSS.\nOtherwise the Github Action will fail with the following message:\nRun hugo --minify Start building sites … hugo v0.96.0-2fd4a7d3d6845e75f8b8ae3a2a7bd91438967bbb linux/amd64 BuildDate=2022-03-26T09:15:58Z VendorInfo=gohugoio Error: Error building site: TOCSS: failed to transform \u0026quot;scss/core.scss\u0026quot; (text/x-scss). Check your Hugo installation; you need the extended version to build SCSS/SASS.: this feature is not available in your current Hugo version, see https://goo.gl/YMrWcn for more information Total in 156 ms Error: Process completed with exit code 255. Run exampleSite git clone https://github.com/kaiiiz/hugo-theme-monochrome cd hugo-theme-monochrome/exampleSite hugo --themesDir=../.. server ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/setup/","title":"Setup"},{"content":" Terms Cloud Render terms cloud, hugo supports tag and category terms by default, if you want to add your custom terms. Follow the instructions in the document.\nUsage {{\u0026lt; terms-cloud terms=\u0026quot;\u0026quot; sortby=\u0026quot;\u0026quot; order=\u0026quot;\u0026quot; /\u0026gt;}} Parameters:\nterms: terms name sortby: count or alphabetical (default: count) order: asc or desc (default: asc) Examples {{\u0026lt; terms-cloud terms=\u0026quot;series\u0026quot; \u0026gt;}} Themes Guide (1) {{\u0026lt; terms-cloud terms=\u0026quot;tags\u0026quot; order=\u0026quot;desc\u0026quot; \u0026gt;}} Markdown (2) Shortcodes (1) Text (1) Css (1) Emoji (1) Html (1) Index (1) Privacy (1) {{\u0026lt; terms-cloud terms=\u0026quot;tags\u0026quot; sortby=\u0026quot;alphabetical\u0026quot; \u0026gt;}} Css (1) Emoji (1) Html (1) Index (1) Markdown (2) Privacy (1) Shortcodes (1) Text (1) ","permalink":"https://kaiiiz.github.io/hugo-theme-monochrome/shortcodes/terms-cloud/","title":"Terms Cloud"}]