<!doctype html><htmllang=endir=auto><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=keywordscontent="PaperMod"><metaname=descriptioncontent="Get known about All Features in PaperMod"><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.423a3f936d3c2f8ed2a09c09b14e77af788d634dc55def0398bdf279b1cfa624.cssintegrity="sha256-Qjo/k208L47SoJwJsU53r3iNY03FXe8DmL3yebHPpiQ="rel="preload stylesheet"as=style><linkrel=manifesthref=https://adityatelange.github.io/hugo-PaperMod/site.webmanifest><linkrel=iconhref=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><linkrel=icontype=image/pngsizes=16x16href=https://adityatelange.github.io/hugo-PaperMod/favicon-16x16.png><linkrel=icontype=image/pngsizes=32x32href=https://adityatelange.github.io/hugo-PaperMod/favicon-32x32.png><linkrel=apple-touch-iconhref=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><linkrel=mask-iconhref=https://adityatelange.github.io/hugo-PaperMod/safari-pinned-tab.svg><metaname=theme-colorcontent="#2e2e33"><metaname=msapplication-TileColorcontent="#2e2e33"><metaname=generatorcontent="Hugo 0.78.1"><metaproperty="og:title"content="Papermod - Features"><metaproperty="og:description"content="Get known about All Features in PaperMod"><metaproperty="og:type"content="article"><metaproperty="og:url"content="https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/"><metaproperty="article:published_time"content="2020-09-16T11:30:03+05:30"><metaproperty="article:modified_time"content="2020-09-16T11:30:03+05:30"><metaname=twitter:cardcontent="summary"><metaname=twitter:titlecontent="Papermod - Features"><metaname=twitter:descriptioncontent="Get known about All Features in PaperMod"><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Papermod-Features","name":"Papermod-Features","description":"GetknownaboutAllFeaturesinPaperMod","keywords":["PaperMod"],"articleBody":"Assets(js/css)Thefollowingisenabledbydefault\nminification-makestheassetssizesmallestaspossible.bundling-bundlesallthestylesinonesingleassetfingerprint/intergitycheck.DefaultThemelight/dark/autoparams:#defaultTheme:light#defaultTheme:darkdefaultTheme:auto#toswitchbetweendarkorlightaccordingtobrowserthemeThemeSwitchToggle(enabledbydefault)Showsiconbesidestitleofpagetochangetheme\nTodisableit:\ndisableThemeToggle:trueYoucanreferfollowingtableforbetterunderstanding…\ndefaultThemedisableThemeTogglecheckslocalstorage?checkssystemtheme?InfoautotrueNoYesonlysystemthemefalseYes(ifnot-2)Yes(2)switchpresentdarktrueNoNoforcedarkonlyfalseYesNoswitchpresentlighttrueNoNoforcelightonlyfalseYesNoswitchpresentArchivesLayoutCreateapagewitharchive.mdincontentdirectorywithfollowingcontent\n---title:\"Archive\"#inanylanguageyouwantlayout:\"archives\"#isnecessaryurl:\"/archive\"summary:\"archive\"---Note:ArchivesLayoutdoesnotsupportMultilingualMonthTranslations.\nex:archives.md\nRegularMode(default-mode)Home-InfoModeUse1stentryassomeInformation\naddfollowingtoconfigfile\nparams:homeInfoParams:Title:HitherewaveContent:CanbeInfo,links,about...socialIcons:#optional-name:\"\"url:\"\"-name:\"\"url:\"\"ex.here\nProfileModeShowsIndex/HomepageasFullPagewithSocialLinksandImage\naddfollowingtoconfigfile\nparams:profileMode:enabled:truetitle:\"\"#optionaldefaultwillbesitetitleimageUrl:\"\"#optionalimageTitle:\"\"#optionalbuttons:-name:Archiveurl:\"/archive\"-name:Githuburl:\"ht
<spanclass=logo-switches><spanclass=theme-toggle><aid=theme-toggleaccesskey=t><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><spanclass=lang-switch><span>|</span><ul><li><ahref=https://adityatelange.github.io/hugo-PaperMod/l2/title=Lang2aria-label=Lang2>Lang2</a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/l3/title=Langrtlaria-label=Langrtl>Langrtl</a></li></ul></span></span></div><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>September 16, 2020 · 3 min · Aditya Telange</div></header><divclass=toc><detailsopen><summary><divclass=detailsaccesskey=c>Table of Contents</div></summary><blockquote><ul><li><ahref=#assets-jscssaria-label="Assets (js/css)">Assets (js/css)</a></li><li><ahref=#default-theme-lightdarkautoaria-label="Default Theme light/dark/auto">Default Theme light/dark/auto</a></li><li><ahref=#theme-switch-toggle-enabled-by-defaultaria-label="Theme Switch Toggle (enabled by default)">Theme Switch Toggle (enabled by default)</a></li><li><ahref=#archives-layoutaria-label="Archives Layout">Archives Layout</a></li><li><ahref=#regular-mode-default-modearia-label="Regular Mode (default-mode)">Regular Mode (default-mode)</a></li><li><ahref=#home-info-modearia-label="Home-Info Mode">Home-Info Mode</a></li><li><ahref=#profile-modearia-label="Profile Mode">Profile Mode</a></li><li><ahref=#draft-page-indicationaria-label="Draft Page indication">Draft Page indication</a></li><li><ahref=#post-cover-imagearia-label="Post Cover Image">Post Cover Image</a></li><li><ahref=#share-buttons-on-postaria-label="Share Buttons on post">Share Buttons on post</a></li><li><ahref=#show-post-reading-timearia-label="Show post reading time">Show post reading time</a></li><li><ahref=#show-table-of-contents-toc-on-blog-postaria-label="Show Table of Contents (Toc) on blog post">Show Table of Contents (Toc) on blog post</a></li><li><ahref=#multiple-authorsaria-label="Multiple Authors">Multiple Authors</a></li><li><ahref=#commentsaria-label=Comments>Comments</a></li><li><ahref=#miscaria-label=Misc>Misc</a><ul><li><ahref=#scroll-bar-themed-by-defaultaria-label="Scroll-Bar themed (by default)">Scroll-Bar themed (by default)</a></li><li><ahref=#smooth-scroll-between-in-page-links-by-defaultaria-label="Smooth Scroll between in-page links (by default)">Smooth Scroll between in-page links (by default)</a></li><li><ahref=#scroll-to-top-button-by-defaultaria-label="Scroll-to-Top Button (by default)">Scroll-to-Top Button (by default)</a></li><li><ahref=#google-analytics-integrationaria-label="Google Analytics integration">Google Analytics integration</a></li><li><ahref=#open-graph-supportaria-label="Open-Graph support">Open-Graph support</a></li><li><ahref=#twitter-cards-supportaria-label="Twitter Cards Support">Twitter Cards Support</a></li><li><ahref=#syntax-highlightingaria-label="Syntax highlighting">Syntax highlighting</a></li><li><ahref=#tw
<spanstyle=color:#f92672>defaultTheme</span>: <spanstyle=color:#ae81ff>auto</span><spanstyle=color:#75715e># to switch between dark or light according to browser theme</span>
</code></pre></div><hr><h3id=theme-switch-toggle-enabled-by-default>Theme Switch Toggle (enabled by default)</h3><p>Shows icon besides title of page to change theme</p><p>To disable it :</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>disableThemeToggle</span>: <spanstyle=color:#66d9ef>true</span>
</code></pre></div><p>You can refer following table for better understanding…</p><table><thead><tr><th><code>defaultTheme</code></th><th><code>disableThemeToggle</code></th><th>checks local storage?</th><th>checks system theme?</th><th>Info</th></tr></thead><tbody><tr><td><code>auto</code></td><td>true</td><td>No</td><td>Yes</td><td>only system theme</td></tr><tr><td></td><td>false</td><td>Yes (if not->2)</td><td>Yes (2)</td><td><em>switch present</em></td></tr><tr><td><code>dark</code></td><td>true</td><td>No</td><td>No</td><td>force dark only</td></tr><tr><td></td><td>false</td><td>Yes</td><td>No</td><td><em>switch present</em></td></tr><tr><td><code>light</code></td><td>true</td><td>No</td><td>No</td><td>force light only</td></tr><tr><td></td><td>false</td><td>Yes</td><td>No</td><td><em>switch present</em></td></tr></tbody></table><hr><h3id=archives-layout>Archives Layout</h3><p>Create a page with <code>archive.md</code> in <code>content</code> directory with following content</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>---
</code></pre></div><p><strong>Note:</strong> Archives Layout does not support Multilingual Month Translations.</p><p>ex: <ahref=https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md>archives.md</a></p><hr><h3id=regular-mode-default-mode>Regular Mode (default-mode)</h3><p><imgsrc=images/regular.webpalt=regular></p><hr><h3id=home-info-mode>Home-Info Mode</h3><p><imgsrc=images/homeinfo.webpalt=homeinfo></p><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>:
</code></pre></div><p>ex. <ahref=https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.toml#L14>here</a></p><hr><h3id=profile-mode>Profile Mode</h3><p><imgsrc=images/profile.webpalt=profile></p><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>When you include images in the <ahref=https://gohugo.io/content-management/page-bundles/>Page Bundle</a>, multiple sizes of the image will automatically be provided using the HTML5 <code>srcset</code> field.</p><p>To reduce generation time and size of the site, you can disable this feature using</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>To enable hyperlinks to the full image size on post pages, use</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><h3id=share-buttons-on-post>Share Buttons on post</h3><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><hr><h3id=show-post-reading-time>Show post reading time</h3><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><h3id=show-table-of-contents-toc-on-blog-post>Show Table of Contents (Toc) on blog post</h3><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><h3id=multiple-authors>Multiple Authors</h3><p>To Use multiple authors for a post, in post-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>---
</code></pre></div><p>To use Multiple Authors Site-wide, in <code>config.yml</code>:</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><h3id=comments>Comments</h3><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"accesskey=g><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>
