This commit is contained in:
Aditya Telange 2020-10-27 18:46:08 +05:30
parent 28c5a7d97a
commit fa4aec4086
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
13 changed files with 198 additions and 145 deletions

View File

@ -8,9 +8,11 @@ tags = [
] ]
+++ +++
Emoji can be enabled in a Hugo project in a number of ways. Emoji can be enabled in a Hugo project in a number of ways.
<!--more--> <!--more-->
The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
@ -19,17 +21,18 @@ To enable emoji globally, set `enableEmoji` to `true` in your site's [configurat
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
*** ---
**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g. **N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
{{< highlight html >}} {{< highlight html >}}
.emoji { .emoji {
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
} }
{{< /highlight >}} {{< /highlight >}}
{{< css.inline >}} {{< css.inline >}}
<style> <style>
.emojify { .emojify {
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
@ -43,4 +46,5 @@ The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference
} }
} }
</style> </style>
{{< /css.inline >}} {{< /css.inline >}}

View File

@ -21,6 +21,7 @@ weight = 2
+++ +++
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. 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.
<!--more--> <!--more-->
## Headings ## Headings
@ -28,10 +29,15 @@ This article offers a sample of basic Markdown syntax that can be used in Hugo c
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest. The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
# H1 # H1
## H2 ## H2
### H3 ### H3
#### H4 #### H4
##### H5 ##### H5
###### H6 ###### H6
## Paragraph ## Paragraph
@ -47,7 +53,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution #### Blockquote without attribution
> Tiam, ad mint andaepu dandae nostion secatur sequo quae. > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote. > **Note** that you can use _Markdown syntax_ within a blockquote.
#### Blockquote with attribution #### Blockquote with attribution
@ -60,31 +66,31 @@ The blockquote element represents content that is quoted from another source, op
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
Name | Age | Name | Age |
--------|------ | ----- | --- |
Bob | 27 | Bob | 27 |
Alice | 23 | Alice | 23 |
#### Inline Markdown within tables #### Inline Markdown within tables
| Italics | Bold | Code | | Italics | Bold | Code |
| -------- | -------- | ------ | | --------- | -------- | ------ |
| *italics* | **bold** | `code` | | _italics_ | **bold** | `code` |
## Code Blocks ## Code Blocks
#### Code block with backticks #### Code block with backticks
```html ```html
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>Example HTML5 Document</title> <title>Example HTML5 Document</title>
</head> </head>
<body> <body>
<p>Test</p> <p>Test</p>
</body> </body>
</html> </html>
``` ```
@ -102,7 +108,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html> </html>
#### Code block with Hugo's internal highlight shortcode #### Code block with Hugo's internal highlight shortcode
{{< highlight html >}} {{< highlight html >}}
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
@ -125,19 +133,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List #### Unordered List
* List item - List item
* Another item - Another item
* And another item - And another item
#### Nested list #### Nested list
* Fruit - Fruit
* Apple - Apple
* Orange - Orange
* Banana - Banana
* Dairy - Dairy
* Milk - Milk
* Cheese - Cheese
## Other Elements — abbr, sub, sup, kbd, mark ## Other Elements — abbr, sub, sup, kbd, mark

View File

