Hugo Markdown Syntax Both HTML and Markdown are supported content formats in Hugo. By default, Hugo uses Goldmark to render markdown to HTML. Files with the .md or .markdown extension are processed as markdown, provided that you have not specified a different content format using the markup field in front matter. Hugo
How Create Bootstrap Tables in Hugo Inspired by this discussion , I wanted the ability to style a markdown table with Bootstrap table classes . While this works fine, I wanted something that meets the following criteria: The table is defined in markdown It lives in the content file, e.g. content/post/some-post.md It’s styled with Bootstrap table classes Create css file with bootstrap tables You can create own css file with bootstrap tables definition based on original bootstrap 5 css file. Hugo
SSG Hugo Setup Hugo Config Print the site configuration, both default and custom settings. ~] hugo config archetypedir = 'archetypes' assetdir = 'static' baseurl = 'http://www.pipelines.cz/' cachedir = '/tmp/hugo_cache_rrastik/' contentdir = 'content' datadir = 'data' defaultcontentlanguage = 'en' ... List all parameters from .Params {{with .Params }}{{printf "%#v " .}}{{end}} List of all Chroma syntax highlighter lexers Chroma is a general purpose syntax highlighter in pure Go programming language. sources: https://github.com/alecthomas/chroma Chroma style gallery Chroma on GitHub List of all Chroma lexers Supported languages Hugo
Bootstrap colors Bootstrap is supported by an extensive color system that themes our styles and components. This enables more comprehensive customization and extension for any project. Hugo
Bootstrap Cards and Hugo Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. Hugo
Bootstrap Cards notes shortcode use a css and javascript from bootstrap. I use a bootstrap.5.3.2 version now. download my bs-card-notes parameters: header [optional] - some header text title [optional] - some title text card-class [required] - name of card class from bootstrap project background and color color and background for set up font color and background color with one class border color - for set up only border color font-color-text [optional] - color for text in title and card body (not for car header) bootstrap text colors Background and color {{< bs-card-notes header="Note" title="Some title" card-class="text-bg-primary" >}} Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#). Hugo
Hugo and Bootstrap Tips with Examples Bootstrap - center text in image Django collapse - expand/collapse accordion use a css and javascript from bootstrap. I use a bootstrap.5.3.2 version now. download my mark and mark-code shortocdes (optional) download my shortcode usage: {{< bs-collapse-button header="Example" >}} **This is the first item's accordion body.** It is {{< mark-code >}}shown{{< /mark-code >}} by [default](/#), until the {{% mark %}}collapse{{% /mark %}} plugin adds the appropriate classes that we use to style each element. Hugo
Responsive card slider - Bedimcode Responsive Card Slider Using HTML CSS & JavaScript. It contains beautiful cards in dark mode and 3D images. Slider images with Swiper Js. Developed first with the Mobile First methodology, then for desktop. Compatible with all mobile devices and with a beautiful and pleasant user interface. Hugo
Hugo website SEO Hugo or your Hugo theme might provide some SEO components out of the box, but consider adding what it doesn’t, then tell google; bing and other search engines about your site. 1. Add SEO elements to your website See also about SEO elements -> https://developers.google.com/search/docs/guides Configuration By default Hugo or your Hugo theme will give you: A sitemap at /sitemap.xml: useful to submit to search engines like google ( see below ). Hugo
Hugo Fonts Sandbox Example texts with some fonts like Roboto, Nunito, Open Sans and another fonts from fonts.google.com Hugo