mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-22 18:41:37 +01:00
22 lines
14 KiB
HTML
22 lines
14 KiB
HTML
<!doctype html><html lang=en class=direction-ltr><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"><title>PaperMod</title><meta name=keywords content><meta name=description content="Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod"><meta name=author content="Theme PaperMod"><link rel=canonical href=https://adityatelange.github.io/hugo-PaperMod/><link href=https://adityatelange.github.io/hugo-PaperMod/assets/css/stylesheet.min.7bd5899d65d8065bce667feacdde944a1911b79b7be54321635bc25d254c1b92.css integrity="sha256-e9WJnWXYBlvOZn/qzd6UShkRt5t75UMhY1vCXSVMG5I=" rel="preload stylesheet" as=style><link rel=apple-touch-icon href=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><link rel=icon href=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><meta name=generator content="Hugo 0.76.5"><link rel=alternate type=application/rss+xml href=https://adityatelange.github.io/hugo-PaperMod/index.xml><meta property="og:title" content="PaperMod"><meta property="og:description" content="Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod"><meta property="og:type" content="website"><meta property="og:url" content="https://adityatelange.github.io/hugo-PaperMod/"><meta property="og:updated_time" content="2020-09-24T11:33:33+05:30"><meta name=twitter:card content="summary"><meta name=twitter:title content="PaperMod"><meta name=twitter:description content="Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod"><script type=application/ld+json>{"@context":"https://schema.org","@type":"Organization","name":"PaperMod","url":"https://adityatelange.github.io/hugo-PaperMod/","description":"Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod","thumbnailUrl":"https://adityatelange.github.io/hugo-PaperMod/favicon.ico","sameAs":["#","#","#","#","https://github.com/adityatelange/hugo-PaperMod"]}</script></head><body class="list home" id=top><script>if(localStorage.getItem("pref-theme")==="dark"){document.body.classList.add('dark');}else if(localStorage.getItem("pref-theme")==="light"){document.body.classList.remove('dark')}else{if(window.matchMedia('(prefers-color-scheme: dark)').matches){document.body.classList.add('dark');}}</script><noscript><style type=text/css>.theme-toggle,.top-link{display:none}</style></noscript><header class=header><nav class=nav><p class=logo><a href=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a>
|
||
<span class=theme-toggle><a id=theme-toggle><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></p><ul class=menu id=menu onscroll=menu_on_scroll()><li><a href=https://adityatelange.github.io/hugo-PaperMod/archives/><span>Archives</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/><span>Tags</span></a></li></ul></nav></header><main class=main><article class="first-entry home-info"><header class=entry-header><h2>Hi there 👋</h2></header><section class=entry-content><p>Welcome to my blog</p></section><footer class=entry-footer><div class=social-icons><a href=# target=_blank rel="noopener noreferrer me" title=Twitter><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 3a10.9 10.9.0 01-3.14 1.53 4.48 4.48.0 00-7.86 3v1A10.66 10.66.0 013 4s-4 9 5 13a11.64 11.64.0 01-7 2c9 5 20 0 20-11.5a4.5 4.5.0 00-.08-.83A7.72 7.72.0 0023 3z"/></svg></a><a href=# target=_blank rel="noopener noreferrer me" title=Stackoverflow><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2.913 16.041v6.848h17.599v-6.848M7.16 18.696h8.925M7.65 13.937l8.675 1.8M9.214 9.124l8.058 3.758M12.086 4.65l6.849 5.66M15.774 1.111l5.313 7.162"/></svg></a><a href=# target=_blank rel="noopener noreferrer me" title=Codepen><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"/><line x1="12" y1="22" x2="12" y2="15.5"/><polyline points="22 8.5 12 15.5 2 8.5"/><polyline points="2 15.5 12 8.5 22 15.5"/><line x1="12" y1="2" x2="12" y2="8.5"/></svg></a><a href=# target=_blank rel="noopener noreferrer me" title=Linkedin><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></a><a href=https://github.com/adityatelange/hugo-PaperMod target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77a5.44 5.44.0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a></div></footer></article><article class=post-entry><header class=entry-header><h2>Papermod - Installation</h2></header><section class=entry-content><p>Guide Follow this guide to setup hugo and create a new site. Make sure you install latest version of hugo(>=0.74.0).
|
||
After you have created a new site, at Step 3 follow the steps:
|
||
Inside the folder of your Hugo site, run:
|
||
git clone https://github.com/adityatelange/hugo-PaperMod themes/hugo-PaperMod --depth=1 Updating theme :
|
||
cd themes/hugo-PaperMod git pull or you can use as submodule with
|
||
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/hugo-PaperMod git submodule update --init --recursive Updating theme with submodule :...</p></section><footer class=entry-footer><time>September 15, 2020</time> · 2 min · Aditya Telange</footer><a class=entry-link aria-label="post link to Papermod - Installation" href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/></a></article><article class=post-entry><header class=entry-header><h2>Papermod - Features</h2></header><section class=entry-content><p>Assets (js/css) The following is enabled by default
|
||
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...</p></section><footer class=entry-footer><time>September 16, 2020</time> · 3 min · Aditya Telange</footer><a class=entry-link aria-label="post link to Papermod - Features" href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/></a></article><article class=post-entry><header class=entry-header><h2>Markdown Syntax Guide</h2></header><section class=entry-content><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
|
||
...</p></section><footer class=entry-footer><time>March 11, 2019</time> · 3 min · Hugo Authors</footer><a class=entry-link aria-label="post link to Markdown Syntax Guide" href=https://adityatelange.github.io/hugo-PaperMod/posts/markdown-syntax/></a></article><article class=post-entry><header class=entry-header><h2>Papermod - Icons</h2></header><section class=entry-content><p>Social Icons Usage :
|
||
socialIcons: # optional - name: "<NAME>" url: "<link>" - name: "<NAME>" url: "<link2>" No. name platform link 1 123rf 123rf.com 2 adobestock stock.adobe.com 3 behance behance.net 4 codepen codepen.io 5 cryptohack cryptohack.org 6 dev dev.to 7 discogs discogs.com 8 dreamstime dreamstime.com 9 dribbble dribbble....</p></section><footer class=entry-footer><time>September 17, 2020</time> · 1 min · Aditya Telange</footer><a class=entry-link aria-label="post link to Papermod - Icons" href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-icons/></a></article><article class=post-entry><header class=entry-header><h2>Papermod - Variables<div class=entry-isdraft><sup> [draft]</sup></div></h2></header><section class=entry-content><p>Variables in PaperMod Below are variables used with this theme…
|
||
Site Variables name type example ShowReadingTime boolean true | false defaultTheme string light | dark | auto ShowShareButtons boolean true | false cover.linkFullImages boolean true | false cover.responsiveImages boolean true | false Page Variables name type example showtoc boolean true | false tocopen boolean true | false hidemeta boolean true | false cover....</p></section><footer class=entry-footer><time>September 24, 2020</time> · 1 min · Aditya Telange</footer><a class=entry-link aria-label="post link to Papermod - Variables" href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-variables/></a></article><article class=post-entry><header class=entry-header><h2>Papermod - How To's Guide<div class=entry-isdraft><sup> [draft]</sup></div></h2></header><section class=entry-content><p>Intro We’ll be using yml/yaml format for all examples down below, I recommend using yml over toml as it is easier to read.
|
||
Override theme template By Hugo’s Lookup Order, you can override any part of a theme that you want. The following is a quick example.
|
||
Let’s say you wish the list was different. All you have to do is copy the list template:
|
||
your-site/themes/papermod/layouts/_defaults/list.html And paste it under your own layouts folder:...</p></section><footer class=entry-footer><time>September 18, 2020</time> · 1 min · Aditya Telange</footer><a class=entry-link aria-label="post link to Papermod - How To's Guide" href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-how-to/></a></article><article class=post-entry><header class=entry-header><h2>Rich Content</h2></header><section class=entry-content><p>Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||
...</p></section><footer class=entry-footer><time>March 10, 2019</time> · 1 min · Hugo Authors</footer><a class=entry-link aria-label="post link to Rich Content" href=https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/></a></article><article class=post-entry><header class=entry-header><h2>Placeholder Text</h2></header><section class=entry-content><p>Lorem est tota propiore conpellat pectoribus de pectora summo.
|
||
...</p></section><footer class=entry-footer><time>March 9, 2019</time> · 2 min · Hugo Authors</footer><a class=entry-link aria-label="post link to Placeholder Text" href=https://adityatelange.github.io/hugo-PaperMod/posts/placeholder-text/></a></article><footer class=page-footer><nav class=pagination><a class=next href=/hugo-PaperMod/page/2/>Next Page »</a></nav></footer></main><footer class=footer><span>© 2020 <a href=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a></span>
|
||
<span>·</span>
|
||
<span>Powered by <a href=https://gohugo.io/ rel="noopener noreferrer" target=_blank>Hugo️️</a>️</span>
|
||
<span>·</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"><button class=top-link id=top-link type=button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><path d="M12 6H0l6-6z"/></svg></button></a>
|
||
<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();document.querySelector(this.getAttribute("href")).scrollIntoView({behavior:"smooth"});});});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> |