@ -21,6 +21,7 @@ weight = 2
+++ +++
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. 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.
<!--more--> <!--more-->
## Headings ## Headings
@ -28,10 +29,15 @@ This article offers a sample of basic Markdown syntax that can be used in Hugo c
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest. The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
# H1 # H1
## H2 ## H2
### H3 ### H3
#### H4 #### H4
##### H5 ##### H5
###### H6 ###### H6
## Paragraph ## Paragraph
@ -47,7 +53,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution #### Blockquote without attribution
> Tiam, ad mint andaepu dandae nostion secatur sequo quae. > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote. > **Note** that you can use _Markdown syntax_ within a blockquote.
#### Blockquote with attribution #### Blockquote with attribution
@ -60,31 +66,31 @@ The blockquote element represents content that is quoted from another source, op
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
Name | Age | Name | Age |
--------|------ | ----- | --- |
Bob | 27 | Bob | 27 |
Alice | 23 | Alice | 23 |
#### Inline Markdown within tables #### Inline Markdown within tables
| Italics | Bold | Code | | Italics | Bold | Code |
| -------- | -------- | ------ | | --------- | -------- | ------ |
| *italics* | **bold** | `code` | | _italics_ | **bold** | `code` |
## Code Blocks ## Code Blocks
#### Code block with backticks #### Code block with backticks
```html ```html
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>Example HTML5 Document</title> <title>Example HTML5 Document</title>
</head> </head>
<body> <body>
<p>Test</p> <p>Test</p>
</body> </body>
</html> </html>
``` ```
@ -102,7 +108,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html> </html>
#### Code block with Hugo's internal highlight shortcode #### Code block with Hugo's internal highlight shortcode
{{< highlight html >}} {{< highlight html >}}
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
@ -125,19 +133,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List #### Unordered List
* List item - List item
* Another item - Another item
* And another item - And another item
#### Nested list #### Nested list
* Fruit - Fruit
* Apple - Apple
* Orange - Orange
* Banana - Banana
* Dairy - Dairy
* Milk - Milk
* Cheese - Cheese
## Other Elements — abbr, sub, sup, kbd, mark ## Other Elements — abbr, sub, sup, kbd, mark

View File

@ -21,6 +21,7 @@ weight = 2
+++ +++
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. 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.
<!--more--> <!--more-->
## Headings ## Headings
@ -28,10 +29,15 @@ This article offers a sample of basic Markdown syntax that can be used in Hugo c
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest. The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
# H1 # H1
## H2 ## H2
### H3 ### H3
#### H4 #### H4
##### H5 ##### H5
###### H6 ###### H6
## Paragraph ## Paragraph
@ -47,7 +53,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution #### Blockquote without attribution
> Tiam, ad mint andaepu dandae nostion secatur sequo quae. > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote. > **Note** that you can use _Markdown syntax_ within a blockquote.
#### Blockquote with attribution #### Blockquote with attribution
@ -60,31 +66,31 @@ The blockquote element represents content that is quoted from another source, op
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
Name | Age | Name | Age |
--------|------ | ----- | --- |
Bob | 27 | Bob | 27 |
Alice | 23 | Alice | 23 |
#### Inline Markdown within tables #### Inline Markdown within tables
| Italics | Bold | Code | | Italics | Bold | Code |
| -------- | -------- | ------ | | --------- | -------- | ------ |
| *italics* | **bold** | `code` | | _italics_ | **bold** | `code` |
## Code Blocks ## Code Blocks
#### Code block with backticks #### Code block with backticks
```html ```html
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>Example HTML5 Document</title> <title>Example HTML5 Document</title>
</head> </head>
<body> <body>
<p>Test</p> <p>Test</p>
</body> </body>
</html> </html>
``` ```
@ -102,7 +108,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html> </html>
#### Code block with Hugo's internal highlight shortcode #### Code block with Hugo's internal highlight shortcode
{{< highlight html >}} {{< highlight html >}}
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
@ -125,19 +133,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List #### Unordered List
* List item - List item
* Another item - Another item
* And another item - And another item
#### Nested list #### Nested list
* Fruit - Fruit
* Apple - Apple
* Orange - Orange
* Banana - Banana
* Dairy - Dairy
* Milk - Milk
* Cheese - Cheese
## Other Elements — abbr, sub, sup, kbd, mark ## Other Elements — abbr, sub, sup, kbd, mark

View File

