hugo-theme-wondermod/posts/papermod/papermod-installation/index.html

160 lines
37 KiB
HTML
Raw Normal View History

<!doctype html><html lang=en dir=auto><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name=robots content="index, follow"><title>Installation | Update | PaperMod</title><meta name=keywords content="PaperMod"><meta name=description content="Read Install and Update instructions here"><meta name=author content="Aditya Telange"><link rel=canonical href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/><link href=/hugo-PaperMod/assets/css/stylesheet.min.4f1ad98d0bbc51ea2c950f063c7e29522bc8945c9dd06348318cd4cce6be44bb.css integrity="sha256-TxrZjQu8UeoslQ8GPH4pUivIlFyd0GNIMYzUzOa+RLs=" rel="preload stylesheet" as=style><link rel=icon href=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><link rel=icon type=image/png sizes=16x16 href=https://adityatelange.github.io/hugo-PaperMod/favicon-16x16.png><link rel=icon type=image/png sizes=32x32 href=https://adityatelange.github.io/hugo-PaperMod/favicon-32x32.png><link rel=apple-touch-icon href=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><link rel=mask-icon href=https://adityatelange.github.io/hugo-PaperMod/safari-pinned-tab.svg><meta name=theme-color content="#2e2e33"><meta name=msapplication-TileColor content="#2e2e33"><meta name=generator content="Hugo 0.80.0"><link rel=alternate hreflang=en href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/><meta property="og:title" content="Installation | Update"><meta property="og:description" content="Read Install and Update instructions here"><meta property="og:type" content="article"><meta property="og:url" content="https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/"><meta property="og:image" content="https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png"><meta property="article:published_time" content="2021-01-20T00:00:00+00:00"><meta property="article:modified_time" content="2021-01-20T00:00:00+00:00"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png"><meta name=twitter:title content="Installation | Update"><meta name=twitter:description content="Read Install and Update instructions here"><script type=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Installation | Update","name":"Installation | Update","description":"Read Install and Update instructions here","keywords":["PaperMod"],"articleBody":"Guide Follow Quick Start guide to setup hugo and create a new site. Make sure you install latest version of hugo(=0.74.0).\nAfter you have created a new site, at Step 3 follow the steps:\nMethod 1 Inside the folder of your Hugo site, run:\ngit clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 Note: You may use --branch v3.0 to end of above command if you want to stick to specific release.\n Updating theme :\ncd themes/PaperMod git pull Method 2 you can use as submodule with\ngit submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth=1 git submodule update --init --recursive Note: You may use --branch v3.0 to end of above command if you want to stick to specific release.\n Updating theme :\ngit submodule update --remote --merge Method 3 Or you can Download as Zip from Github Page and extract in your themes directory\nFinally Add in config.yml:\ntheme: \"PaperMod\" Quick Links Papermod - Features Papermod - FAQs Papermod - Variables Papermod - Icons ChangeLog Sample config.yml Example Site Structure is present here: exampleSite\n Use appropriately\nbaseURL: \"https://examplesite.com\" title: ExampleSite paginate: 5 theme: PaperMod enableRobotsTXT: true buildDrafts: false buildFuture: false buildExpired: false googleAnalytics: UA-123-45 minify: disableXML: true minifyOutput: true params: env: production # to enable google analytics, opengraph, twitter-cards and schema.
<span class=logo-switches><span class=theme-toggle title="(Alt + T)"><a id=theme-toggle accesskey=t><svg id="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"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svg id="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"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></a></span><span class=lang-switch><span>|</span><ul><li><a href=https://adityatelange.github.io/hugo-PaperMod/fr/ title=:fr: aria-label=:fr:>🇫🇷</a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/fa/ title=Fa aria-label=Fa>Fa</a></li></ul></span></span></div><ul class=menu id=menu onscroll=menu_on_scroll()><li><a href=https://adityatelange.github.io/hugo-PaperMod/archives title=Archive><span>Archive</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/categories/ title=Categories><span>Categories</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/search/ title="Search (Alt + /)" accesskey=/><span>Search</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/ title=Tags><span>Tags</span></a></li></ul></nav></header><main class=main><article class=post-single><header class=post-header><h1 class=post-title>Installation | Update</h1><div class=post-description></div><div class=post-meta>January 20, 2021&nbsp;·&nbsp;3 min&nbsp;·&nbsp;Aditya Telange</div></header><div class=toc><details open><summary accesskey=c title="(Alt + C)"><div class=details>Table of Contents</div></summary><div class=inner><ul><li><a href=#guide aria-label=Guide>Guide</a><ul><li><a href=#method-1 aria-label="Method 1">Method 1</a></li><li><a href=#method-2 aria-label="Method 2">Method 2</a></li><li><a href=#method-3 aria-label="Method 3">Method 3</a></li><li><a href=#finally- aria-label="Finally &amp;hellip;">Finally &mldr;</a></li></ul></li><li><a href=#quick-links aria-label="Quick Links">Quick Links</a><ul><li><a href=#papermod---featurespapermod-features aria-label="Papermod - Features"><a href=../papermod-features>Papermod - Features</a></a></li><li><a href=#papermod---faqspapermod-how-to aria-label="Papermod - FAQs"><a href=../papermod-how-to>Papermod - FAQs</a></a></li><li><a href=#papermod---variablespapermod-variables aria-label="Papermod - Variables"><a href=../papermod-variables>Papermod - Variables</a></a></li><li><a href=#papermod---iconspapermod-icons aria-label="Papermod - Icons"><a href=../papermod-icons>Papermod - Icons</a></a></li><li><a href=#changeloghttpsgithubcomadityatelangehugo-papermodreleases aria-label=ChangeLog><a href=https://github.com/adityatelange/hugo-PaperMod/releases>ChangeLog</a></a></li></ul></li><li><a href=#sample-configyml aria-label="Sample config.yml">Sample <code>config.yml</code></a></li><li><a href=#sample-pagemd aria-label="Sample Page.md">Sample <code>Page.md</code></a></li></ul></div></details></div><div class=post-content><h2 id=guide>Guide<a hidden class=anchor aria-hidden=true href=#guide>#</a></h2><p>Follow <a href=https://gohugo.io/getting-started/quick-start/>Quick Start</a> guide to setup hugo and create a new site.
Make sure you install latest version of <strong><code>hugo(>=0.74.0)</code></strong>.</p><p>After you have created a new site, at <a href=https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme>Step 3</a> follow the steps:</p><h3 id=method-1>Method 1<a hidden class=anchor aria-hidden=true href=#method-1>#</a></h3><p>Inside the folder of your Hugo site, run:</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash>git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth<span style=color:#f92672>=</span><span style=color:#ae81ff>1</span>
</code></pre></div><p><strong>Note</strong>: You may use <code>--branch v3.0</code> to end of above command if you want to stick to specific release.</p><blockquote><p>Updating theme :</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash>cd themes/PaperMod
git pull
</code></pre></div></blockquote><h3 id=method-2>Method 2<a hidden class=anchor aria-hidden=true href=#method-2>#</a></h3><p>you can use as <a href=https://www.atlassian.com/git/tutorials/git-submodule>submodule</a> with</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash>git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth<span style=color:#f92672>=</span><span style=color:#ae81ff>1</span>
git submodule update --init --recursive
</code></pre></div><p><strong>Note</strong>: You may use <code>--branch v3.0</code> to end of above command if you want to stick to specific release.</p><blockquote><p>Updating theme :</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash>git submodule update --remote --merge
</code></pre></div></blockquote><h3 id=method-3>Method 3<a hidden class=anchor aria-hidden=true href=#method-3>#</a></h3><p>Or you can Download as Zip from Github Page and extract in your themes directory</p><h3 id=finally->Finally &mldr;<a hidden class=anchor aria-hidden=true href=#finally->#</a></h3><p>Add in <code>config.yml</code>:</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>theme</span>: <span style=color:#e6db74>&#34;PaperMod&#34;</span>
</code></pre></div><hr><h2 id=quick-links>Quick Links<a hidden class=anchor aria-hidden=true href=#quick-links>#</a></h2><ul><li><h3 id=papermod---featurespapermod-features><a href=../papermod-features>Papermod - Features</a><a hidden class=anchor aria-hidden=true href=#papermod---featurespapermod-features>#</a></h3></li><li><h3 id=papermod---faqspapermod-how-to><a href=../papermod-how-to>Papermod - FAQs</a><a hidden class=anchor aria-hidden=true href=#papermod---faqspapermod-how-to>#</a></h3></li><li><h3 id=papermod---variablespapermod-variables><a href=../papermod-variables>Papermod - Variables</a><a hidden class=anchor aria-hidden=true href=#papermod---variablespapermod-variables>#</a></h3></li><li><h3 id=papermod---iconspapermod-icons><a href=../papermod-icons>Papermod - Icons</a><a hidden class=anchor aria-hidden=true href=#papermod---iconspapermod-icons>#</a></h3></li><li><h3 id=changeloghttpsgithubcomadityatelangehugo-papermodreleases><a href=https://github.com/adityatelange/hugo-PaperMod/releases>ChangeLog</a><a hidden class=anchor aria-hidden=true href=#changeloghttpsgithubcomadityatelangehugo-papermodreleases>#</a></h3></li></ul><hr><h2 id=sample-configyml>Sample <code>config.yml</code><a hidden class=anchor aria-hidden=true href=#sample-configyml>#</a></h2><blockquote><p><strong>Example Site Structure is present here</strong>: <a href=https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/>exampleSite</a></p></blockquote><p><strong>Use appropriately</strong></p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>baseURL</span>: <span style=color:#e6db74>&#34;https://examplesite.com&#34;</span>
<span style=color:#f92672>title</span>: <span style=color:#ae81ff>ExampleSite</span>
<span style=color:#f92672>paginate</span>: <span style=color:#ae81ff>5</span>
<span style=color:#f92672>theme</span>: <span style=color:#ae81ff>PaperMod</span>
<span style=color:#f92672>enableRobotsTXT</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>buildDrafts</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>buildFuture</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>buildExpired</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>googleAnalytics</span>: <span style=color:#ae81ff>UA-123-45</span>
<span style=color:#f92672>minify</span>:
<span style=color:#f92672>disableXML</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>minifyOutput</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>params</span>:
<span style=color:#f92672>env</span>: <span style=color:#ae81ff>production</span> <span style=color:#75715e># to enable google analytics, opengraph, twitter-cards and schema.</span>
<span style=color:#f92672>title</span>: <span style=color:#ae81ff>ExampleSite</span>
<span style=color:#f92672>description</span>: <span style=color:#e6db74>&#34;ExampleSite description&#34;</span>
<span style=color:#f92672>author</span>: <span style=color:#ae81ff>Me</span>
<span style=color:#75715e># author: [&#34;Me&#34;, &#34;You&#34;] # multiple authors</span>
<span style=color:#f92672>images</span>: [<span style=color:#e6db74>&#34;&lt;link or path of image for opengraph, twitter-cards&gt;&#34;</span>]
<span style=color:#f92672>defaultTheme</span>: <span style=color:#ae81ff>auto</span> <span style=color:#75715e># dark, light</span>
<span style=color:#f92672>disableThemeToggle</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>ShowReadingTime</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>ShowShareButtons</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>disableSpecial1stPost</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>comments</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>hidemeta</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>showtoc</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>tocopen</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>assets</span>:
<span style=color:#75715e># disableHLJS: true # to disable highlight.js</span>
<span style=color:#75715e># disableFingerprinting: true</span>
<span style=color:#f92672>favicon</span>: <span style=color:#e6db74>&#34;&lt;link / abs url&gt;&#34;</span>
<span style=color:#f92672>favicon16x16</span>: <span style=color:#e6db74>&#34;&lt;link / abs url&gt;&#34;</span>
<span style=color:#f92672>favicon32x32</span>: <span style=color:#e6db74>&#34;&lt;link / abs url&gt;&#34;</span>
<span style=color:#f92672>apple_touch_icon</span>: <span style=color:#e6db74>&#34;&lt;link / abs url&gt;&#34;</span>
<span style=color:#f92672>safari_pinned_tab</span>: <span style=color:#e6db74>&#34;&lt;link / abs url&gt;&#34;</span>
<span style=color:#f92672>label</span>:
<span style=color:#f92672>text</span>: <span style=color:#e6db74>&#34;Home&#34;</span>
<span style=color:#f92672>icon</span>: <span style=color:#ae81ff>/apple-touch-icon.png</span>
<span style=color:#f92672>iconHeight</span>: <span style=color:#ae81ff>35</span>
<span style=color:#75715e># profile-mode</span>
<span style=color:#f92672>profileMode</span>:
<span style=color:#f92672>enabled</span>: <span style=color:#66d9ef>false</span> <span style=color:#75715e># needs to be explicitly set</span>
<span style=color:#f92672>title</span>: <span style=color:#ae81ff>ExampleSite</span>
<span style=color:#f92672>imageUrl</span>: <span style=color:#e6db74>&#34;&lt;img location&gt;&#34;</span>
<span style=color:#f92672>imageWidth</span>: <span style=color:#ae81ff>120</span>
<span style=color:#f92672>imageHeight</span>: <span style=color:#ae81ff>120</span>
<span style=color:#f92672>imageTitle</span>: <span style=color:#ae81ff>my image</span>
<span style=color:#f92672>buttons</span>:
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>Posts</span>
<span style=color:#f92672>url</span>: <span style=color:#ae81ff>posts</span>
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>Tags</span>
<span style=color:#f92672>url</span>: <span style=color:#ae81ff>tags</span>
<span style=color:#75715e># home-info mode</span>
<span style=color:#f92672>homeInfoParams</span>:
<span style=color:#f92672>Title</span>: <span style=color:#e6db74>&#34;Hi there \U0001F44B&#34;</span>
<span style=color:#f92672>Content</span>: <span style=color:#ae81ff>Welcome to my blog</span>
<span style=color:#f92672>socialIcons</span>:
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>twitter</span>
<span style=color:#f92672>url</span>: <span style=color:#e6db74>&#34;https://twitter.com/&#34;</span>
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>stackoverflow</span>
<span style=color:#f92672>url</span>: <span style=color:#e6db74>&#34;https://stackoverflow.com&#34;</span>
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>github</span>
<span style=color:#f92672>url</span>: <span style=color:#e6db74>&#34;https://github.com/&#34;</span>
<span style=color:#f92672>analytics</span>:
<span style=color:#f92672>google</span>:
<span style=color:#f92672>SiteVerificationTag</span>: <span style=color:#e6db74>&#34;XYZabc&#34;</span>
<span style=color:#f92672>cover</span>:
<span style=color:#f92672>hidden</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># hide everywhere but not in structured data</span>
<span style=color:#f92672>hiddenInList</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># hide on list pages and home</span>
<span style=color:#f92672>hiddenInSingle</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># hide on single page</span>
<span style=color:#75715e># for search</span>
<span style=color:#75715e># https://fusejs.io/api/options.html</span>
<span style=color:#f92672>fuseOpts</span>:
<span style=color:#f92672>isCaseSensitive</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>shouldSort</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>location</span>: <span style=color:#ae81ff>0</span>
<span style=color:#f92672>distance</span>: <span style=color:#ae81ff>1000</span>
<span style=color:#f92672>threshold</span>: <span style=color:#ae81ff>0.4</span>
<span style=color:#f92672>minMatchCharLength</span>: <span style=color:#ae81ff>0</span>
<span style=color:#f92672>keys</span>: [<span style=color:#e6db74>&#34;title&#34;</span>, <span style=color:#e6db74>&#34;permalink&#34;</span>, <span style=color:#e6db74>&#34;summary&#34;</span>, <span style=color:#e6db74>&#34;content&#34;</span>]
<span style=color:#f92672>menu</span>:
<span style=color:#f92672>main</span>:
- <span style=color:#f92672>identifier</span>: <span style=color:#ae81ff>categories</span>
<span style=color:#f92672>name</span>: <span style=color:#ae81ff>categories</span>
<span style=color:#f92672>url</span>: <span style=color:#ae81ff>/categories/</span>
<span style=color:#f92672>weight</span>: <span style=color:#ae81ff>10</span>
- <span style=color:#f92672>identifier</span>: <span style=color:#ae81ff>tags</span>
<span style=color:#f92672>name</span>: <span style=color:#ae81ff>tags</span>
<span style=color:#f92672>url</span>: <span style=color:#ae81ff>/tags/</span>
<span style=color:#f92672>weight</span>: <span style=color:#ae81ff>20</span>
- <span style=color:#f92672>identifier</span>: <span style=color:#ae81ff>example</span>
<span style=color:#f92672>name</span>: <span style=color:#ae81ff>example.org</span>
<span style=color:#f92672>url</span>: <span style=color:#ae81ff>https://example.org</span>
<span style=color:#f92672>weight</span>: <span style=color:#ae81ff>30</span>
<span style=color:#75715e># Read: https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#using-hugos-syntax-highlighter-chroma</span>
<span style=color:#75715e># markup:</span>
<span style=color:#75715e># highlight:</span>
<span style=color:#75715e># # anchorLineNos: true</span>
<span style=color:#75715e># codeFences: true</span>
<span style=color:#75715e># guessSyntax: true</span>
<span style=color:#75715e># lineNos: true</span>
<span style=color:#75715e># # noClasses: false</span>
<span style=color:#75715e># style: monokai</span>
</code></pre></div><hr><h2 id=sample-pagemd>Sample <code>Page.md</code><a hidden class=anchor aria-hidden=true href=#sample-pagemd>#</a></h2><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml>---
<span style=color:#f92672>title</span>: <span style=color:#e6db74>&#34;My 1st post&#34;</span>
<span style=color:#f92672>date</span>: <span style=color:#e6db74>2020-09-15T11:30:03</span><span style=color:#ae81ff>+00</span>:<span style=color:#ae81ff>00</span>
<span style=color:#75715e># weight: 1</span>
<span style=color:#75715e># aliases: [&#34;/first&#34;]</span>
<span style=color:#f92672>tags</span>: [<span style=color:#e6db74>&#34;first&#34;</span>]
<span style=color:#f92672>author</span>: <span style=color:#e6db74>&#34;Me&#34;</span>
<span style=color:#75715e># author: [&#34;Me&#34;, &#34;You&#34;] # multiple authors</span>
<span style=color:#f92672>showToc</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>TocOpen</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>draft</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>hidemeta</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>comments</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>description</span>: <span style=color:#e6db74>&#34;Desc Text.&#34;</span>
<span style=color:#f92672>disableHLJS</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># to disable highlightjs</span>
<span style=color:#f92672>disableShare</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>disableHLJS</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>cover</span>:
<span style=color:#f92672>image</span>: <span style=color:#e6db74>&#34;&lt;image path/url&gt;&#34;</span> <span style=color:#75715e># image path/url</span>
<span style=color:#f92672>alt</span>: <span style=color:#e6db74>&#34;&lt;alt text&gt;&#34;</span> <span style=color:#75715e># alt text</span>
<span style=color:#f92672>caption</span>: <span style=color:#e6db74>&#34;&lt;text&gt;&#34;</span> <span style=color:#75715e># display caption under cover</span>
<span style=color:#f92672>relative</span>: <span style=color:#66d9ef>false</span> <span style=color:#75715e># when using page bundles set this to true</span>
<span style=color:#f92672>hidden</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># only hide on current single page</span>
---
</code></pre></div><hr></div><footer class=post-footer><ul class=post-tags><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/papermod/>PaperMod</a></li></ul><nav class=paginav><a class=next href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/><span class=title>Next Page »</span><br><span>Features</span></a></nav><div class=share-buttons><a target=_blank rel="noopener noreferrer" aria-label="share Installation | Update on twitter" href="https://twitter.com/intent/tweet/?text=Installation%20%7c%20Update&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-installation%2f&hashtags=PaperMod"><svg viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zm-253.927 424.544c135.939.0 210.268-112.643 210.268-210.268.0-3.218.0-6.437-.153-9.502 14.406-10.421 26.973-23.448 36.935-38.314-13.18 5.824-27.433 9.809-42.452 11.648 15.326-9.196 26.973-23.602 32.49-40.92-14.252 8.429-30.038 14.56-46.896 17.931-13.487-14.406-32.644-23.295-53.946-23.295-40.767.0-73.87 33.104-73.87 73.87.0 5.824.613 11.494 1.992 16.858-61.456-3.065-115.862-32.49-152.337-77.241-6.284 10.881-9.962 23.601-9.962 37.088.0 25.594 13.027 48.276 32.95 61.456-12.107-.307-23.448-3.678-33.41-9.196v.92c0 35.862 25.441 65.594 59.311 72.49-6.13 1.686-12.72 2.606-19.464 2.606-4.751.0-9.348-.46-13.946-1.38 9.349 29.426 36.628 50.728 68.965 51.341-25.287 19.771-57.164 31.571-91.8 31.571-5.977.0-11.801-.306-17.625-1.073 32.337 21.15 71.264 33.41 112.95 33.41z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share Installation | Update on linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-installation%2f&title=Installation%20%7c%20Update&summary=Installation%20%7c%20Update&source=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-installation%2f"><svg viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zM160.461 423.278V197.561h-75.04v225.717h75.04zm270.539.0v-129.439c0-69.333-37.018-101.586-86.381-101.586-39.804.0-57.634 21.891-67.617 37.266v-31.958h-75.021c.995 21.181.0 225.717.0 225.717h75.02v-126.056c0-6.748.486-13.492 2.474-18.315 5.414-13.475 17.767-27.434 38.494-27.434 27.135.0 38.007 20.707 38.007 51.037v120.768h75.024zm-307.552-334.556c-25.674.0-42.448 16.879-42.448 39.002.0 21.658 16.264 39.002 41.455 39.002h.484c26.165.0 42.452-17.344 42.452-39.002-.485-22.092-16.241-38.954-41.943-39.002z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share Installation | Update on reddit" href="https://reddit.com/submit?url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-installation%2f&title=Installation%20%7c%20Update"><svg viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zM446 265.638c0-22.964-18.616-41.58-41.58-41.58-11.211.0-21.361 4.457-28.841 11.666-28.424-20.508-67.586-33.757-111.204-35.278l18.941-89.121 61.884 13.157c.756 15.734 13.642 28.29 29.56 28.29 16.407.0 29.706-13.299 29.706-29.701.0-16.403-13.299-29.702-29.706-29.702-11.666.0-21.657 6.792-26.515 16.578l-69.105-14.69c-1.922-.418-3.939-.042-5.585 1.036-1.658 1.073-2.811 2.761-3.224 4.686l-21.152 99.438c-44.258 1.228-84.046 14.494-112.837 35.232-7.468-7.164-17.589-11.591-28.757-11.591-22.965.0-41.585 18.616-41.585 41.58.0 16.896 10.095 31.41 24.568 37.918-.639 4.135-.99 8.328-.99 12.576.0 63.977 74.469 115.836 166.33 115.836s166.334-51.859 166.334-115.836c0-4.218-.347-8.387-.977-12.493 14.564-6.47 24.735-21.034 24.735-38.001zm-119.474 108.193c-20.27 20.241-59
<span>&#183;</span>
<span>Powered by <a href=https://gohugo.io/ rel="noopener noreferrer" target=_blank>Hugo</a></span>
<span>&#183;</span>
<span>Theme <a href=https://git.io/hugopapermod rel=noopener target=_blank>PaperMod</a></span></footer><a href=#top aria-label="go to top" title="Go to Top (Alt + G)"><button class=top-link id=top-link type=button accesskey=g><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentcolor"><path d="M12 6H0l6-6z"/></svg></button></a>
<script defer src=/hugo-PaperMod/assets/js/highlight.min.27cd435cc9ed6abb4b496581b151804f79f366c412620272bb94e2f5f598ebcc.js integrity="sha256-J81DXMntartLSWWBsVGAT3nzZsQSYgJyu5Ti9fWY68w=" onload=hljs.initHighlightingOnLoad();></script><script>window.onload=function(){if(localStorage.getItem("menu-scroll-position")){document.getElementById('menu').scrollLeft=localStorage.getItem("menu-scroll-position");}}
document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener("click",function(e){e.preventDefault();var id=this.getAttribute("href").substr(1);if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({behavior:"smooth"});}else{document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();}
if(id==="top"){history.replaceState(null,null," ");}else{history.pushState(null,null,`#${id}`);}});});var mybutton=document.getElementById("top-link");window.onscroll=function(){if(document.body.scrollTop>800||document.documentElement.scrollTop>800){mybutton.style.visibility="visible";mybutton.style.opacity="1";}else{mybutton.style.visibility="hidden";mybutton.style.opacity="0";}};function menu_on_scroll(){localStorage.setItem("menu-scroll-position",document.getElementById('menu').scrollLeft);}</script><script>document.getElementById("theme-toggle").addEventListener("click",()=>{if(document.body.className.includes("dark")){document.body.classList.remove('dark');localStorage.setItem("pref-theme",'light');}else{document.body.classList.add('dark');localStorage.setItem("pref-theme",'dark');}})</script></body></html>