2020-10-05 11:26:46 +02:00
<!doctype html> < html lang = en > < 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 = 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.3d0efae043fd30c9c8c3666626bc0b9fd6b25e03a1561ba9f3c705ec10fa500f.css integrity = "sha256-PQ764EP9MMnIw2ZmJrwLn9ayXgOhVhup88cF7BD6UA8=" 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.75.1" > < link rel = alternate type = application/rss+xml href = https://adityatelange.github.io/hugo-PaperMod/index.xml > < / 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 >
2020-10-06 09:31:48 +02:00
< 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 > < 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" 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" 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" 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" 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" 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.57.1).
2020-09-17 11:00:01 +02:00
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
2020-10-06 09:31:48 +02:00
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/hugo-PaperMod 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 > · 2 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.
2020-09-24 08:27:38 +02:00
...< / 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…
2020-10-05 06:42:24 +02:00
Site Variables name type example ShowReadingTime boolean true | false defaultTheme string light | dark | auto ShowShareButtons boolean true | false Page Variables name type example showtoc boolean true | false tocopen boolean true | false hidemeta boolean true | false ...< / 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 > < 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 >
2020-07-22 23:56:01 +02:00
< span > · < / span >
2020-09-21 12:38:29 +02:00
< span > Powered by < a href = https://gohugo.io/ rel = "noopener noreferrer" target = _blank > Hugo️ ️ < / a > ️ < / span >
2020-07-22 23:56:01 +02:00
< span > · < / span >
2020-09-20 15:38:14 +02:00
< 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 >
2020-09-17 11:00:01 +02:00
< script > w i n d o w . o n l o a d = f u n c t i o n ( ) { i f ( l o c a l S t o r a g e . g e t I t e m ( " m e n u - s c r o l l - p o s i t i o n " ) ) { d o c u m e n t . g e t E l e m e n t B y I d ( ' m e n u ' ) . s c r o l l L e f t = l o c a l S t o r a g e . g e t I t e m ( " m e n u - s c r o l l - p o s i t i o n " ) ; } }
2020-10-04 17:14:06 +02:00
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 >