hugo-WonderMod/content/posts/papermod/papermod-features.md
Aditya Telange ccaca9896c
2.0 docs
2020-10-06 13:01:20 +05:30

212 lines
3.8 KiB
Markdown

---
title: "Papermod - Features"
date: 2020-09-16T11:30:03+05:30
showToc: true
weight: 2
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.
---
### Default Theme light/dark/auto
```yml
params:
# defaultTheme: light
# defaultTheme: dark
defaultTheme: auto # to switch between dark or light according to browser theme
```
</details>
---
### Theme Switch Toggle (enabled by default)
Shows icon besides title of page to change theme
To disable it :
```yml
disableThemeToggle : true
```
---
### Archives Layout
Create a page with `archive.md`
Add vars below to its page-variables
```yml
layout: "archives"
```
ex: [archives.md](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md)
---
### Home-Info Mode
Use 1st entry as some Information
add following to config file
```yml
params:
homeInfoParams:
Title: Hi there wave
Content: Can be Info, links, about...
socialIcons: # optional
- name: "<platform>"
url: "<link>"
- name: "<platform 2>"
url: "<link2>"
```
ex. [here](https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.toml#L14)
![](https://i.ibb.co/zsq6fLr/papermod-homeinfo.png)
---
### Profile Mode
Shows Index/Home page as Full Page with Social Links and Image
add following to config file
```yml
params:
profileMode:
enabled: true
title: "<Title>" # optional default will be site title
imageUrl: "<image link>" # optional
imageTitle: "<title of image as alt>" # optional
buttons:
- name: Archive
url: "/archive"
- name: Github
url: "https://github.com/"
socialIcons: # optional
- name: "<platform>"
url: "<link>"
- name: "<platform 2>"
url: "<link2>"
```
![](https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png)
---
### Draft Page indication
adds `[draft]` mark to indicate draft pages.
---
### Post Cover Image
In post's page-variables add :
```yml
cover:
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>'
```
---
### Share Buttons on post
Displays Share Buttons at Bottom of each post
to show share buttons add
```yml
params:
ShowShareButtons: true
```
---
### Show post reading time
Displays Reading Time (the estimated time, in minutes, it takes to read the content.)
To show reading time add
```yml
Params:
ShowReadingTime: true
```
---
### Show Table of Contents (Toc) on blog post
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
```
---
### Comments
to add comments, create a html file
`layouts/partials/comments.html`
and paste code provided by your comments provider
also in config add this
```yml
params:
comments: true
```
read more about this [here](https://gohugo.io/content-management/comments/)
---
### Misc
#### Scroll-Bar themed (by default)
#### Smooth Scroll between in-page links (by default)
#### Scroll-to-Top Button (by default)
Displays a Scroll-to-Top button in right-bottom corner
#### Google Analytics integration
#### Open-Graph support
#### Twitter Cards Support
#### Syntax highlighting
#### Twitter cards and opengraph tags support
#### RSS feeds
#### Multilingual Support