2020-09-20 15:38:14 +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/css/stylesheet.min.970f6ab92b81ab2065d71b838f8f99d76a7363f97ad6e499117704a4176b2e40.css integrity = "sha256-lw9quSuBqyBl1xuDj4+Z12pzY/l61uSZEXcEpBdrLkA=" 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 title = PaperMod > < / head > < body class = "list home" id = top > < script > if ( window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ) { document . body . classList . add ( 'dark' ) ; } < / script > < header class = header > < nav class = nav > < h1 class = logo > < a href = https://adityatelange.github.io/hugo-PaperMod/ > PaperMod< / a > < / h1 > < 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 > < li > < a href = https://adityatelange.github.io/hugo-PaperMod/series/ > < span > Series< / 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 title = Twitter > < svg xmlns = "http://www.w3.org/2000/svg" class = "feather" width = "24" height = "24" 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 title = Stackoverflow > < svg xmlns = "http://www.w3.org/2000/svg" class = "feather" width = "24" height = "24" 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 title = Codepen > < svg xmlns = "http://www.w3.org/2000/svg" class = "feather" width = "24" height = "24" 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 title = Linkedin > < svg xmlns = "http://www.w3.org/2000/svg" class = "feather" width = "24" height = "24" 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 = # target = _blank rel = noopener title = Github > < svg xmlns = "http://www.w3.org/2000/svg" class = "feather" width = "24" height = "24" 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
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
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 >
2020-07-27 11:05:14 +02:00
.
2020-09-06 17:57:19 +02:00
1min read
2020-09-17 11:00:01 +02:00
. 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 params: defaultTheme: light or
params: defaultTheme: dark Archives Layout Add vars below to page-variables
layout: "archives" ex: here
Home-Info Mode Use 1st entry as some Information
add following to config file
params: homeInfoParams: Title: Hi there wave Content: Can be Info, links, about....< / p > < / section > < footer class = entry-footer > < time > September 16, 2020< / time >
2020-07-27 11:05:14 +02:00
.
2020-09-17 11:00:01 +02:00
2min read
. 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 > Papermod - Icons< / h2 > < / header > < section class = entry-content > < p > 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.com 10 email - 11 facebook facebook....< / p > < / section > < footer class = entry-footer > < time > September 17, 2020< / time >
2020-07-27 11:05:14 +02:00
.
1min read
2020-09-17 11:00:01 +02:00
. 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 > < 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 >
< span > Powered by < a href = https://gohugo.io/ rel = noopener target = _blank > Hugo️ ️ < / a > ️ < / span >
< 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-09-17 11:28:32 +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 > < / body > < / html >
