2021-08-02 12:45:31 +02:00
<!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 > Features | PaperMod< / title >
< meta name = keywords content = "PaperMod" >
< meta name = description content = "Get known about All Features in PaperMod" >
< meta name = author content = "Aditya Telange" >
< link rel = canonical href = https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/ >
< link crossorigin = anonymous href = /hugo-PaperMod/assets/css/stylesheet.min.6cba0d81b5f3f42bb578d49f402ba4175aa72b43def148780b8ad714c957c6f5.css integrity = "sha256-bLoNgbXz9Cu1eNSfQCukF1qnK0Pe8Uh4C4rXFMlXxvU=" 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.86.1" >
< link rel = alternate hreflang = en href = https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/ >
< meta property = "og:title" content = "Features" >
< meta property = "og:description" content = "Get known about All Features in PaperMod" >
< meta property = "og:type" content = "article" >
< meta property = "og:url" content = "https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/" > < 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 = "Features" >
< meta name = twitter:description content = "Get known about All Features in PaperMod" >
< 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" : "Features" , "item" : "https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/" } ] } < / script >
< script type = application/ld+json > { " @ c o n t e x t " : " h t t p s : / / s c h e m a . o r g " , " @ t y p e " : " B l o g P o s t i n g " , " h e a d l i n e " : " F e a t u r e s " , " n a m e " : " F e a t u r e s " , " d e s c r i p t i o n " : " G e t k n o w n a b o u t A l l F e a t u r e s i n P a p e r M o d " , " k e y w o r d s " : [ " P a p e r M o d " ] , " a r t i c l e B o d y " : " I n t r o W e ’ l l b e u s i n g y m l / y a m l f o r m a t f o r a l l e x a m p l e s d o w n b e l o w , I r e c o m m e n d u s i n g y m l o v e r t o m l a s i t i s e a s i e r t o r e a d . \ n Y o u c a n f i n d a n y Y M L t o T O M L c o n v e r t e r s i f n e c e s s a r y . \ n A s s e t s ( j s / c s s ) T h e f o l l o w i n g i s e n a b l e d b y d e f a u l t \ n m i n i f i c a t i o n - m a k e s t h e a s s e t s s i z e s m a l l e s t a s p o s s i b l e . b u n d l i n g - b u n d l e s a l l t h e s t y l e s i n o n e s i n g l e a s s e t f i n g e r p r i n t / i n t e r g i t y c h e c k . D e f a u l t T h e m e l i g h t / d a r k / a u t o p a r a m s : # d e f a u l t T h e m e : l i g h t # d e f a u l t T h e m e : d a r k d e f a u l t T h e m e : a u t o # t o s w i t c h b e t w e e n d a r k o r l i g h t a c c o r d i n g t o b r o w s e r t h e m e T h e m e S w i t c h T o g g l e ( e n a b l e d b y d e f a u l t ) S h o w s i c o n b e s i d e s t i t l e o f p a g e t o c h a n g e t h e m e \ n T o d i s a b l e i t : \ n d i s a b l e T h e m e T o g g l e : t r u e Y o u c a n r e f e r f o l l o w i n g t a b l e f o r b e t t e r u n d e r s t a n d i n g … \ n d e f a u l t T h e m e d i s a b l e T h e m e T o g g l e c h e c k s l o c a l s t o r a g e ? c h e c k s s y s t e m t h e m e ? I n f o a u t o t r u e N o Y e s o n l y s y s t e m t h e m e f a l s e Y e s ( i f n o t - 2 ) Y e s ( 2 ) s w i t c h p r e s e n t d a r k t r u e N o N o f o r c e d a r k o n l y f a l s e Y e s N o s w i t c h p r e s e n t l i g h t t r u e N o N o f o r c e l i g h t o n l y f a l s e Y e s N o s w i t c h p r e s e n t A r c h i v e s L a y o u t C r e a t e a p a g e w i t h a r c h i v e . m d i n c o n t e n t d i r e c t o r y w i t h f o l l o w i n g c o n t e n t \ n . ├ ─ ─ c o n f i g . y m l ├ ─ ─ c o n t e n t / │ ├ ─ ─ a r c h i v e s . m d a n d a d d t h e f o l l o w i n g t o i t \ n - - - t i t l e : \ " A r c h i v e \ " l a y o u t : \ " a r c h i v e s \ " u r l : \ " / a r c h i v e s / \ " s u m m a r y : a r c h i v e s - - - N o t e : A r c h i v e s L a y o u t d o e s n o t s u p p o r t M u l t i l i n g u a l M o n t h T r a n s l a t i o n s . \ n e x : a r c h i v e s . m d \ n R e g u l a r M o d e ( d e f a u l t - m o d e ) H o m e - I n f o M o d e U s e 1 s t e n t r y a s s o m e I n f o r m a t i o n \ n a d d f o l l o w i n g t o c o n f i g f i l e \ n p a r a m s : h o m e I n f o P a r a m s : T i t l e : H i t h e r e w a v e C o n t e n t : C a n b e I n f o , l i n k s , a b o u t . . . s o c i a l I c o n s : # o p t i o n a l - n a m e : \ " \ " u r l : \ " \ " - n a m e : \ " \ " u r l : \ " \ " e x . c o n f i g . y m l # L 1 0 6 \ n P r o f i l e M o d e S h o w s I n d e x / H o m e p a g e a s F u l l P a g e w i t h S o c i a l L i n k s a n d I m a g e \ n a d d f o l l o w i n g t o c o n f i g f i l e \ n p a r a m s : p r o f i l e M o d e : e n a b l e d : t r u e t i t l e : \ " \ " # o p t i o n a l d e f a u l t w i l l b e s i t e t i t l e s u b t i t l e : \ " T h i s i s s u b t i t l e \ " i m a g e U r l : \ " \ " # o p t i o n a l i m a g e T i t l e : \ " \ " # o p t i o n a l i m a g e W i d t h : 1 2 0 # c u s t o m s i z e i m a g e H e i g h t : 1 2 0 # c u s t o m s i z e b u t t o n s : - n a m e : A r c h i v e u r l : \ " / a r c h i v e \ " - n a m e : G i t h u b u r l : \ " h t t p s : / / g i t h u b . c o m / \ " s o c i a l I c o n s : # o p t i o n a l - n a m e : \ " \ " u r l : \ " \ " - n a m e : \ " \ " u r l : \ " \ " S e a r c h P a g e P a p e r M o d u s e s F u s e . j s B a s i c f o r s e a c h f u n c t i o n a l i t y \ n A d d t h e f o l l o w i n g t o s i t e c o n f i g , c o n f i g . y m l \ n o u t p u t s : h o m e : - H T M L - R S S - J S O N # i s n e c e s s a r y C r e a t e a p a g e w i t h s e a r c h . m d i n c o n t e n t d i r e c t o r y w i t h f o l l o w i n g c o n t e n t \ n - - - t i t l e : \ " S e a r c h \ " # i n a n y l a n g u a g e y o u w a n t l a y o u t : \ " s e a r c h \ " # i s n e c e s s a r y # u r l : \ " / a r c h i v e \ " # d e s c r i p t i o n : \ " D e s c r i p t i o n f o r S e a r c h \ " s u m m a r y : \ " s e a r c h \ " - - - T o h i d e a p a r t i c u l a r p a g e f r o m b e i n g s e a r c h e d , a d d i t i n p o s t ’ s f r o n ’ t m a t t e r \ n - - - s e a r c h H i d d e n : t r u e e x : s e a r c h . m d \ n S e a r c h P a g e a l s o h a s K e y b i n d i n g s : \ n A r r o w k e y s t o m o v e u p / d o w n t h e l i s t E n t e r k e y ( r e t u r n ) o r R i g h t A r r o w k e y t o G o t o h i g h l i g h t e d p a g e E s c a p e k e y t o c l e a r s e a r c h b o x a n d r e s u l t s F o r M u l t i l i n g u a l u s e s e a r c h . . m d e x . s e a r c h . e s . m d . \ n N o t e : S e a r c h w i l l w o r k o n l y o n c u r r e n t l a n g u a g e , u s e r i s c u r r e n t l y o n ! \ n C u s t o m i z i n g F u s e j s O p t i o n s \ n R e f e r h t t p s : / / f u s e j s . i o / a p i / o p t i o n s . h t m l f o r O p t i o n s , A d d t h o s e a s s h o w n b e l o w . \ n p a r a m s : f u s e O p t s : i s C a s e S e n s i t i v e : f a l s e s h o u l d S o r t : t r u e l o c a t i o n : 0 d i s t a n c e : 1 0 0 0 t h r e s h o l d : 0 . 4 m i n M a t c h C h a r L e n g t h : 0 k e y s : [ \ " t i t l e \ " , \ " p e r m a l i n k \ " , \ " s u m m a r y \ " , \ " c o n t e n t \ " ] D r a f t P a g e i n d i c a t i o n a d d s [ d r a f t ] m a r k t o i n d i c a t e d r a f t p a g e s . \ n P o s t C o v e r I m a g e I n p o s t ’ s p a g e - v a r i a b l e s a d d : \ n c o v e r : i m a g e : \ " \ " # c a n a l s o p a s t e d i r e c t l i n k f r o m e x t e r n a l s i t e # e x . h t t p s : / / i . i b b . c o / K 0 H V P B d / p a p e r - m o d - p r o f i l e m o d e . p n g a l t : \ " \ " c a p t i o n : \ " \ " r e l a t i v e : f a l s e # T o u s e r e l a t i v e p a t h f o r c o v e r i m a g e , u s e d i n h u g o P a g e - b u n d l e s W h e n y o u i n c l u d e i m a g e s i n t h e P a g e B u n d l e , m u l t i p l e s i z e s o f t h e i m a g e w i l l a u t o m a t i c a l l y b e p r o v i d e d u s i n g t h e H T M L 5 s r c s e t f i e l d . \ n T o r e d u c e g e n e r a t i o n t i m e a n d s i z e o f t h e s i t e , y o u c a n d i s a b l e t h i s f e a t u r e
< / 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 > » < a href = https://adityatelange.github.io/hugo-PaperMod/posts/ > Posts< / a > » < a href = https://adityatelange.github.io/hugo-PaperMod/posts/papermod/ > PaperMod< / a > < / div >
< h1 class = post-title >
Features
< / h1 >
< div class = post-meta > January 20, 2021 · 5 min · Aditya Telange | < a href = https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/content/posts/papermod/papermod-features/index.md rel = "noopener noreferrer" target = _blank > Suggest Changes< / a >
< / div >
< / header > < div class = toc >
< details >
< summary accesskey = c title = "(Alt + C)" >
< div class = details > Table of Contents< / div >
< / summary >
< div class = inner > < ul >
< li >
< a href = #intro aria-label = Intro > Intro< / a > < / li >
< li >
< a href = #assets-jscss aria-label = "Assets (js/css)" > Assets (js/css)< / a > < / li >
< li >
< a href = #default-theme-lightdarkauto aria-label = "Default Theme light/dark/auto" > Default Theme light/dark/auto< / a > < / li >
< li >
< a href = #theme-switch-toggle-enabled-by-default aria-label = "Theme Switch Toggle (enabled by default)" > Theme Switch Toggle (enabled by default)< / a > < / li >
< li >
< a href = #archives-layout aria-label = "Archives Layout" > Archives Layout< / a > < / li >
< li >
< a href = #regular-mode-default-mode aria-label = "Regular Mode (default-mode)" > Regular Mode (default-mode)< / a > < / li >
< li >
< a href = #home-info-mode aria-label = "Home-Info Mode" > Home-Info Mode< / a > < / li >
< li >
< a href = #profile-mode aria-label = "Profile Mode" > Profile Mode< / a > < / li >
< li >
< a href = #search-page aria-label = "Search Page" > Search Page< / a > < / li >
< li >
< a href = #draft-page-indication aria-label = "Draft Page indication" > Draft Page indication< / a > < / li >
< li >
< a href = #post-cover-image aria-label = "Post Cover Image" > Post Cover Image< / a > < / li >
< li >
< a href = #share-buttons-on-post aria-label = "Share Buttons on post" > Share Buttons on post< / a > < / li >
< li >
< a href = #show-post-reading-time aria-label = "Show post reading time" > Show post reading time< / a > < / li >
< li >
< a href = #show-table-of-contents-toc-on-blog-post aria-label = "Show Table of Contents (Toc) on blog post" > Show Table of Contents (Toc) on blog post< / a > < / li >
< li >
< a href = #breadcrumb-navigation aria-label = "BreadCrumb Navigation" > BreadCrumb Navigation< / a > < / li >
< li >
< a href = #edit-link-for-posts aria-label = "Edit Link for Posts" > Edit Link for Posts< / a > < / li >
< li >
< a href = #other-posts-suggestion-below-a-post aria-label = "Other Posts suggestion below a post" > Other Posts suggestion below a post< / a > < / li >
< li >
< a href = #multiple-authors aria-label = "Multiple Authors" > Multiple Authors< / a > < / li >
< li >
< a href = #comments aria-label = Comments > Comments< / a > < / li >
< li >
< a href = #accesskeys aria-label = AccessKeys > AccessKeys< / a > < / li >
< li >
< a href = #enhanced-seo aria-label = "Enhanced SEO" > Enhanced SEO< / a > < / li >
< li >
< a href = #multilingual-support aria-label = "Multilingual Support" > Multilingual Support< / a > < / li >
< li >
< a href = #misc aria-label = Misc > Misc< / a > < ul >
< li >
< a href = #scroll-bar-themed-by-default aria-label = "Scroll-Bar themed (by default)" > Scroll-Bar themed (by default)< / a > < / li >
< li >
< a href = #smooth-scroll-between-in-page-links-by-default aria-label = "Smooth Scroll between in-page links (by default)" > Smooth Scroll between in-page links (by default)< / a > < / li >
< li >
< a href = #scroll-to-top-button-by-default aria-label = "Scroll-to-Top Button (by default)" > Scroll-to-Top Button (by default)< / a > < / li >
< li >
< a href = #google-analytics-integration aria-label = "Google Analytics integration" > Google Analytics integration< / a > < / li >
< li >
< a href = #syntax-highlighting aria-label = "Syntax highlighting" > Syntax highlighting< / a > < / li >
< li >
< a href = #rss-feeds aria-label = "RSS feeds" > RSS feeds< / a >
< / li >
< / ul >
< / li >
< / ul >
< / div >
< / details >
< / div >
< div class = post-content > < h3 id = intro > Intro< a hidden class = anchor aria-hidden = true href = #intro > #< / a > < / h3 >
< ul >
< li >
< p > < strong > We’ 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 > < / p >
< / li >
< li >
< p > You can find any < a href = "https://www.google.com/search?q=yml+to+toml" > YML to TOML< / a > converters if necessary.< / p >
< / li >
< / ul >
< hr >
< h3 id = assets-jscss > Assets (js/css)< a hidden class = anchor aria-hidden = true href = #assets-jscss > #< / a > < / h3 >
< p > The following is enabled by default< / p >
< ul >
< li > < a href = https://gohugo.io/hugo-pipes/minification/ > minification< / a > - makes the assets size smallest as possible.< / li >
< li > < a href = https://gohugo.io/hugo-pipes/bundling/ > bundling< / a > - bundles all the styles in one single asset< / li >
< li > < a href = https://gohugo.io/hugo-pipes/fingerprint/ > fingerprint/intergity< / a > check.< / li >
< / ul >
< hr >
< h3 id = default-theme-lightdarkauto > Default Theme light/dark/auto< a hidden class = anchor aria-hidden = true href = #default-theme-lightdarkauto > #< / a > < / h3 >
< 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 > params< / span > :
2020-10-06 09:31:48 +02:00
< span style = color:#75715e > # defaultTheme: light< / span >
< span style = color:#75715e > # defaultTheme: dark< / span >
2020-10-08 05:52:59 +02:00
< span style = color:#f92672 > defaultTheme< / span > : < span style = color:#ae81ff > auto< / span > < span style = color:#75715e > # to switch between dark or light according to browser theme< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < / details >
< hr >
< h3 id = theme-switch-toggle-enabled-by-default > Theme Switch Toggle (enabled by default)< a hidden class = anchor aria-hidden = true href = #theme-switch-toggle-enabled-by-default > #< / a > < / h3 >
< p > Shows icon besides title of page to change theme< / p >
< p > To disable it :< / 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 > disableThemeToggle< / span > : < span style = color:#66d9ef > true< / span >
< / code > < / pre > < / div > < p > You can refer following table for better understanding… < / p >
< table >
< thead >
< tr >
< th > < code > defaultTheme< / code > < / th >
< th > < code > disableThemeToggle< / code > < / th >
< th > checks local storage?< / th >
< th > checks system theme?< / th >
< th > Info< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > < code > auto< / code > < / td >
< td > true< / td >
< td > No< / td >
< td > Yes< / td >
< td > only system theme< / td >
< / tr >
< tr >
< td > < / td >
< td > false< / td >
< td > Yes (if not->2)< / td >
< td > Yes (2)< / td >
< td > < em > switch present< / em > < / td >
< / tr >
< tr >
< td > < code > dark< / code > < / td >
< td > true< / td >
< td > No< / td >
< td > No< / td >
< td > force dark only< / td >
< / tr >
< tr >
< td > < / td >
< td > false< / td >
< td > Yes< / td >
< td > No< / td >
< td > < em > switch present< / em > < / td >
< / tr >
< tr >
< td > < code > light< / code > < / td >
< td > true< / td >
< td > No< / td >
< td > No< / td >
< td > force light only< / td >
< / tr >
< tr >
< td > < / td >
< td > false< / td >
< td > Yes< / td >
< td > No< / td >
< td > < em > switch present< / em > < / td >
< / tr >
< / tbody >
< / table >
< hr >
< h3 id = archives-layout > Archives Layout< a hidden class = anchor aria-hidden = true href = #archives-layout > #< / a > < / h3 >
< p > Create a page with < code > archive.md< / code > in < code > content< / code > directory with following content< / 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 > .
2021-02-01 06:47:55 +01:00
├── config.yml
├── content/
│ ├── archives.md < --- Create archive.md here
│ └── posts/
├── static/
└── themes/
└── PaperMod/
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > and add the following to it< / 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 > ---
2021-02-01 06:47:55 +01:00
< span style = color:#f92672 > title< / span > : < span style = color:#e6db74 > " Archive" < / span >
< span style = color:#f92672 > layout< / span > : < span style = color:#e6db74 > " archives" < / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " /archives/" < / span >
< span style = color:#f92672 > summary< / span > : < span style = color:#ae81ff > archives< / span >
2020-10-26 19:08:15 +01:00
---
2020-10-27 15:18:40 +01:00
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > < strong > Note:< / strong > Archives Layout does not support Multilingual Month Translations.< / p >
< p > ex: < a href = https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md > archives.md< / a > < / p >
< hr >
< h3 id = regular-mode-default-mode > Regular Mode (default-mode)< a hidden class = anchor aria-hidden = true href = #regular-mode-default-mode > #< / a > < / h3 >
< p > < img loading = lazy src = images/regular.jpg alt = regular >
< / p >
< hr >
< h3 id = home-info-mode > Home-Info Mode< a hidden class = anchor aria-hidden = true href = #home-info-mode > #< / a > < / h3 >
< p > < img loading = lazy src = images/homeinfo.jpg alt = homeinfo >
< / p >
< p > Use 1st entry as some Information< / p >
< p > add following to config file< / 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 > params< / span > :
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > homeInfoParams< / span > :
< span style = color:#f92672 > Title< / span > : < span style = color:#ae81ff > Hi there wave< / span >
< span style = color:#f92672 > Content< / span > : < span style = color:#ae81ff > Can be Info, links, about...< / span >
< span style = color:#f92672 > socialIcons< / span > : < span style = color:#75715e > # optional< / span >
- < span style = color:#f92672 > name< / span > : < span style = color:#e6db74 > " < platform> " < / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " < link> " < / span >
- < span style = color:#f92672 > name< / span > : < span style = color:#e6db74 > " < platform 2> " < / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " < link2> " < / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > ex. < a href = https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.yml#L106 > config.yml#L106< / a > < / p >
< hr >
< h3 id = profile-mode > Profile Mode< a hidden class = anchor aria-hidden = true href = #profile-mode > #< / a > < / h3 >
< p > < img loading = lazy src = https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/posts/papermod/papermod-features/images/profile.jpg alt = profile >
< / p >
< p > Shows Index/Home page as Full Page with Social Links and Image< / p >
< p > add following to config file< / 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 > params< / span > :
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > profileMode< / span > :
< span style = color:#f92672 > enabled< / span > : < span style = color:#66d9ef > true< / span >
< span style = color:#f92672 > title< / span > : < span style = color:#e6db74 > " < Title> " < / span > < span style = color:#75715e > # optional default will be site title< / span >
2021-02-07 17:26:53 +01:00
< span style = color:#f92672 > subtitle< / span > : < span style = color:#e6db74 > " This is subtitle" < / span >
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > imageUrl< / span > : < span style = color:#e6db74 > " < image link> " < / span > < span style = color:#75715e > # optional< / span >
< span style = color:#f92672 > imageTitle< / span > : < span style = color:#e6db74 > " < title of image as alt> " < / span > < span style = color:#75715e > # optional< / span >
2020-11-09 07:56:39 +01:00
< span style = color:#f92672 > imageWidth< / span > : < span style = color:#ae81ff > 120< / span > < span style = color:#75715e > # custom size< / span >
< span style = color:#f92672 > imageHeight< / span > : < span style = color:#ae81ff > 120< / span > < span style = color:#75715e > # custom size< / span >
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > buttons< / span > :
- < span style = color:#f92672 > name< / span > : < span style = color:#ae81ff > Archive< / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " /archive" < / span >
- < span style = color:#f92672 > name< / span > : < span style = color:#ae81ff > Github< / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " https://github.com/" < / span >
< span style = color:#f92672 > socialIcons< / span > : < span style = color:#75715e > # optional< / span >
- < span style = color:#f92672 > name< / span > : < span style = color:#e6db74 > " < platform> " < / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " < link> " < / span >
- < span style = color:#f92672 > name< / span > : < span style = color:#e6db74 > " < platform 2> " < / span >
< span style = color:#f92672 > url< / span > : < span style = color:#e6db74 > " < link2> " < / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = search-page > Search Page< a hidden class = anchor aria-hidden = true href = #search-page > #< / a > < / h3 >
< p > PaperMod uses < a href = https://fusejs.io/getting-started/different-builds.html#explanation-of-different-builds > Fuse.js Basic< / a > for seach functionality< / p >
< p > Add the following to site config, < 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 > outputs< / span > :
2020-12-06 17:59:08 +01:00
< span style = color:#f92672 > home< / span > :
- < span style = color:#ae81ff > HTML< / span >
- < span style = color:#ae81ff > RSS< / span >
- < span style = color:#ae81ff > JSON< / span > < span style = color:#75715e > # is necessary< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > Create a page with < code > search.md< / code > in < code > content< / code > directory with following content< / 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 > ---
2020-12-06 17:59:08 +01:00
< span style = color:#f92672 > title< / span > : < span style = color:#e6db74 > " Search" < / span > < span style = color:#75715e > # in any language you want< / span >
< span style = color:#f92672 > layout< / span > : < span style = color:#e6db74 > " search" < / span > < span style = color:#75715e > # is necessary< / span >
< span style = color:#75715e > # url: " /archive" < / span >
2021-02-01 06:47:55 +01:00
< span style = color:#75715e > # description: " Description for Search" < / span >
2020-12-06 17:59:08 +01:00
< span style = color:#f92672 > summary< / span > : < span style = color:#e6db74 > " search" < / span >
---
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > To hide a particular page from being searched, add it in post’ s fron’ t matter< / 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 > ---
2021-02-01 06:47:55 +01:00
< span style = color:#f92672 > searchHidden< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > ex: < a href = https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/search.md > search.md< / a > < / p >
< blockquote >
< p > Search Page also has Key bindings:< / p >
< ul >
< li > Arrow keys to move up/down the list< / li >
< li > Enter key (return) or Right Arrow key to Go to highlighted page< / li >
< li > Escape key to clear searchbox and results< / li >
< / ul >
< / blockquote >
< p > For Multilingual use < code > search.< lang>.md< / code > ex. < code > search.es.md< / code > .< / p >
< p > < strong > Note:< / strong > Search will work only on current language, user is currently on !< / p >
< p > < strong > Customizing Fusejs Options< / strong > < / p >
< p > Refer < a href = https://fusejs.io/api/options.html > https://fusejs.io/api/options.html< / a > for Options, Add those as shown below.< / 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 > params< / span > :
2020-12-15 14:37:21 +01:00
< 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 > " title" < / span > , < span style = color:#e6db74 > " permalink" < / span > , < span style = color:#e6db74 > " summary" < / span > , < span style = color:#e6db74 > " content" < / span > ]
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = draft-page-indication > Draft Page indication< a hidden class = anchor aria-hidden = true href = #draft-page-indication > #< / a > < / h3 >
< p > adds < code > [draft]< / code > mark to indicate draft pages.< / p >
< hr >
< h3 id = post-cover-image > Post Cover Image< a hidden class = anchor aria-hidden = true href = #post-cover-image > #< / a > < / h3 >
< p > In post’ s page-variables add :< / 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 > cover< / span > :
2020-10-27 15:18:40 +01:00
< span style = color:#f92672 > image< / span > : < span style = color:#e6db74 > " < image path/url> " < / span >
< span style = color:#75715e > # can also paste direct link from external site< / span >
< span style = color:#75715e > # ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png< / span >
< span style = color:#f92672 > alt< / span > : < span style = color:#e6db74 > " < alt text> " < / span >
< span style = color:#f92672 > caption< / span > : < span style = color:#e6db74 > " < text> " < / span >
2021-01-17 08:17:56 +01:00
< span style = color:#f92672 > relative< / span > : < span style = color:#66d9ef > false< / span > < span style = color:#75715e > # To use relative path for cover image, used in hugo Page-bundles< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > When you include images in the < a href = https://gohugo.io/content-management/page-bundles/ > Page Bundle< / a > , multiple sizes of the image will automatically be provided using the HTML5 < code > srcset< / code > field.< / p >
< p > To reduce generation time and size of the site, you can disable this feature using< / 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 > params< / span > :
2020-10-27 15:18:40 +01:00
< span style = color:#f92672 > cover< / span > :
< span style = color:#f92672 > responsiveImages< / span > : < span style = color:#66d9ef > false< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > To enable hyperlinks to the full image size on post pages, use< / 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 > params< / span > :
2020-10-27 15:18:40 +01:00
< span style = color:#f92672 > cover< / span > :
< span style = color:#f92672 > linkFullImages< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = share-buttons-on-post > Share Buttons on post< a hidden class = anchor aria-hidden = true href = #share-buttons-on-post > #< / a > < / h3 >
< p > Displays Share Buttons at Bottom of each post< / p >
< p > to show share buttons add< / 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 > params< / span > :
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > ShowShareButtons< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = show-post-reading-time > Show post reading time< a hidden class = anchor aria-hidden = true href = #show-post-reading-time > #< / a > < / h3 >
< p > Displays Reading Time (the estimated time, in minutes, it takes to read the content.)< / p >
< p > To show reading time add< / 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 > Params< / span > :
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > ShowReadingTime< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = show-table-of-contents-toc-on-blog-post > Show Table of Contents (Toc) on blog post< a hidden class = anchor aria-hidden = true href = #show-table-of-contents-toc-on-blog-post > #< / a > < / h3 >
< p > Displays ToC on blog-pages< / p >
< p > To show ToC add following to page-variables< / 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 > ShowToc< / span > : < span style = color:#66d9ef > true< / span >
< / code > < / pre > < / div > < p > To keep Toc Open < strong > by default< / strong > on a post add following to page-variables:< / 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 > TocOpen< / span > : < span style = color:#66d9ef > true< / span >
< / code > < / pre > < / div > < hr >
< h3 id = breadcrumb-navigation > BreadCrumb Navigation< a hidden class = anchor aria-hidden = true href = #breadcrumb-navigation > #< / a > < / h3 >
< p > Adds BreadCrumb Navigation above Post’ s Title to show subsections and Navigation to Home< / 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 > params< / span > :
2021-02-01 06:47:55 +01:00
< span style = color:#f92672 > ShowBreadCrumbs< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > Can be diabled for particular page’ s front-matter< / 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 > ---
2021-02-01 06:47:55 +01:00
< span style = color:#f92672 > ShowBreadCrumbs< / span > : < span style = color:#66d9ef > false< / span >
---
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = edit-link-for-posts > Edit Link for Posts< a hidden class = anchor aria-hidden = true href = #edit-link-for-posts > #< / a > < / h3 >
< p > Add a button to suggest changes by using the file path of the post to link to a edit destination.< / p >
< p > For site config use:< / 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 > Params< / span > :
2021-03-28 06:58:18 +02:00
< span style = color:#f92672 > editPost< / span > :
< span style = color:#f92672 > URL< / span > : < span style = color:#e6db74 > " https://github.com/< path_to_repo> /content" < / span >
< span style = color:#f92672 > Text< / span > : < span style = color:#e6db74 > " Suggest Changes" < / 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 >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > Can be modified for individual pages< / 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 > ---
2021-03-28 06:58:18 +02:00
< span style = color:#f92672 > editPost< / span > :
< span style = color:#f92672 > URL< / span > : < span style = color:#e6db74 > " https://github.com/< path_to_repo> /content" < / span >
< span style = color:#f92672 > Text< / span > : < span style = color:#e6db74 > " Suggest Changes" < / 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 > The example above would yield the following link for the post file < code > posts/post-name.md< / code > :
2021-08-02 12:45:31 +02:00
< a href = https://github.com/ > https://github.com/< / a > < path_to_repo>/content/posts/post-name.md< / p >
< table >
< thead >
< tr >
< th > Parameter< / th >
< th > Required< / th >
< th > Default Value< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > editPost.URL< / td >
< td > true< / td >
< td > -< / td >
< / tr >
< tr >
< td > editPost.appendFilePath< / td >
< td > false< / td >
< td > false< / td >
< / tr >
< tr >
< td > editPost.Text< / td >
< td > false< / td >
< td > “ Edit” < / td >
< / tr >
< / tbody >
< / table >
< p > Since the link generated is a regular HTML anchor tag < code > < a href=...>< / code > , you can
2021-03-28 06:58:18 +02:00
also use other URL schemas like < code > mailto://< / code > , e.g.
2021-08-02 12:45:31 +02:00
< code > URL: "mailto://mail@example.com?subject=Suggesting changes for "< / code > < / p >
< hr >
< h3 id = other-posts-suggestion-below-a-post > Other Posts suggestion below a post< a hidden class = anchor aria-hidden = true href = #other-posts-suggestion-below-a-post > #< / a > < / h3 >
< p > Adds a Previous / Next post suggestion under a single post< / 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 > params< / span > :
2021-02-01 06:47:55 +01:00
< span style = color:#f92672 > ShowPostNavLinks< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = multiple-authors > Multiple Authors< a hidden class = anchor aria-hidden = true href = #multiple-authors > #< / a > < / h3 >
< p > To Use multiple authors for a post, in post-variables:< / 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 > ---
2020-10-25 08:56:00 +01:00
< span style = color:#f92672 > author< / span > : [< span style = color:#e6db74 > " Me" < / span > , < span style = color:#e6db74 > " You" < / span > ]
---
2020-10-27 15:18:40 +01:00
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > To use Multiple Authors Site-wide, 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 > params< / span > :
2020-10-25 08:56:00 +01:00
< span style = color:#f92672 > author< / span > : [< span style = color:#e6db74 > " Me" < / span > , < span style = color:#e6db74 > " You" < / span > ]
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < hr >
< h3 id = comments > Comments< a hidden class = anchor aria-hidden = true href = #comments > #< / a > < / h3 >
< p > to add comments, create a html file< / p >
< p > < code > layouts/partials/comments.html< / code > < / p >
< p > and paste code provided by your comments provider< / p >
< p > also in config add this< / 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 > params< / span > :
2020-09-17 11:00:01 +02:00
< span style = color:#f92672 > comments< / span > : < span style = color:#66d9ef > true< / span >
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > read more about this < a href = https://gohugo.io/content-management/comments/ > hugo-comments< / a > < / p >
< hr >
< h3 id = accesskeys > AccessKeys< a hidden class = anchor aria-hidden = true href = #accesskeys > #< / a > < / h3 >
< 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-text data-lang = text > c - ToC Open/Close
2021-01-13 16:03:14 +01:00
g - Go To Top
h - Home (according to current lang)
t - Theme toggle
/ - Jumps to search page if in menu
2021-08-02 12:45:31 +02:00
< / code > < / pre > < / div > < p > < a href = https://www.w3schools.com/tags/att_global_accesskey.asp > What’ s AccessKeys ?< / a > < / p >
< hr >
< h3 id = enhanced-seo > Enhanced SEO< a hidden class = anchor aria-hidden = true href = #enhanced-seo > #< / a > < / h3 >
< p > < strong > Enabled only when < code > env: production< / code > < / strong > < / p >
< ul >
< li >
< p > < a href = "https://support.google.com/webmasters/answer/7506797?hl=en" > Rich Results/Snippets Support< / a > < / p >
< / li >
< li >
< p > Twitter Cards Support< / p >
< / li >
< li >
< p > Open-Graph support< / p >
< / li >
< / ul >
< hr >
< h3 id = multilingual-support > Multilingual Support< a hidden class = anchor aria-hidden = true href = #multilingual-support > #< / a > < / h3 >
< hr >
< h3 id = misc > Misc< a hidden class = anchor aria-hidden = true href = #misc > #< / a > < / h3 >
< h4 id = scroll-bar-themed-by-default > Scroll-Bar themed (by default)< a hidden class = anchor aria-hidden = true href = #scroll-bar-themed-by-default > #< / a > < / h4 >
< h4 id = smooth-scroll-between-in-page-links-by-default > Smooth Scroll between in-page links (by default)< a hidden class = anchor aria-hidden = true href = #smooth-scroll-between-in-page-links-by-default > #< / a > < / h4 >
< h4 id = scroll-to-top-button-by-default > Scroll-to-Top Button (by default)< a hidden class = anchor aria-hidden = true href = #scroll-to-top-button-by-default > #< / a > < / h4 >
< 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-text data-lang = text > Displays a Scroll-to-Top button in right-bottom corner
< / code > < / pre > < / div > < h4 id = google-analytics-integration > Google Analytics integration< a hidden class = anchor aria-hidden = true href = #google-analytics-integration > #< / a > < / h4 >
< h4 id = syntax-highlighting > Syntax highlighting< a hidden class = anchor aria-hidden = true href = #syntax-highlighting > #< / a > < / h4 >
< h4 id = rss-feeds > RSS feeds< a hidden class = anchor aria-hidden = true href = #rss-feeds > #< / a > < / h4 >
< / 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 = prev href = https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/ >
< span class = title > « Prev Page< / span >
< br >
< span > Installation | Update< / span >
< / a >
< a class = next href = https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-faq/ >
< span class = title > Next Page »< / span >
< br >
< span > FAQs< / span >
< / a >
< / nav >
< div class = share-buttons >
< a target = _blank rel = "noopener noreferrer" aria-label = "share Features on twitter" href = "https://twitter.com/intent/tweet/?text=Features&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%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 Features on linkedin" href = "https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f&title=Features&summary=Features&source=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%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 Features on reddit" href = "https://reddit.com/submit?url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f&title=Features" > < 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 Features on facebook" href = "https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%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 Features on whatsapp" href = "https://api.whatsapp.com/send?text=Features%20-%20https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%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 Features on telegram" href = "https://telegram.me/share/url?text=Features&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%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 > © 2021 < a href = https://adityatelange.github.io/hugo-PaperMod/ > PaperMod< / a > < / span >
< span >
Powered by
2021-05-01 08:28:48 +02:00
< a href = https://gohugo.io/ rel = "noopener noreferrer" target = _blank > Hugo< / a > &
2021-08-02 12:45:31 +02:00
< 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 >
