revamp 🌟

[WIP] prepare for 4.0 release
This commit is contained in:
Aditya Telange 2021-01-13 20:32:37 +05:30
parent 862b47dc54
commit 13213fdb3a
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
7 changed files with 205 additions and 83 deletions

View File

@ -1,9 +1,13 @@
baseURL: "https://adityatelange.github.io/hugo-PaperMod/" baseURL: "https://adityatelange.github.io/hugo-PaperMod/"
title: PaperMod title: PaperMod
paginate: 8 paginate: 5
theme: hugo-PaperMod theme: hugo-PaperMod
enableInlineShortcodes: true enableInlineShortcodes: true
enableRobotsTXT: true enableRobotsTXT: true
buildDrafts: false
buildFuture: false
buildExpired: false
# googleAnalytics: UA-123-45 # googleAnalytics: UA-123-45
@ -26,9 +30,12 @@ languages:
- name: Tags - name: Tags
url: tags/ url: tags/
weight: 10 weight: 10
- name: Categories
url: categories/
weight: 10
fr: fr:
languageName: "Lang2" languageName: ":fr:"
weight: 2 weight: 2
title: PaperModL2 title: PaperModL2
profileMode: profileMode:
@ -66,7 +73,6 @@ languages:
url: "#" url: "#"
fa: fa:
languageName: "Langrtl"
languagedirection: rtl languagedirection: rtl
weight: 3 weight: 3
title: PaperMod RTL title: PaperMod RTL
@ -86,17 +92,19 @@ outputs:
- JSON - JSON
params: params:
env: production env: production # to enable google analytics, opengraph, twitter-cards and schema.
description: "Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod" description: "Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod"
author: Theme PaperMod author: Theme PaperMod
# author: ["Me", "You"] # multiple authors # author: ["Me", "You"] # multiple authors
ShowReadingTime: true
defaultTheme: auto defaultTheme: auto
# disableThemeToggle: true
ShowShareButtons: true ShowShareButtons: true
ShowReadingTime: true
# disableSpecial1stPost: true
displayFullLangName: true displayFullLangName: true
# images: "" # comments: false
# assets: # images: ["<link or path of image for opengraph, twitter-cards>"]
# favicon: '<path / external url>'
profileMode: profileMode:
enabled: false enabled: false
@ -112,23 +120,53 @@ params:
url: tags url: tags
homeInfoParams: homeInfoParams:
Title: "Hi there \U0001F44B" Title: "PaperMod v3.0"
Content: > Content: >
Welcome to demo of hugo's theme PaperMod. Welcome to demo of hugo's theme PaperMod.
- **PaperMod** is a simple but fast and responsive theme with useful feature-set that enhances UX. - **PaperMod** is a simple but fast and responsive theme with useful feature-set that enhances UX.
- Do give a 🌟 on Github !
- PaperMod is based on theme [Paper](https://github.com/nanxiaobei/hugo-paper).
socialIcons: socialIcons:
- name: twitter
url: "#"
- name: stackoverflow
url: "#"
- name: codepen
url: "#"
- name: linkedin
url: "#"
- name: github - name: github
url: "https://github.com/adityatelange/hugo-PaperMod" url: "https://github.com/adityatelange/hugo-PaperMod"
- name: KoFi
url: "https://ko-fi.com/adityatelange"
- name: RsS
url: "index.xml"
# label:
# text: "Home"
# icon: icon.png
# iconHeight: 35
# analytics:
# google:
# SiteVerificationTag: "XYZabc"
# assets:
# favicon: "<link / abs url>"
# favicon16x16: "<link / abs url>"
# favicon32x32: "<link / abs url>"
# apple_touch_icon: "<link / abs url>"
# safari_pinned_tab: "<link / abs url>"
# cover:
# hidden: true # hide everywhere but not in structured data
# hiddenInList: true # hide on list pages and home
# hiddenInSingle: true # hide on single page
# fuseOpts:
# isCaseSensitive: false
# shouldSort: true
# location: 0
# distance: 1000
# threshold: 0.4
# minMatchCharLength: 0
# keys: ["title", "permalink", "summary", "content"]
taxonomies: taxonomies:
category: categories category: categories

View File

@ -9,7 +9,6 @@ series: ["Themes Guide"]
aliases: ["migrate-from-jekyl"] aliases: ["migrate-from-jekyl"]
ShowToc: true ShowToc: true
TocOpen: true TocOpen: true
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.
@ -49,7 +48,8 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote with attribution #### Blockquote with attribution
> Don't communicate by sharing memory, share memory by communicating.<br> > Don't communicate by sharing memory, share memory by communicating.
>
> — <cite>Rob Pike[^1]</cite> > — <cite>Rob Pike[^1]</cite>
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.

View File

@ -1,6 +1,6 @@
--- ---
title: "Papermod - How To's Guide" title: "FAQs"
summary: FAQs summary: Frequently Asked Questions
date: 2020-09-18T11:30:03+05:30 date: 2020-09-18T11:30:03+05:30
showtoc: true showtoc: true
tocOpen: true tocOpen: true
@ -9,6 +9,7 @@ tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true draft: true
aliases: [/posts/papermod/papermod-how-to] aliases: [/posts/papermod/papermod-how-to]
weight: 3
--- ---
## Intro ## Intro
@ -106,7 +107,7 @@ summary: archives
## Bundling Custom css with theme's assets ## Bundling Custom css with theme's assets
- For adding custom css to be bundled inside one minimized css - For adding custom css to be bundled inside one minimized css
Create folder in yout project directory as Create folder in yout project directory as
@ -126,10 +127,10 @@ All `css` files inside `assets/css/extended` will be bundled !
**Note**: blank.css is just the placeholder so that it doesn't break the theme when no files are present under `assets/css/extended` **Note**: blank.css is just the placeholder so that it doesn't break the theme when no files are present under `assets/css/extended`
Linked Issues: Linked Issues:
- [Papermod Theme: How to add custom CSS?](https://discourse.gohugo.io/t/papermod-theme-how-to-add-custom-css/30165) - [Papermod Theme: How to add custom CSS?](https://discourse.gohugo.io/t/papermod-theme-how-to-add-custom-css/30165)
--- ---
## Custom Head / Footer ## Custom Head / Footer
@ -162,6 +163,7 @@ and contents of `extend_footer.html` will be added to bottom of page.
You can add menu entries which will appear in the header of every page. You can add menu entries which will appear in the header of every page.
To do so, add a `menu` section to your site's `config.yml`: To do so, add a `menu` section to your site's `config.yml`:
```yml ```yml
menu: menu:
main: main:
@ -178,8 +180,9 @@ menu:
url: https://example.org url: https://example.org
weight: 30 weight: 30
``` ```
`name` controls what will be displayed for the menu entry.
`url` sets the URL that the entry points to. `name` controls what will be displayed for the menu entry.
`url` sets the URL that the entry points to.
`weight` is used to control the positioning of entries. `weight` is used to control the positioning of entries.
For more information on menus, see the [Hugo wiki page](https://gohugo.io/content-management/menus/). For more information on menus, see the [Hugo wiki page](https://gohugo.io/content-management/menus/).
@ -258,6 +261,18 @@ and can be added accordingly.
--- ---
## Centering image in markdown
Add `#center` after image to center align an image
```md
![name](path/to/image.png#center)
```
Thanks to [@pacientes](https://github.com/pacientes) for this
---
## 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

@ -1,5 +1,5 @@
--- ---
title: "Papermod - Features" title: "Features"
summary: Get known about All Features in PaperMod summary: Get known about All Features in PaperMod
date: 2020-09-16T11:30:03+05:30 date: 2020-09-16T11:30:03+05:30
showToc: true showToc: true
@ -309,6 +309,36 @@ read more about this [here](https://gohugo.io/content-management/comments/)
--- ---
### AccessKeys
```text
c - ToC Open/Close
g - Go To Top
h - Home (according to current lang)
t - Theme toggle
/ - Jumps to search page if in menu
```
[What's AccessKeys ?](https://www.w3schools.com/tags/att_global_accesskey.asp)
---
### Enhanced SEO
**Enabled only when `env: prod`**
- [Rich Results/Snippets Support](https://support.google.com/webmasters/answer/7506797?hl=en)
- Twitter Cards Support
- Open-Graph support
---
### Multilingual Support
---
### Misc ### Misc
#### Scroll-Bar themed (by default) #### Scroll-Bar themed (by default)
@ -317,18 +347,12 @@ read more about this [here](https://gohugo.io/content-management/comments/)
#### Scroll-to-Top Button (by default) #### Scroll-to-Top Button (by default)
```text
Displays a Scroll-to-Top button in right-bottom corner Displays a Scroll-to-Top button in right-bottom corner
```
#### Google Analytics integration #### Google Analytics integration
#### Open-Graph support
#### Twitter Cards Support
#### Syntax highlighting #### Syntax highlighting
#### Twitter cards and opengraph tags support
#### RSS feeds #### RSS feeds
#### Multilingual Support

View File

@ -1,5 +1,5 @@
--- ---
title: "Papermod - Icons" title: "Icons"
summary: List of all Icons supported by PaperMod summary: List of all Icons supported by PaperMod
date: 2020-09-17T11:30:03+05:30 date: 2020-09-17T11:30:03+05:30
showtoc: true showtoc: true
@ -8,6 +8,7 @@ weight: 3
aliases: ["/papermod-icons"] aliases: ["/papermod-icons"]
tags: ["PaperMod"] tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true
--- ---
## Social Icons ## Social Icons

View File

@ -1,5 +1,5 @@
--- ---
title: "Papermod - Installation" title: "Installation | Update"
summary: Read Install and Update instructions here summary: Read Install and Update instructions here
date: 2020-09-15T11:30:03+05:30 date: 2020-09-15T11:30:03+05:30
series: ["PaperMod"] series: ["PaperMod"]
@ -13,48 +13,76 @@ TocOpen: true
## Guide ## Guide
Follow [this](https://gohugo.io/getting-started/quick-start/) guide to setup hugo and create a new site. Follow [Quick Start](https://gohugo.io/getting-started/quick-start/) guide to setup hugo and create a new site.
Make sure you install latest version of `hugo`(>=0.74.0). Make sure you install latest version of **`hugo(>=0.74.0)`**.
After you have created a new site, at [Step 3](https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme) follow the steps: After you have created a new site, at [Step 3](https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme) follow the steps:
### Method 1
Inside the folder of your Hugo site, run: Inside the folder of your Hugo site, run:
> ```console ```bash
> git clone https://github.com/adityatelange/hugo-PaperMod themes/hugo-PaperMod --depth=1 git clone https://github.com/adityatelange/hugo-PaperMod themes/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`:
```yml
theme: "hugo-PaperMod"
``` ```
Example Site Structure is present here: [exampleSite](https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/) **Note**: You may use ` --branch v3.0` to end of above command if you want to stick to specific release.
> Updating theme :
>
> ```bash
> cd themes/PaperMod
> git pull
> ```
### Method 2
you can use as [submodule](https://www.atlassian.com/git/tutorials/git-submodule) with
```bash
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth=1
git submodule update --init --recursive
```
**Note**: You may use ` --branch v3.0` to end of above command if you want to stick to specific release.
> Updating theme :
>
> ```bash
> git submodule update --remote --merge
> ```
### Method 3
Or you can Download as Zip from Github Page and extract in your themes directory
### Finally ...
Add in `config.yml`:
```yml
theme: "PaperMod"
```
--- ---
### Sample `config.yml` ## Quick Links
- ### [Papermod - Features](../papermod-features)
- ### [Papermod - How to Guide](../papermod-how-to)
- ### [Papermod - Icons](../papermod-icons)
- ### [ChangeLog](https://github.com/adityatelange/hugo-PaperMod/releases)
---
## Sample `config.yml`
> **Example Site Structure is present here**: [exampleSite](https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/)
**Use appropriately**
```yml ```yml
baseURL: "https://examplesite.com" baseURL: "https://examplesite.com"
@ -90,6 +118,8 @@ params:
disableSpecial1stPost: false disableSpecial1stPost: false
assets: assets:
# disableHLJS: true # to disable highlightjs
# disableFingerprinting: true
favicon: "<link / abs url>" favicon: "<link / abs url>"
favicon16x16: "<link / abs url>" favicon16x16: "<link / abs url>"
favicon32x32: "<link / abs url>" favicon32x32: "<link / abs url>"
@ -105,8 +135,10 @@ params:
profileMode: profileMode:
enabled: false # needs to be explicitly set enabled: false # needs to be explicitly set
title: ExampleSite title: ExampleSite
# imageUrl: '<img location>' imageUrl: "<img location>"
# imageTitle: my image imageWidth: 120
imageHeight: 120
imageTitle: my image
buttons: buttons:
- name: Posts - name: Posts
url: posts url: posts
@ -130,6 +162,21 @@ params:
google: google:
SiteVerificationTag: "XYZabc" SiteVerificationTag: "XYZabc"
cover:
hidden: true # hide everywhere but not in structured data
hiddenInList: true # hide on list pages and home
hiddenInSingle: true # hide on single page
# for search
# https://fusejs.io/api/options.html
fuseOpts:
isCaseSensitive: false
shouldSort: true
location: 0
distance: 1000
threshold: 0.4
minMatchCharLength: 0
keys: ["title", "permalink", "summary", "content"]
menu: menu:
main: main:
- identifier: categories - identifier: categories
@ -148,7 +195,7 @@ menu:
--- ---
### Sample `Page.md` ## Sample `Page.md`
```yml ```yml
--- ---
@ -165,19 +212,16 @@ draft: false
hidemeta: false hidemeta: false
disableShare: false disableShare: false
cover: cover:
image: "<image path/url>" image: "<image path/url>" # image path/url
alt: "<alt text>" alt: "<alt text>" # alt text
caption: "<text>" caption: "<text>" # display caption under cover
relative: false relative: false # when using page bundles set this to true
hidden: true # only hide on current single page
comments: false comments: false
description: "Desc Text."
disableHLJS: true # to disable highlightjs
--- ---
``` ```
--- ---
### [Papermod - Features](../papermod-features)
### [Papermod - How to Guide](../papermod-how-to)
### [Papermod - Icons](../papermod-icons)

View File

@ -1,5 +1,5 @@
--- ---
title: "Papermod - Variables" title: "Variables | Front Matter"
summary: List of Front Matter variables used by PaperMod summary: List of Front Matter variables used by PaperMod
date: 2020-09-24T11:33:33+05:30 date: 2020-09-24T11:33:33+05:30
showToc: true showToc: true