<!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
Home-Info Mode Use 1st entry as some Information"><metaname=keywordscontent="/"><metaname=authorcontent="Aditya Telange"><linkrel=canonicalhref=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/><linkhref=https://adityatelange.github.io/hugo-PaperMod/assets/css/stylesheet.min.407c57ffbc27df1ca1b14f60766ffb6ab955381df83d53f2f71558576325ef05.cssintegrity="sha256-QHxX/7wn3xyhsU9gdm/7arlVOB34PVPy9xVYV2Ml7wU="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(localStorage.getItem("pref-theme")==="dark"){document.body.classList.add('dark');}elseif(localStorage.getItem("pref-theme")==="light"){document.body.classList.remove('dark')}else{if(window.matchMedia('(prefers-color-scheme: dark)').matches){document.body.classList.add('dark');}}</script><noscript><styletype=text/css>.theme-toggle,.top-link{display:none}</style></noscript><headerclass=header><navclass=nav><pclass=logo><ahref=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a>
<spanclass=theme-toggle><aid=theme-toggle><svgid="moon"xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentcolor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><pathd="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svgid="sun"xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentcolor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><circlecx="12"cy="12"r="5"/><linex1="12"y1="1"x2="12"y2="3"/><linex1="12"y1="21"x2="12"y2="23"/><linex1="4.22"y1="4.22"x2="5.64"y2="5.64"/><linex1="18.36"y1="18.36"x2="19.78"y2="19.78"/><linex1="1"y1="12"x2="3"y2="12"/><linex1="21"y1="12"x2="23"y2="12"/><linex1="4.22"y1="19.78"x2="5.64"y2="18.36"/><linex1="18.36"y1="5.64"x2="19.78"y2="4.22"/></svg></a></span></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></ul></nav></header><mainclass=main><articleclass=post-single><headerclass=post-header><h1class=post-title>Papermod - Features</h1><divclass=post-meta><time>September 16, 2020</time> · 2 min · Aditya Telange</div></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=#cover-for-a-post>Cover for a Post</a></li><li><ahref=#scroll-to-top-button-by-default>Scroll-to-Top Button (by default)</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-toc-on-blog-post>Show Table of Contents (Toc) on blog post</a></li><li><ahref=#comments>Comments</a></li><li><ahref=#scroll-bar-themed-by-default>Scroll-Bar themed (by default)</a></li><li><ahref=#smooth-scroll-between-in-page-links-by-default>Smooth Scroll between in-page links (by default)</a></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=cover-for-a-post>Cover for a Post</h2><p>In post’s page-variables 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:#ae81ff>cover = "<absolute image url>"</span>
<spanstyle=color:#75715e># can also paste direct link from external site</span>
</code></pre></div><p><imgsrc=https://user-images.githubusercontent.com/21258296/93084795-3579ae80-f6b2-11ea-98c1-eee4061eb836.pngalt></p><hr><h2id=scroll-to-top-button-by-default>Scroll-to-Top Button (by default)</h2><p>Displays a Scroll-to-Top button in right-bottom corner</p><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-toc-on-blog-post>Show Table of Contents (Toc) 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><p>To keep Toc Open <strong>by default</strong> on a post 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>TocOpen</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>
