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

@ -9,7 +9,9 @@ tags = [
+++
Emoji can be enabled in a Hugo project in a number of ways.
<!--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).
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.
***
---
**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 >}}
.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 >}}
{{< css.inline >}}
<style>
.emojify {
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>
{{< /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.
<!--more-->
## 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.
# H1
## H2
### H3
#### H4
##### H5
###### H6
## Paragraph
@ -47,7 +53,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution
> 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
@ -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.
Name | Age
--------|------
Bob | 27
Alice | 23
| Name | Age |
| ----- | --- |
| Bob | 27 |
| Alice | 23 |
#### Inline Markdown within tables
| Italics | Bold | Code |
| -------- | -------- | ------ |
| *italics* | **bold** | `code` |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
## Code Blocks
#### Code block with backticks
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
</head>
<body>
<p>Test</p>
</body>
</body>
</html>
```
@ -102,7 +108,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html>
#### Code block with Hugo's internal highlight shortcode
{{< highlight html >}}
<!doctype html>
<html lang="en">
<head>
@ -125,19 +133,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List
* List item
* Another item
* And another item
- List item
- Another item
- And another item
#### Nested list
* Fruit
* Apple
* Orange
* Banana
* Dairy
* Milk
* Cheese
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
## 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.
<!--more-->
## 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.
# H1
## H2
### H3
#### H4
##### H5
###### H6
## Paragraph
@ -47,7 +53,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution
> 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
@ -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.
Name | Age
--------|------
Bob | 27
Alice | 23
| Name | Age |
| ----- | --- |
| Bob | 27 |
| Alice | 23 |
#### Inline Markdown within tables
| Italics | Bold | Code |
| -------- | -------- | ------ |
| *italics* | **bold** | `code` |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
## Code Blocks
#### Code block with backticks
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
</head>
<body>
<p>Test</p>
</body>
</body>
</html>
```
@ -102,7 +108,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html>
#### Code block with Hugo's internal highlight shortcode
{{< highlight html >}}
<!doctype html>
<html lang="en">
<head>
@ -125,19 +133,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List
* List item
* Another item
* And another item
- List item
- Another item
- And another item
#### Nested list
* Fruit
* Apple
* Orange
* Banana
* Dairy
* Milk
* Cheese
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
## 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.
<!--more-->
## 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.
# H1
## H2
### H3
#### H4
##### H5
###### H6
## Paragraph
@ -47,7 +53,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution
> 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
@ -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.
Name | Age
--------|------
Bob | 27
Alice | 23
| Name | Age |
| ----- | --- |
| Bob | 27 |
| Alice | 23 |
#### Inline Markdown within tables
| Italics | Bold | Code |
| -------- | -------- | ------ |
| *italics* | **bold** | `code` |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
## Code Blocks
#### Code block with backticks
```html
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
</head>
<body>
<p>Test</p>
</body>
</body>
</html>
```
@ -102,7 +108,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html>
#### Code block with Hugo's internal highlight shortcode
{{< highlight html >}}
<!doctype html>
<html lang="en">
<head>
@ -125,19 +133,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List
* List item
* Another item
* And another item
- List item
- Another item
- And another item
#### Nested list
* Fruit
* Apple
* Orange
* Banana
* Dairy
* Milk
* Cheese
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
## Other Elements — abbr, sub, sup, kbd, mark

View File

@ -7,6 +7,7 @@ math: true
---
Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
<!--more-->
In this example we will be using [KaTeX](https://katex.org/)
@ -28,6 +29,7 @@ In this example we will be using [KaTeX](https://katex.org/)
{{< math.inline >}}
{{ if or .Page.Params.math .Site.Params.math }}
<!-- 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">
<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
{{< math.inline >}}
<p>
Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
</p>
{{</ math.inline >}}
Block math:
$$
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
$$

View File

@ -3,14 +3,16 @@ title: "Papermod - Features"
date: 2020-09-16T11:30:03+05:30
showToc: true
weight: 2
aliases: ['/papermod-features']
tags: ['PaperMod']
aliases: ["/papermod-features"]
tags: ["PaperMod"]
author: "Aditya Telange"
tocopen: true
---
### Assets (js/css)
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
- [fingerprint/intergity](https://gohugo.io/hugo-pipes/fingerprint/) check.
@ -25,6 +27,7 @@ params:
# defaultTheme: dark
defaultTheme: auto # to switch between dark or light according to browser theme
```
</details>
---
@ -36,7 +39,7 @@ Shows icon besides title of page to change theme
To disable it :
```yml
disableThemeToggle : true
disableThemeToggle: true
```
---
@ -52,6 +55,7 @@ layout: "archives" # is necessary
url: "/archive"
summary: "archive"
---
```
**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
add following to config file
```yml
params:
homeInfoParams:
@ -126,16 +131,17 @@ In post's page-variables add :
```yml
cover:
image: '<image path/url>'
image: "<image path/url>"
# can also paste direct link from external site
# ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png
alt: '<alt text>'
caption: '<text>'
alt: "<alt 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.
To reduce generation time and size of the site, you can disable this feature using
```yml
params:
cover:
@ -143,6 +149,7 @@ params:
```
To enable hyperlinks to the full image size on post pages, use
```yml
params:
cover:
@ -156,6 +163,7 @@ params:
Displays Share Buttons at Bottom of each post
to show share buttons add
```yml
params:
ShowShareButtons: true
@ -168,6 +176,7 @@ params:
Displays Reading Time (the estimated time, in minutes, it takes to read the content.)
To show reading time add
```yml
Params:
ShowReadingTime: true
@ -180,11 +189,13 @@ Params:
Displays ToC on blog-pages
To show ToC add following to page-variables
```yml
ShowToc: true
```
To keep Toc Open **by default** on a post add following to page-variables:
```yml
TocOpen: true
```
@ -199,11 +210,11 @@ To Use multiple authors for a post, in post-variables:
---
author: ["Me", "You"]
---
```
To use Multiple Authors Site-wide, in `config.yml`:
```yml
params:
author: ["Me", "You"]

View File

@ -3,8 +3,8 @@ title: "Papermod - How To's Guide"
date: 2020-09-18T11:30:03+05:30
showtoc: true
tocOpen: true
aliases: ['/papermod-how-to-guide']
tags: ['PaperMod']
aliases: ["/papermod-how-to-guide"]
tags: ["PaperMod"]
author: "Aditya Telange"
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:
```shell
your-site/themes/papermod/layouts/_defaults/list.html
```
@ -72,10 +71,11 @@ layout: "archives"
url: "/archives/"
summary: archives
---
```
---
## 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
tocopen: true
weight: 3
aliases: ['/papermod-icons']
tags: ['PaperMod']
aliases: ["/papermod-icons"]
tags: ["PaperMod"]
author: "Aditya Telange"
---
## Social Icons
Usage :
```

View File

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

View File

@ -3,17 +3,19 @@ title: "Papermod - Variables"
date: 2020-09-24T11:33:33+05:30
showToc: true
TocOpen: true
tags: ['PaperMod']
tags: ["PaperMod"]
author: "Aditya Telange"
draft: true
---
## 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 |
@ -23,7 +25,7 @@ Below are variables used with this theme...
### Page Variables
| name | type | example |
| - | - | - |
| ------------- | ------- | ---------------- |
| showtoc | boolean | true \| false |
| tocopen | boolean | true \| false |
| hidemeta | boolean | true \| false |

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.
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 >}}
<style>
.canon { background: white; width: 100%; height: auto; }
</style>
{{< /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.
<!--more-->
---
## <!--more-->
## Instagram Simple Shortcode
<br>
---