minification - makes the assets size smallest as possible. bundling - bundles all the styles in one single asset fingerprint/intergity check. Default Theme light/dark/auto params: # defaultTheme: light # defaultTheme: dark defaultTheme: auto # to switch between dark or light according to browser theme Theme Switch Toggle (enabled by default) Shows icon besides title of page to change theme"><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.ff1b85cb3d7db79805c4580f22fd6b6a670c5a19f5b4bf5148eb0f96a402b707.cssintegrity="sha256-/xuFyz19t5gFxFgPIv1ramcMWhn1tL9RSOsPlqQCtwc="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.76.5"><metaproperty="og:title"content="Papermod - Features"><metaproperty="og:description"content="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/auto params: # defaultTheme: light # defaultTheme: dark defaultTheme: auto # to switch between dark or light according to browser theme Theme Switch Toggle (enabled by default) Shows icon besides title of page to change theme"><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="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/auto params: # defaultTheme: light # defaultTheme: dark defaultTheme: auto # to switch between dark or light according to browser theme Theme Switch Toggle (enabled by default) Shows icon besides title of page to change theme"><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Papermod-Features","name":"Papermod-Features","description":"Assets(js/css)Thefollowingisenabledbydefault\nminification-makestheassetssizesmallestaspossible.bundling-bundlesallthestylesinonesingleasset…","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:trueArchivesLayoutCreateapagewitharchive.mdAddvarsbelowtoitspage-variables\nlayout:\"archives\"ex:archives.md\nHome-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:\"https://github.com/\"socialIcons:#optional-name:\"\"url:\"\"-name:\"\"url:\"\"DraftPageindicationadds[draft]marktoindicatedraftpages.\nPostCoverImageInpost’spage-variablesadd:\ncover:image:''#canalsopastedirectlinkfromexternalsite#ex.https://i.ibb.co/K0HVPBd/paper-mod-profilemode.pngalt:''caption:''WhenyouincludeimagesinthePageBundle,multiplesizesoftheimagewillautomaticallybeprovidedusingtheHTML5srcsetfield.\nToreducegenerationtimeandsizeofthesite,youcandisablethisfeatureusing\nparams:cover:responsiveImages:falseToenablehyperlinkstothefullimagesizeonpostpages,use\nparams:cover:linkFullImages:trueShareButtonsonpostDisplaysShareButtonsatBottomofeachpost\ntoshowsharebuttonsadd\nparams:ShowShareButtons:trueShowpostreadingtimeDisplaysReadingTime(theestimatedtime,inminutes,ittakestoreadthecontent.)\nToshowreadingtimeadd\nParams:ShowReadingTime:trueShowTableofContents(Toc)onblogpostDisplaysToConblog-pages\nToshowToCaddfollowingtopage-variables\nShowToc:trueTokeepTocOpenbydefaultonapostaddfollowingtopage-variables:\nTocOpen:trueCommentstoaddcomments,createahtmlfile\nlayouts/partials/comments.html\nandpastecodeprovidedbyyourcommentsprovider\nalsoinconfigaddthis\nparams:comments:truereadmoreaboutthishere\nMiscScroll-Barthemed(bydefault)SmoothScrollbetweenin-pagelinks(bydefault)Scroll-to-TopButton(bydefault)DisplaysaScroll-to-Topbuttoninright-bottomcorner\nGoogleAnalyticsintegrationOpen-GraphsupportTwitterCardsSupportSyntaxhighlightingTwittercardsandopengraphtagssupportRSSfeedsMultilingualSupport","wordCount":"452","inLanguage":"en","datePublished":"2020-09-16T11:30:03+05:30","dateModified":"2020-09-16T11:30:03+05:30","author":{"@type":"Person","name":"AdityaTelange"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/"},"publisher":{"@type":"Organization","name":"PaperMod","logo":{"@type":"ImageObje
<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><hr><h3id=archives-layout>Archives Layout</h3><p>Create a page with <code>archive.md</code>
Add vars below to its 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>archives.md</a></p><hr><h3id=home-info-mode>Home-Info Mode</h3><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><p><imgsrc=https://i.ibb.co/zsq6fLr/papermod-homeinfo.pngalt></p><hr><h3id=profile-mode>Profile Mode</h3><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=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"><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>
