# Hugo Shortcodes

A Collection of useful Hugo Shortcodes

- ## [Highlight Boxes](highlight)

    Add Highlight Boxes to your Website

    ![Example Highlight Boxes in Hugo](highlight/highlights.png)

- ## [Post Archive](post_archive)
  
    Add an Archive of your Posts to your Website

    ![Example Post Archive in Hugo](post_archive/post_archive.png)

- ## [Inserting Raw HTML](rawhtml)
    
    Insert raw HTML Code anywhere

    ```hugo
    {{< rawhtml >}}
        <h1>your html code here</h1>
        <p style="color: yellow;">Example HTML</p>
    {{< /rawhtml >}}
    ```

    ![Example Inserting Raw HTML in Hugo](rawhtml/rawhtml.png)

- ## [Table of Contents](table_of_contents)

    Add a automatically generated Table of Contents to any Page/Post on your Website

    ![Example Table of Contents in hugo](table_of_contents/table_of_contents.png)

- ## [Search Engine Optimization](search_engine_optimization)

    Add automatically generated Search Engine Optimization to your Website

    ```html
    <meta name="keywords" content="default-tag1, default-tag2, default-tag3" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="http://localhost:1313/posts/example-post" />
    <link rel="alternate" href="http://localhost:1313/posts/example-post" hreflang="en-us" />
    <link rel="alternate" type="application/rss+xml" href="http://localhost:1313/index.xml" title="Example Blog" />
    ```