TOC

To enable it, all you need to do when creating a new post at the very top is to insert the code:

toc = true
tocBorder = true

Details

{< details summary="Click me" >}
A lot of text or something else.
{< /details >}

Styles

/config.toml

appearance = "auto"

you can change it to 2 predefined styles: light and dark. It can be also set to auto and the color scheme will match the user’s system style.

• you can add new style or modify auto option, just edit CSS in ../themes/nostyleplease/assets/main.scss :-). It’s easy, if you are able to operate Hugo - you can do it.

Link

{< link "https://www.bing.com/" >}Bing{< /link >}

Table of Contents by Hand

Lorem ipsum¹ dolor sit amet, consectetur adipiscing elit.

• The start
• hr
• Heading
• Paragraph
• List
• Blockquote
• Thematic break
• Code
• Table
• Image

hr

Heading

Heading one

Sint sit cillum pariatur eiusmod nulla pariatur ipsum.

Heading two

Sint sit cillum pariatur eiusmod nulla pariatur ipsum.

Heading three

Sint sit cillum pariatur eiusmod nulla pariatur ipsum.

Heading four

Sint sit cillum pariatur eiusmod nulla pariatur ipsum.

Paragraph

Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum.

Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.

List

Ordered List

1. Longan
2. Lychee
3. Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis. Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
4. Melon
   • Cantaloupe
   • Honeydew
5. Miracle fruit

Unordered List

• Olive
• Orange
  • Blood orange
  • Clementine
• Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.

Blockquote

The following is a blockquote:

Suspendisse tempus dolor nec risus sodales posuere. Proin dui dui, mollis a consectetur molestie, lobortis vitae tellus.

Thematic break

Mauris viverra dictum ultricies². You can put some text inside the horizontal rule like so.

Or you can just have an clean horizontal rule.

Code

Highlighted

const ultimateTruth = 'this theme is the best!';
console.log(ultimateTruth);

package main

import (
    "fmt"
    "net/http"
)

func handler(w http.ResponseWriter, r *http.Request) {
    fmt.Fprintf(w, "Hi there, I love %s!", r.URL.Path[1:])
}

func main() {
    http.HandleFunc("/", handler)
    http.ListenAndServe(":8080", nil)
}

Inline code

And here is some inline code!

Table

Table1

Image

simple image

image with caption

image with link

Logo of no style, please! theme³

Back to Top ↑