<!doctype html><htmllang=en><head><metacharset=utf-8><metahttp-equiv=x-ua-compatiblecontent="IE=edge"><metaname=viewportcontent="width=device-width,initial-scale=1,shrink-to-fit=no"><title>Papermod - Features - PaperMod</title><metaname=descriptioncontent="Assets(js/css)Thefollowingisenabledbydefault
minification - makes the assets size smallest as possible. bundling - bundles all the styles in one single asset fingerprint/intergity check. Default Theme light/dark params: defaultTheme: light or
params: defaultTheme: dark Archives Layout Add vars below to page-variables
params: homeInfoParams: Title: Hi there wave Content: Can be Info, links, about."><metaname=authorcontent="Aditya Telange"><linkrel=canonicalhref=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/><linkhref=https://adityatelange.github.io/hugo-PaperMod/css/stylesheet.min.f98925ef066c41ff7e0ca08284b73c7b5a81c2e80dd4ed72c9001acd8124209c.cssintegrity="sha256-+Ykl7wZsQf9+DKCChLc8e1qBwugN1O1yyQAazYEkIJw="rel="preload stylesheet"as=style><linkrel=apple-touch-iconhref=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><linkrel=iconhref=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><metaname=generatorcontent="Hugo 0.75.1"></head><bodyclass=singleid=top><script>if(window.matchMedia('(prefers-color-scheme: dark)').matches){document.body.classList.add('dark');}</script><headerclass=header><navclass=nav><pclass=logo><ahref=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a></p><ulclass=menuid=menuonscroll=menu_on_scroll()><li><ahref=https://adityatelange.github.io/hugo-PaperMod/archives/><span>Archives</span></a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/tags/><span>Tags</span></a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/series/><span>Series</span></a></li></ul></nav></header><mainclass=main><articleclass=post-single><headerclass=post-header><h1class=post-title>Papermod - Features</h1></header><divclass=toc><detailsopen><summary><divclass=details>Table of Contents</div></summary><blockquote><ul><li><ahref=#assets-jscss>Assets (js/css)</a></li><li><ahref=#default-theme-lightdark>Default Theme light/dark</a></li><li><ahref=#archives-layout>Archives Layout</a></li><li><ahref=#home-info-mode>Home-Info Mode</a></li><li><ahref=#profile-mode>Profile Mode</a></li><li><ahref=#drafthttpsgohugoiogetting-startedusagedraft-future-and-expired-content-page-indication><ahref=https://gohugo.io/getting-started/usage/#draft-future-and-expired-content>Draft</a> Page indication</a></li><li><ahref=#scroll-to-top-button>Scroll-to-Top Button</a></li><li><ahref=#share-buttons-on-post>Share Buttons on post</a></li><li><ahref=#show-post-reading-time>Show post reading time</a></li><li><ahref=#show-table-of-contents-on-blog-post>Show Table of Contents on blog post</a></li><li><ahref=#comments>Comments</a><ul><li><ahref=#scroll-bar-themed>Scroll-Bar themed</a></li><li><ahref=#smooth-scroll-between-in-page-links>Smooth Scroll between in-page links</a></li></ul></li></ul></blockquote></details></div><divclass=post-content><h2id=assets-jscss>Assets (js/css)</h2><p>The following is enabled by default</p><ul><li><ahref=https://gohugo.io/hugo-pipes/minification/>minification</a> - makes the assets size smallest as possible.</li><li><ahref=https://gohugo.io/hugo-pipes/bundling/>bundling</a> - bundles all the styles in one single asset</li><li><ahref=https://gohugo.io/hugo-pipes/fingerprint/>fingerprint/intergity</a> check.</li></ul><hr><h2id=default-theme-lightdark>Default Theme light/dark</h2><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>params</span>:
</code></pre></div><hr><h2id=archives-layout>Archives Layout</h2><p>Add vars below to page-variables</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>layout</span>: <spanstyle=color:#e6db74>"archives"</span>
</code></pre></div><p>ex: <ahref=https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md>here</a></p><p><imgsrc=https://i.ibb.co/cNWc7GZ/paper-mod-archives.pngalt></p><hr><h2id=home-info-mode>Home-Info Mode</h2><p>Use 1st entry as some Information</p><p>add following to config file</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>params</span>:
<spanstyle=color:#f92672>homeInfoParams</span>:
<spanstyle=color:#f92672>Title</span>: <spanstyle=color:#ae81ff>Hi there wave</span>
<spanstyle=color:#f92672>Content</span>: <spanstyle=color:#ae81ff>Can be Info, links, about...</span>
</code></pre></div><p>ex. <ahref=https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.toml#L14>here</a></p><p><imgsrc=https://i.ibb.co/zsq6fLr/papermod-homeinfo.pngalt></p><hr><h2id=profile-mode>Profile Mode</h2><p>Shows Index/Home page as Full Page with Social Links and Image</p><p>add following to config file</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>params</span>:
<spanstyle=color:#f92672>title</span>: <spanstyle=color:#e6db74>"<Title>"</span><spanstyle=color:#75715e># optional default will be site title</span>
<spanstyle=color:#f92672>imageTitle</span>: <spanstyle=color:#e6db74>"<title of image as alt>"</span><spanstyle=color:#75715e># optional</span>
</code></pre></div><p><imgsrc=https://i.ibb.co/K0HVPBd/paper-mod-profilemode.pngalt></p><hr><h2id=drafthttpsgohugoiogetting-startedusagedraft-future-and-expired-content-page-indication><ahref=https://gohugo.io/getting-started/usage/#draft-future-and-expired-content>Draft</a> Page indication</h2><p>adds <code>[draft]</code> mark to indicate draft pages.</p><hr><h2id=scroll-to-top-button>Scroll-to-Top Button</h2><pre><code>Displays a Scroll-to-Top button in right-bottom corner
</code></pre><hr><h2id=share-buttons-on-post>Share Buttons on post</h2><p>Displays Share Buttons at Bottom of each post</p><p>to show share buttons add</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>params</span>:
</code></pre></div><p><imgsrc=https://i.ibb.co/sPN8bgd/paper-mod-share-butons.pngalt></p><hr><h2id=show-post-reading-time>Show post reading time</h2><p>Displays Reading Time (the estimated time, in minutes, it takes to read the content.)</p><p>To show reading time add</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>Params</span>:
</code></pre></div><hr><h2id=show-table-of-contents-on-blog-post>Show Table of Contents on blog post</h2><p>Displays ToC on blog-pages</p><p>To show ToC add following to page-variables</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>ShowToc</span>: <spanstyle=color:#66d9ef>true</span>
</code></pre></div><hr><h2id=comments>Comments</h2><p>to add comments, create a html file</p><p><code>layouts/partials/comments.html</code></p><p>and paste code provided by your comments provider</p><p>also in config add this</p><divclass=highlight><prestyle=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><codeclass=language-ymldata-lang=yml><spanstyle=color:#f92672>params</span>:
<span>Theme️<ahref=https://git.io/hugopapermodrel=noopenertarget=_blank>PaperMod</a></span></footer><ahref=#toparia-label="go to top"title="Go to Top"><buttonclass=top-linkid=top-linktype=button><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 12 6"><pathd="M12 6H0l6-6z"/></svg></button></a>