@ -7,13 +7,14 @@ math: true
--- ---
Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries. Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
<!--more--> <!--more-->
In this example we will be using [KaTeX](https://katex.org/) In this example we will be using [KaTeX](https://katex.org/)
- Create a partial under `/layouts/partials/math.html` - Create a partial under `/layouts/partials/math.html`
- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally. - Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally.
- Include the partial in your templates like so: - Include the partial in your templates like so:
```bash ```bash
{{ if or .Params.math .Site.Params.math }} {{ if or .Params.math .Site.Params.math }}
@ -21,13 +22,14 @@ In this example we will be using [KaTeX](https://katex.org/)
{{ end }} {{ end }}
``` ```
- To enable KaTex globally set the parameter `math` to `true` in a project's configuration - To enable KaTex globally set the parameter `math` to `true` in a project's configuration
- To enable KaTex on a per page basis include the parameter `math: true` in content files - To enable KaTex on a per page basis include the parameter `math: true` in content files
**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html) **Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html)
{{< math.inline >}} {{< math.inline >}}
{{ if or .Page.Params.math .Site.Params.math }} {{ if or .Page.Params.math .Site.Params.math }}
<!-- KaTeX --> <!-- KaTeX -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
@ -38,12 +40,14 @@ In this example we will be using [KaTeX](https://katex.org/)
### Examples ### Examples
{{< math.inline >}} {{< math.inline >}}
<p> <p>
Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
</p> </p>
{{</ math.inline >}} {{</ math.inline >}}
Block math: Block math:
$$ $$
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
$$ $$

View File

@ -1,4 +1,4 @@
--- ---
title: Sub-Section PaperMod title: Sub-Section PaperMod
summary: Contains posts related to `PaperMod` summary: Contains posts related to `PaperMod`
--- ---

View File

@ -3,17 +3,19 @@ title: "Papermod - Features"
date: 2020-09-16T11:30:03+05:30 date: 2020-09-16T11:30:03+05:30
showToc: true showToc: true
weight: 2 weight: 2
aliases: ['/papermod-features'] aliases: ["/papermod-features"]
tags: ['PaperMod'] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
tocopen: true tocopen: true
--- ---
### Assets (js/css) ### Assets (js/css)
The following is enabled by default The following is enabled by default
- [minification](https://gohugo.io/hugo-pipes/minification/) - makes the assets size smallest as possible.
- [bundling](https://gohugo.io/hugo-pipes/bundling/) - bundles all the styles in one single asset - [minification](https://gohugo.io/hugo-pipes/minification/) - makes the assets size smallest as possible.
- [fingerprint/intergity](https://gohugo.io/hugo-pipes/fingerprint/) check. - [bundling](https://gohugo.io/hugo-pipes/bundling/) - bundles all the styles in one single asset
- [fingerprint/intergity](https://gohugo.io/hugo-pipes/fingerprint/) check.
--- ---
@ -25,6 +27,7 @@ params:
# defaultTheme: dark # defaultTheme: dark
defaultTheme: auto # to switch between dark or light according to browser theme defaultTheme: auto # to switch between dark or light according to browser theme
``` ```
</details> </details>
--- ---
@ -36,7 +39,7 @@ Shows icon besides title of page to change theme
To disable it : To disable it :
```yml ```yml
disableThemeToggle : true disableThemeToggle: true
``` ```
--- ---
@ -52,6 +55,7 @@ layout: "archives" # is necessary
url: "/archive" url: "/archive"
summary: "archive" summary: "archive"
--- ---
``` ```
**Note:** Archives Layout does not support Multilingual Month Translations. **Note:** Archives Layout does not support Multilingual Month Translations.
@ -65,6 +69,7 @@ ex: [archives.md](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/
Use 1st entry as some Information Use 1st entry as some Information
add following to config file add following to config file
```yml ```yml
params: params:
homeInfoParams: homeInfoParams:
@ -126,27 +131,29 @@ In post's page-variables add :
```yml ```yml
cover: cover:
image: '<image path/url>' image: "<image path/url>"
# can also paste direct link from external site # can also paste direct link from external site
# ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png # ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png
alt: '<alt text>' alt: "<alt text>"
caption: '<text>' caption: "<text>"
``` ```
When you include images in the [Page Bundle](https://gohugo.io/content-management/page-bundles/), multiple sizes of the image will automatically be provided using the HTML5 `srcset` field. When you include images in the [Page Bundle](https://gohugo.io/content-management/page-bundles/), multiple sizes of the image will automatically be provided using the HTML5 `srcset` field.
To reduce generation time and size of the site, you can disable this feature using To reduce generation time and size of the site, you can disable this feature using
```yml ```yml
params: params:
cover: cover:
responsiveImages: false responsiveImages: false
``` ```
To enable hyperlinks to the full image size on post pages, use To enable hyperlinks to the full image size on post pages, use
```yml ```yml
params: params:
cover: cover:
linkFullImages: true linkFullImages: true
``` ```
--- ---
@ -156,6 +163,7 @@ params:
Displays Share Buttons at Bottom of each post Displays Share Buttons at Bottom of each post
to show share buttons add to show share buttons add
```yml ```yml
params: params:
ShowShareButtons: true ShowShareButtons: true
@ -168,6 +176,7 @@ params:
Displays Reading Time (the estimated time, in minutes, it takes to read the content.) Displays Reading Time (the estimated time, in minutes, it takes to read the content.)
To show reading time add To show reading time add
```yml ```yml
Params: Params:
ShowReadingTime: true ShowReadingTime: true
@ -180,11 +189,13 @@ Params:
Displays ToC on blog-pages Displays ToC on blog-pages
To show ToC add following to page-variables To show ToC add following to page-variables
```yml ```yml
ShowToc: true ShowToc: true
``` ```
To keep Toc Open **by default** on a post add following to page-variables: To keep Toc Open **by default** on a post add following to page-variables:
```yml ```yml
TocOpen: true TocOpen: true
``` ```
@ -199,11 +210,11 @@ To Use multiple authors for a post, in post-variables:
--- ---
author: ["Me", "You"] author: ["Me", "You"]
--- ---
``` ```
To use Multiple Authors Site-wide, in `config.yml`: To use Multiple Authors Site-wide, in `config.yml`:
```yml ```yml
params: params:
author: ["Me", "You"] author: ["Me", "You"]

View File

@ -3,8 +3,8 @@ title: "Papermod - How To's Guide"
date: 2020-09-18T11:30:03+05:30 date: 2020-09-18T11:30:03+05:30
showtoc: true showtoc: true
tocOpen: true tocOpen: true
aliases: ['/papermod-how-to-guide'] aliases: ["/papermod-how-to-guide"]
tags: ['PaperMod'] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true draft: true
--- ---
@ -21,7 +21,6 @@ By Hugo's Lookup Order, you can override any part of a theme that you want. The
Let's say you wish the `list` was different. All you have to do is copy the `list` template: Let's say you wish the `list` was different. All you have to do is copy the `list` template:
```shell ```shell
your-site/themes/papermod/layouts/_defaults/list.html your-site/themes/papermod/layouts/_defaults/list.html
``` ```
@ -43,7 +42,7 @@ These include OpenGraph, Twitter Cards and Schema.
```yml ```yml
params: params:
env: production env: production
``` ```
or set `HUGO_ENV` as "production" in system env-vars or set `HUGO_ENV` as "production" in system env-vars
@ -72,10 +71,11 @@ layout: "archives"
url: "/archives/" url: "/archives/"
summary: archives summary: archives
--- ---
``` ```
--- ---
## References ## References
- [Override a Hugo theme](https://zwbetz.com/override-a-hugo-theme/) - [Override a Hugo theme](https://zwbetz.com/override-a-hugo-theme/)

View File

@ -4,12 +4,13 @@ date: 2020-09-17T11:30:03+05:30
showtoc: true showtoc: true
tocopen: true tocopen: true
weight: 3 weight: 3
aliases: ['/papermod-icons'] aliases: ["/papermod-icons"]
tags: ['PaperMod'] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
--- ---
## Social Icons ## Social Icons
Usage : Usage :
``` ```
@ -73,7 +74,7 @@ Usage:
```yml ```yml
params: params:
ShowShareButtons: true ShowShareButtons: true
``` ```
![](https://i.ibb.co/sPN8bgd/paper-mod-share-butons.png) ![](https://i.ibb.co/sPN8bgd/paper-mod-share-butons.png)

View File

@ -3,8 +3,8 @@ title: "Papermod - Installation"
date: 2020-09-15T11:30:03+05:30 date: 2020-09-15T11:30:03+05:30
series: ["PaperMod"] series: ["PaperMod"]
weight: 1 weight: 1
aliases: ['/papermod-installation'] aliases: ["/papermod-installation"]
tags: ['PaperMod'] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
showToc: true showToc: true
TocOpen: true TocOpen: true
@ -22,26 +22,29 @@ Inside the folder of your Hugo site, run:
> ```console > ```console
> git clone https://github.com/adityatelange/hugo-PaperMod themes/hugo-PaperMod --depth=1 > git clone https://github.com/adityatelange/hugo-PaperMod themes/hugo-PaperMod --depth=1
> ``` > ```
>
> > Updating theme : > > Updating theme :
> >
> > ```console > > ```console
> > cd themes/hugo-PaperMod > > cd themes/hugo-PaperMod
> > git pull > > git pull
> > ``` > > ```
> >
**or** you can use as [submodule](https://www.atlassian.com/git/tutorials/git-submodule) with **or** you can use as [submodule](https://www.atlassian.com/git/tutorials/git-submodule) with
>
> ```console > ```console
> git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/hugo-PaperMod > git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/hugo-PaperMod
> git submodule update --init --recursive > git submodule update --init --recursive
> ``` > ```
>
> > Updating theme with submodule : > > Updating theme with submodule :
> >
> > ```console > > ```console
> > git submodule update --remote --merge > > git submodule update --remote --merge
> > ``` > > ```
> > > >
Then change in `config.yml`: > > Then change in `config.yml`:
>
```yml ```yml
theme: "hugo-PaperMod" theme: "hugo-PaperMod"
``` ```
@ -133,8 +136,8 @@ params:
title: "My 1st post" title: "My 1st post"
date: 2020-09-15T11:30:03+00:00 date: 2020-09-15T11:30:03+00:00
weight: 1 weight: 1
aliases: ['/first'] aliases: ["/first"]
tags: ['first'] tags: ["first"]
author: "Me" author: "Me"
# author: ["Me", "You"] # multiple authors # author: ["Me", "You"] # multiple authors
showToc: true showToc: true
@ -143,16 +146,19 @@ draft: false
hidemeta: false hidemeta: false
disableShare: false disableShare: false
cover: cover:
image: '<image path/url>' image: "<image path/url>"
alt: '<alt text>' alt: "<alt text>"
caption: '<text>' caption: "<text>"
relative: false relative: false
comments: false comments: false
--- ---
``` ```
--- ---
### [Papermod - Features](../papermod-features) ### [Papermod - Features](../papermod-features)
### [Papermod - How to Guide](../papermod-how-to-guide)
### [Papermod - Icons](../papermod-icons) ### [Papermod - How to Guide](../papermod-how-to-guide)
### [Papermod - Icons](../papermod-icons)

View File

@ -3,30 +3,32 @@ title: "Papermod - Variables"
date: 2020-09-24T11:33:33+05:30 date: 2020-09-24T11:33:33+05:30
showToc: true showToc: true
TocOpen: true TocOpen: true
tags: ['PaperMod'] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true draft: true
--- ---
## Variables in PaperMod ## Variables in PaperMod
Below are variables used with this theme... Below are variables used with this theme...
### Site Variables ### Site Variables
| name | type | example |
| - | - | - | | name | type | example |
| ShowReadingTime | boolean | true \| false | | ---------------------- | ------- | --------------------- |
| defaultTheme | string | light \| dark \| auto | | ShowReadingTime | boolean | true \| false |
| ShowShareButtons | boolean | true \| false | | defaultTheme | string | light \| dark \| auto |
| cover.linkFullImages | boolean | true \| false | | ShowShareButtons | boolean | true \| false |
| cover.responsiveImages | boolean | true \| false | | cover.linkFullImages | boolean | true \| false |
| cover.responsiveImages | boolean | true \| false |
### Page Variables ### Page Variables
| name | type | example | | name | type | example |
| - | - | - | | ------------- | ------- | ---------------- |
| showtoc | boolean | true \| false | | showtoc | boolean | true \| false |
| tocopen | boolean | true \| false | | tocopen | boolean | true \| false |
| hidemeta | boolean | true \| false | | hidemeta | boolean | true \| false |
| cover.image | string | `'featured.jpg'` | | cover.image | string | `'featured.jpg'` |
| cover.caption | string | `'<text>'` | | cover.caption | string | `'<text>'` |
| cover.alt | string | `'<alt text>'` | | cover.alt | string | `'<alt text>'` |

View File

@ -37,10 +37,12 @@ Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et. Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**. Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.
{{< css.inline >}} {{< css.inline >}}
<style> <style>
.canon { background: white; width: 100%; height: auto; } .canon { background: white; width: 100%; height: auto; }
</style> </style>
{{< /css.inline >}} {{< /css.inline >}}

View File

@ -11,12 +11,11 @@ ShowToc = true
+++ +++
Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds. Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
<!--more-->
--- ## <!--more-->
## Instagram Simple Shortcode ## Instagram Simple Shortcode
<br> <br>
--- ---