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

422 lines
45 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 crossorigin=anonymous href=/hugo-PaperMod/assets/css/stylesheet.min.00d5d4fc479b1575183ee8d86b4fb372ba9d9b1904e96fa8e4c40ff7debe2b94.css integrity="sha256-ANXU/EebFXUYPujYa0+zcrqdmxkE6W+o5MQP996+K5Q=" rel="preload stylesheet" as=style>
<script defer crossorigin=anonymous src=/hugo-PaperMod/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.js integrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5+kdJvBz5iKbt6B5PJI=" onload=hljs.initHighlightingOnLoad()></script>
<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.88.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:section" content="posts">
<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":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Posts","item":"https://adityatelange.github.io/hugo-PaperMod/posts/"},{"@type":"ListItem","position":2,"name":"PaperMod","item":"https://adityatelange.github.io/hugo-PaperMod/posts/papermod/"},{"@type":"ListItem","position":3,"name":"Installation | Update","item":"https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/"}]}</script>
<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":"Intro Well be using yml/yaml format for all examples down below, I recommend using yml over toml as it is easier to read. You can find any YML to TOML converters if necessary. Guide Follow Quick Start guide to setup hugo and create a new site.\n Note: Use -f to select yml format\nhugo new site -f yml\n Make sure you install latest version of hugo(=0.82.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 v5.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 # needed when you reclone your repo (submodules may not get cloned automatically) Note: You may use --branch v5.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\nDirect Links:\n Master Branch (Latest) v5.0 v4.0 v3.0 v2.0 v1.0 Finally 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. title: ExampleSite description: \"ExampleSite description\" keywords: [Blog, Portfolio, PaperMod] author: Me # author: [\"Me\", \"You\"] # multiple authors images: [\"\"] DateFormat: \"January 2, 2006\" defaultTheme: auto # dark, light disableThemeToggle: false ShowReadingTime: true ShowShareButtons: true ShowPostNavLinks: true ShowBreadCrumbs: true ShowCodeCopyButtons: false disableSpecial1stPost: false disableScrollToTop: false comments: false hidemeta: false hideSummary: false showtoc: false tocopen: false assets: # disableHLJS: true # to disable highlight.js # disableFingerprinting: true favicon: \"\" favicon16x16: \"\" favicon32x32: \"\" apple_touch_icon: \"\" safari_pinned_tab: \"\" label: text: \"Home\" icon: /apple-touch-icon.png iconHeight: 35 # profile-mode profileMode: enabled: false # needs to be explicitly set title: ExampleSite subtitle: \"This is subtitle\" imageUrl: \"\" imageWidth: 120 imageHeight: 120 imageTitle: my image buttons: - name: Posts url: posts - name: Tags url: tags # home-info mode homeInfoParams: Title: \"Hi there \\U0001F44B\" Content: Welcome to my blog socialIcons: - name: twitter url: \"https://twitter.com/\" - name: stackoverflow url: \"https://stackoverflow.com\" - name: github url: \"https://github.com/\" analytics: google: SiteVerificationTag: \"XYZabc\" bing: SiteVerificationTag: \"XYZabc\" yandex: SiteVerificationTag: \"XYZabc\" cover: hidden: true # hide everywhere but not in structured data hiddenInList: true # hide on list pages and home hiddenInSingle: true # hide on single page editPost: URL: \"https://github.com//content\" Text: \"Suggest Changes\" # edit text appendFilePath: true # to append file path to Edit link # for search # https://fusejs.io/api/options.html fuseOpts: isCaseSensitive: false shouldSort: true location: 0 distance: 1000 threshold: 0.4 minMatchCharLength: 0 keys: [\"title\", \"permalink\", \"summary\", \"content\"] menu: main: - identifier: categories name: categories url: /categ
</head>
<body id=top>
<script>localStorage.getItem("pref-theme")==="dark"?document.body.classList.add('dark'):localStorage.getItem("pref-theme")==="light"?document.body.classList.remove('dark'):window.matchMedia('(prefers-color-scheme: dark)').matches&&document.body.classList.add('dark')</script>
<noscript>
<style type=text/css>#theme-toggle,.top-link{display:none}</style>
<style>@media(prefers-color-scheme:dark){:root{--theme:#1d1e20;--entry:#2e2e33;--primary:rgba(255, 255, 255, 0.84);--secondary:rgba(255, 255, 255, 0.56);--tertiary:rgba(255, 255, 255, 0.16);--content:rgba(255, 255, 255, 0.74);--hljs-bg:#2e2e33;--code-bg:#37383e;--border:#333}.list{background:var(--theme)}.list:not(.dark)::-webkit-scrollbar-track{background:0 0}.list:not(.dark)::-webkit-scrollbar-thumb{border-color:var(--theme)}}</style>
</noscript>
<header class=header>
<nav class=nav>
<div class=logo>
<a href=https://adityatelange.github.io/hugo-PaperMod/ accesskey=h title="PaperMod (Alt + H)">PaperMod</a>
<span class=logo-switches>
<button id=theme-toggle accesskey=t title="(Alt + 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>
</button>
<ul class=lang-switch><li>|</li>
<li>
<a href=https://adityatelange.github.io/hugo-PaperMod/fr/ title=French 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>
</div>
<ul id=menu>
<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>
<div class=breadcrumbs><a href=https://adityatelange.github.io/hugo-PaperMod/>Home</a>&nbsp;»&nbsp;<a href=https://adityatelange.github.io/hugo-PaperMod/posts/>Posts</a>&nbsp;»&nbsp;<a href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/>PaperMod</a></div>
<h1 class=post-title>
Installation | Update
</h1>
<div class=post-meta>January 20, 2021&nbsp;·&nbsp;4 min&nbsp;·&nbsp;Aditya Telange&nbsp;|&nbsp;<a href=https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/content/posts/papermod/papermod-installation.md rel="noopener noreferrer" target=_blank>Suggest Changes</a>
</div>
</header> <div class=toc>
<details>
<summary accesskey=c title="(Alt + C)">
<span class=details>Table of Contents</span>
</summary>
<div class=inner><ul>
<li>
<a href=#intro aria-label=Intro>Intro</a></li>
<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=intro>Intro<a hidden class=anchor aria-hidden=true href=#intro>#</a></h2>
<ul>
<li><strong>We&rsquo;ll be using <code>yml/yaml</code> format for all examples down below, I recommend using <code>yml</code> over <code>toml</code> as it is easier to read.</strong></li>
<li>You can find any <a href="https://www.google.com/search?q=yml+to+toml">YML to TOML</a> converters if necessary.</li>
</ul>
<hr>
<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.</p>
<blockquote>
<p>Note: Use -f to select yml format</p>
<p><code>hugo new site &lt;name of site> -f yml</code></p>
</blockquote>
<p>Make sure you install latest version of <strong><code>hugo(>=0.82.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 tabindex=0 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 v5.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 tabindex=0 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 tabindex=0 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 <span style=color:#75715e># needed when you reclone your repo (submodules may not get cloned automatically)</span>
</code></pre></div><p><strong>Note</strong>: You may use <code> --branch v5.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 tabindex=0 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>
<p>Direct Links:</p>
<ul>
<li><a href=https://github.com/adityatelange/hugo-PaperMod/archive/master.zip>Master Branch (Latest)</a></li>
<li><a href=https://github.com/adityatelange/hugo-PaperMod/archive/v5.0.zip>v5.0</a></li>
<li><a href=https://github.com/adityatelange/hugo-PaperMod/archive/v4.0.zip>v4.0</a></li>
<li><a href=https://github.com/adityatelange/hugo-PaperMod/archive/v3.0.zip>v3.0</a></li>
<li><a href=https://github.com/adityatelange/hugo-PaperMod/archive/v2.0.zip>v2.0</a></li>
<li><a href=https://github.com/adityatelange/hugo-PaperMod/archive/v1.0.zip>v1.0</a></li>
</ul>
<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 tabindex=0 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 tabindex=0 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>keywords</span>: [<span style=color:#ae81ff>Blog, Portfolio, PaperMod]</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>DateFormat</span>: <span style=color:#e6db74>&#34;January 2, 2006&#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>ShowPostNavLinks</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>ShowBreadCrumbs</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>ShowCodeCopyButtons</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>disableSpecial1stPost</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>disableScrollToTop</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>hideSummary</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>subtitle</span>: <span style=color:#e6db74>&#34;This is subtitle&#34;</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>bing</span>:
<span style=color:#f92672>SiteVerificationTag</span>: <span style=color:#e6db74>&#34;XYZabc&#34;</span>
<span style=color:#f92672>yandex</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:#f92672>editPost</span>:
<span style=color:#f92672>URL</span>: <span style=color:#e6db74>&#34;https://github.com/&lt;path_to_repo&gt;/content&#34;</span>
<span style=color:#f92672>Text</span>: <span style=color:#e6db74>&#34;Suggest Changes&#34;</span> <span style=color:#75715e># edit text</span>
<span style=color:#f92672>appendFilePath</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># to append file path to Edit link</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># pygmentsUseClasses: true</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># 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 tabindex=0 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>canonicalURL</span>: <span style=color:#e6db74>&#34;https://canonical.url/to/page&#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>hideSummary</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>searchHidden</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>ShowReadingTime</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>ShowBreadCrumbs</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>ShowPostNavLinks</span>: <span style=color:#66d9ef>true</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>
<span style=color:#f92672>editPost</span>:
<span style=color:#f92672>URL</span>: <span style=color:#e6db74>&#34;https://github.com/&lt;path_to_repo&gt;/content&#34;</span>
<span style=color:#f92672>Text</span>: <span style=color:#e6db74>&#34;Suggest Changes&#34;</span> <span style=color:#75715e># edit text</span>
<span style=color:#f92672>appendFilePath</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># to append file path to Edit link</span>
---
</code></pre></div><p>You can use it by creating <code>archetypes/post.md</code></p>
<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-shell data-lang=shell>hugo new --kind post &lt;name&gt;
</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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM195.519 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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM160.461 423.278V197.561h-75.04v225.717h75.04zm270.539.0V293.839c0-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.02V297.222c0-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.768H431zM123.448 88.722C97.774 88.722 81 105.601 81 127.724c0 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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-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.001zM326.526 373.831c-20.27 20.241-59.115 21.816-70.534 21.816-11.428.0-50.277-1.575-70.522-21.82-3.007-3.008-3.007-7.882.0-10.889 3.003-2.999 7.882-3.003 10.885.0 12.777 12.781 40.11 17.317 59.637 17.317 19.522.0 46.86-4.536 59.657-17.321 3.016-2.999 7.886-2.995 10.885.008 3.008 3.011 3.003 7.882-.008 10.889zm-5.23-48.781c-16.373.0-29.701-13.324-29.701-29.698.0-16.381 13.328-29.714 29.701-29.714 16.378.0 29.706 13.333 29.706 29.714.0 16.374-13.328 29.698-29.706 29.698zM160.91 295.348c0-16.381 13.328-29.71 29.714-29.71 16.369.0 29.689 13.329 29.689 29.71.0 16.373-13.32 29.693-29.689 29.693-16.386.0-29.714-13.32-29.714-29.693z"/></svg>
</a>
<a target=_blank rel="noopener noreferrer" aria-label="share Installation | Update on facebook" href="https://facebook.com/sharer/sharer.php?u=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 512H342.978V319.085h66.6l12.672-82.621h-79.272v-53.617c0-22.603 11.073-44.636 46.58-44.636H425.6v-70.34s-32.71-5.582-63.982-5.582c-65.288.0-107.96 39.569-107.96 111.204v62.971h-72.573v82.621h72.573V512h-191.104c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892z"/></svg>
</a>
<a target=_blank rel="noopener noreferrer" aria-label="share Installation | Update on whatsapp" href="https://api.whatsapp.com/send?text=Installation%20%7c%20Update%20-%20https%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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zm-58.673 127.703c-33.842-33.881-78.847-52.548-126.798-52.568-98.799.0-179.21 80.405-179.249 179.234-.013 31.593 8.241 62.428 23.927 89.612l-25.429 92.884 95.021-24.925c26.181 14.28 55.659 21.807 85.658 21.816h.074c98.789.0 179.206-80.413 179.247-179.243.018-47.895-18.61-92.93-52.451-126.81zM263.976 403.485h-.06c-26.734-.01-52.954-7.193-75.828-20.767l-5.441-3.229-56.386 14.792 15.05-54.977-3.542-5.637c-14.913-23.72-22.791-51.136-22.779-79.287.033-82.142 66.867-148.971 149.046-148.971 39.793.014 77.199 15.531 105.329 43.692 28.128 28.16 43.609 65.592 43.594 105.4-.034 82.149-66.866 148.983-148.983 148.984zm81.721-111.581c-4.479-2.242-26.499-13.075-30.604-14.571-4.105-1.495-7.091-2.241-10.077 2.241-2.986 4.483-11.569 14.572-14.182 17.562-2.612 2.988-5.225 3.364-9.703 1.12-4.479-2.241-18.91-6.97-36.017-22.23C231.8 264.15 222.81 249.484 220.198 245s-.279-6.908 1.963-9.14c2.016-2.007 4.48-5.232 6.719-7.847 2.24-2.615 2.986-4.484 4.479-7.472 1.493-2.99.747-5.604-.374-7.846-1.119-2.241-10.077-24.288-13.809-33.256-3.635-8.733-7.327-7.55-10.077-7.688-2.609-.13-5.598-.158-8.583-.158-2.986.0-7.839 1.121-11.944 5.604-4.105 4.484-15.675 15.32-15.675 37.364.0 22.046 16.048 43.342 18.287 46.332 2.24 2.99 31.582 48.227 76.511 67.627 10.685 4.615 19.028 7.371 25.533 9.434 10.728 3.41 20.492 2.929 28.209 1.775 8.605-1.285 26.499-10.833 30.231-21.295 3.732-10.464 3.732-19.431 2.612-21.298-1.119-1.869-4.105-2.99-8.583-5.232z"/></svg>
</a>
<a target=_blank rel="noopener noreferrer" aria-label="share Installation | Update on telegram" href="https://telegram.me/share/url?text=Installation%20%7c%20Update&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-installation%2f"><svg viewBox="2 2 28 28"><path d="M26.49 29.86H5.5a3.37 3.37.0 01-2.47-1 3.35 3.35.0 01-1-2.47V5.48A3.36 3.36.0 013 3 3.37 3.37.0 015.5 2h21A3.38 3.38.0 0129 3a3.36 3.36.0 011 2.46V26.37a3.35 3.35.0 01-1 2.47 3.38 3.38.0 01-2.51 1.02zm-5.38-6.71a.79.79.0 00.85-.66L24.73 9.24a.55.55.0 00-.18-.46.62.62.0 00-.41-.17q-.08.0-16.53 6.11a.59.59.0 00-.41.59.57.57.0 00.43.52l4 1.24 1.61 4.83a.62.62.0 00.63.43.56.56.0 00.4-.17L16.54 20l4.09 3A.9.9.0 0021.11 23.15zM13.8 20.71l-1.21-4q8.72-5.55 8.78-5.55c.15.0.23.0.23.16a.18.18.0 010 .06s-2.51 2.3-7.52 6.8z"/></svg>
</a>
</div>
</footer>
</article>
</main>
<footer class=footer>
<span>&copy; 2021 <a href=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a></span>
<span>
Powered by
<a href=https://gohugo.io/ rel="noopener noreferrer" target=_blank>Hugo</a> &
<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>let menu=document.getElementById('menu');menu.scrollLeft=localStorage.getItem("menu-scroll-position"),menu.onscroll=function(){localStorage.setItem("menu-scroll-position",menu.scrollLeft)},document.querySelectorAll('a[href^="#"]').forEach(a=>{a.addEventListener("click",function(b){b.preventDefault();var a=this.getAttribute("href").substr(1);window.matchMedia('(prefers-reduced-motion: reduce)').matches?document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView():document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView({behavior:"smooth"}),a==="top"?history.replaceState(null,null," "):history.pushState(null,null,`#${a}`)})})</script>
<script>var mybutton=document.getElementById("top-link");window.onscroll=function(){document.body.scrollTop>800||document.documentElement.scrollTop>800?(mybutton.style.visibility="visible",mybutton.style.opacity="1"):(mybutton.style.visibility="hidden",mybutton.style.opacity="0")}</script>
<script>document.getElementById("theme-toggle").addEventListener("click",()=>{document.body.className.includes("dark")?(document.body.classList.remove('dark'),localStorage.setItem("pref-theme",'light')):(document.body.classList.add('dark'),localStorage.setItem("pref-theme",'dark'))})</script>
<script>document.querySelectorAll('pre > code').forEach(b=>{const c=b.parentNode.parentNode,a=document.createElement('button');a.classList.add('copy-code'),a.innerText='copy';function d(){a.innerText='copied!',setTimeout(()=>{a.innerText='copy'},2e3)}a.addEventListener('click',e=>{if('clipboard'in navigator){navigator.clipboard.writeText(b.textContent),d();return}const a=document.createRange();a.selectNodeContents(b);const c=window.getSelection();c.removeAllRanges(),c.addRange(a);try{document.execCommand('copy'),d()}catch(a){}c.removeRange(a)}),c.classList.contains("highlight")?c.appendChild(a):c.parentNode.firstChild==c||(b.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName=="TABLE"?b.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(a):b.parentNode.appendChild(a))})</script>
</body>
</html>