mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-23 02:51:39 +01:00
19 lines
9.5 KiB
HTML
19 lines
9.5 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>Sub-Section PaperMod - 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/posts/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/posts/papermod/index.xml><meta property="og:title" content="Sub-Section 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/posts/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="Sub-Section PaperMod"><meta name=twitter:description content="Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod"></head><body class=list 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><header class=page-header><h1>Sub-Section PaperMod</h1></header><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> · 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>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 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><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></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 src=https://adityatelange.github.io/hugo-PaperMod/assets/js/highlight.min.e7afc2928c0925d65c4732dfebe147014d91299a98e819e4b42f25c4fa68e91c.js integrity="sha256-56/CkowJJdZcRzLf6+FHAU2RKZqY6BnktC8lxPpo6Rw="></script><script>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();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> |