<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>ToC on JOURNAL.ROBBI.MY</title><link>https://journal.robbi.my/tags/toc/</link><description>Recent content in ToC on JOURNAL.ROBBI.MY</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Mon, 26 Dec 2022 12:44:45 +0800</lastBuildDate><atom:link href="https://journal.robbi.my/tags/toc/index.xml" rel="self" type="application/rss+xml"/><item><title>Hugo Toc (Table of Content) with spoiler</title><link>https://journal.robbi.my/posts/210624010826/</link><pubDate>Thu, 24 Jun 2021 13:08:26 +0800</pubDate><guid>https://journal.robbi.my/posts/210624010826/</guid><description>&lt;p&gt;I wonder how to create ToC (Table of Content) using Hugo and it seem much easier compare to Jekyll, because it have built in function &lt;code&gt;{{ .Page.TableOfContents }}&lt;/code&gt; that ready to use . But I still need hacking the some files, to make it prettier. I will document it and share here.&lt;/p&gt;

&lt;nav id="TableOfContents"&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href="#set-suitable-variable-on-configyml"&gt;Set suitable variable on &lt;code&gt;config.yml&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#add-new-shortcode-template"&gt;Add new &lt;code&gt;shortcode&lt;/code&gt; template&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#some-touch-up-and-make-up"&gt;Some touch-up and make-up&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#read-to-use"&gt;Read to use&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
&lt;/nav&gt;

&lt;h2 id="set-suitable-variable-on-configyml"&gt;Set suitable variable on &lt;code&gt;config.yml&lt;/code&gt;&lt;/h2&gt;
&lt;p&gt;Open &lt;code&gt;config.yml&lt;/code&gt; and put snippet provided below on your file. You know how to find it right?&lt;/p&gt;</description></item></channel></rss>