add papermod posts

This commit is contained in:
Aditya Telange 2020-09-17 14:28:09 +05:30
parent 01976e2cdd
commit daad892b40
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
3 changed files with 304 additions and 0 deletions

View File

@ -0,0 +1,173 @@
---
title: "Papermod - Features"
date: 2020-09-16T11:30:03+05:30
showToc: true
hidemeta: true
TocOpen: true
weight: 2
aliases: ['/papermod-features']
tags: ['PaperMod']
author: "Aditya Telange"
---
## 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
```yml
params:
defaultTheme: light
```
or
```yml
params:
defaultTheme: dark
```
---
## Archives Layout
Add vars below to page-variables
```yml
layout: "archives"
```
ex: [here](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md)
![](https://i.ibb.co/cNWc7GZ/paper-mod-archives.png)
---
## 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](https://gohugo.io/getting-started/usage/#draft-future-and-expired-content) Page indication
adds `[draft]` mark to indicate draft pages.
---
## Scroll-to-Top Button
Displays a Scroll-to-Top button in right-bottom corner
---
## Share Buttons on post
Displays Share Buttons at Bottom of each post
to show share buttons add
```yml
params:
ShowShareButtons: true
```
![](https://i.ibb.co/sPN8bgd/paper-mod-share-butons.png)
---
## 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 on blog post
Displays ToC on blog-pages
To show ToC add following to page-variables
```yml
ShowToc: 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
```
more : read [this](https://gohugo.io/content-management/comments/)
---
### Scroll-Bar themed
---
### Smooth Scroll between in-page links

View File

@ -0,0 +1,78 @@
---
title: "Papermod - Icons"
date: 2020-09-17T11:30:03+05:30
showToc: true
TocOpen: true
hidemeta: true
weight: 3
aliases: ['/papermod-icons']
tags: ['PaperMod']
author: "Aditya Telange"
---
Usage :
```
socialIcons: # optional
- name: "<NAME>"
url: "<link>"
- name: "<NAME>"
url: "<link2>"
```
| No. | name | platform link |
| --- | ------------- | ----------------- |
| 1 | 123rf | 123rf.com |
| 2 | adobestock | stock.adobe.com |
| 3 | behance | behance.net |
| 4 | codepen | codepen.io |
| 5 | cryptohack | cryptohack.org |
| 6 | dev | dev.to |
| 7 | discogs | discogs.com |
| 8 | dreamstime | dreamstime.com |
| 9 | dribbble | dribbble.com |
| 10 | email | - |
| 11 | facebook | facebook.com |
| 12 | freepik | freepik.com |
| 13 | github | github.com |
| 14 | gitlab | gitlab.com |
| 15 | hackerrank | hackerrank.com |
| 16 | hackthebox | hackthebox.eu |
| 17 | instagram | instagram.com |
| 18 | lastfm | last.fm |
| 19 | linkedin | linkedin.com |
| 20 | mixcloud | mixcloud.com |
| 21 | paypal | paypal.com |
| 22 | qq | qq.com |
| 23 | soundcloud | soundcloud.com |
| 24 | shutterstock | shutterstock.com |
| 25 | slack | slack.com |
| 26 | sourcerer | sourcerer.io |
| 27 | stackoverflow | stackoverflow.com |
| 28 | steam | steampowered.com |
| 29 | telegram | telegram.org |
| 30 | twitch | twitch.tv |
| 31 | twitter | twitter.com |
| 32 | youtube | youtube.com |
| | other | - |
---
# Share Icons
| No. | Platform |
| --- | -------- |
| 1 | facebook |
| 2 | linkedin |
| 3 | reddit |
| 4 | telegram |
| 5 | twitter |
| 6 | whatsapp |
Usage:
```yml
params:
ShowShareButtons: true
```
![](https://i.ibb.co/sPN8bgd/paper-mod-share-butons.png)

View File

@ -0,0 +1,53 @@
---
title: "Papermod - Installation"
date: 2020-09-15T11:30:03+05:30
series: ["PaperMod"]
weight: 1
hidemeta: true
showToc: true
TocOpen: true
aliases: ['/papermod-installation']
tags: ['PaperMod']
author: "Aditya Telange"
---
Follow [this](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.57.1).
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:
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
> ```
> > Updating theme with submodule :
> > ```console
> > git submodule update --remote --merge
> > ```
> >
Then change in `config.toml`:
>
```yml
theme: "hugo-PaperMod"
```
Example Site Structure is present here: [exampleSite](https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/)
---
### [Papermod - Features](/papermod-features)
### [Papermod - How to Guide](/papermod-how-to-guide)
### [Papermod - Icons](/papermod-icons)