reorg exampleSite

This commit is contained in:
Reorx 2022-04-14 16:28:44 +08:00
parent 33577df236
commit c022f0f8b6
20 changed files with 161 additions and 168 deletions

View File

@ -0,0 +1,6 @@
---
title: PaperModX Docs
summary: Contains documentations of PaperModX
description: Contains documentations of PaperModX
paginate: 10
---

View File

@ -1,9 +1,10 @@
--- ---
author: "Hugo Authors"
title: "Emoji Support" title: "Emoji Support"
date: "2019-03-05" date: "2019-03-05"
description: "Guide to emoji usage in Hugo" description: "Guide to emoji usage in Hugo"
tags: ["emoji"] author: "Hugo Authors"
tags:
- example
ShowToc: false ShowToc: false
ShowBreadCrumbs: false ShowBreadCrumbs: false
--- ---

View File

@ -2,12 +2,9 @@
title: "FAQs" title: "FAQs"
summary: Frequently Asked Questions summary: Frequently Asked Questions
date: 2021-01-20 date: 2021-01-20
aliases: ["/papermod-how-to-guide"]
tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true draft: true
aliases: [/posts/papermod/papermod-how-to] weight: 4
weight: 3
--- ---
## Intro ## Intro

View File

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 90 KiB

View File

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

View File

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 95 KiB

View File

@ -1,13 +1,13 @@
--- ---
title: "Features" title: "PaperMod Features"
summary: Learn About All Features in PaperMod summary: Learn About All Features in original PaperMod
date: 2021-01-20 date: 2021-01-20
weight: 2 weight: 3
aliases: ["/papermod-features"]
tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
--- ---
> source: https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/
### Intro ### Intro
- **We'll be using `yml/yaml` format for all examples down below, I recommend using `yml` over `toml` as it is easier to read.** - **We'll be using `yml/yaml` format for all examples down below, I recommend using `yml` over `toml` as it is easier to read.**
@ -74,7 +74,7 @@ Create a page with `archive.md` in `content` directory with following content
│ └── posts/ │ └── posts/
├── static/ ├── static/
└── themes/ └── themes/
└── PaperMod/ └── PaperModX/
``` ```
and add the following to it and add the following to it
@ -91,8 +91,6 @@ summary: archives
**Note:** Archives Layout does not support Multilingual Month Translations. **Note:** Archives Layout does not support Multilingual Month Translations.
ex: [archives.md](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md)
--- ---
### Regular Mode (default-mode) ### Regular Mode (default-mode)
@ -122,13 +120,11 @@ params:
url: "<link2>" url: "<link2>"
``` ```
ex. [config.yml#L106](https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.yml#L106)
--- ---
### Profile Mode ### Profile Mode
![profile](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/posts/papermod/papermod-features/images/profile.jpg) ![profile](images/profile.jpg)
Shows Index/Home page as Full Page with Social Links and Image Shows Index/Home page as Full Page with Social Links and Image
@ -161,7 +157,7 @@ params:
### Search Page ### Search Page
PaperMod uses [Fuse.js Basic](https://fusejs.io/getting-started/different-builds.html#explanation-of-different-builds) for seach functionality PaperModX uses [Fuse.js Basic](https://fusejs.io/getting-started/different-builds.html#explanation-of-different-builds) for seach functionality
Add the following to site config, `config.yml` Add the following to site config, `config.yml`
@ -193,8 +189,6 @@ To hide a particular page from being searched, add it in post's fron't matter
searchHidden: true searchHidden: true
``` ```
ex: [search.md](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/search.md)
> Search Page also has Key bindings: > Search Page also has Key bindings:
> >
> - Arrow keys to move up/down the list > - Arrow keys to move up/down the list

View File

@ -0,0 +1,42 @@
---
title: "Icons"
summary: Explain how to use icons in PaperModX
date: 2021-01-20
weight: 4
tags:
- icons
---
## Social Icons
Go to [Icons Preview](icons_preview) to see a complete list of icons
Usage :
```
socialIcons:
- name: "kofi"
url: "https://kofi.com"
- name: "twitter"
url: "https://twitter.com"
```
---
## Share Icons
| No. | Platform |
| --- | --------------------------------------------------------------- |
| 1 | `twitter` (also generates hash tags from tags linked with post) |
| 2 | `linkedin` |
| 3 | `reddit` |
| 4 | `facebook` |
| 5 | `whatsapp` |
| 6 | `telegram` |
Usage:
```yml
params:
ShowShareButtons: true
```

View File

@ -0,0 +1,9 @@
---
title: "Icons Preview"
date: 2022-04-13
summary: "Index of all icons in PaperModeX"
layout: icons
weight: 2
tags:
- example
---

View File

@ -2,10 +2,7 @@
title: "Installation | Update" title: "Installation | Update"
summary: Read Install and Update instructions here summary: Read Install and Update instructions here
date: 2021-01-20 date: 2021-01-20
series: ["PaperMod"] weight: 3
weight: 1
aliases: ["/papermod-installation"]
tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
TocSide: left TocSide: left
--- ---
@ -34,7 +31,7 @@ After you have created a new site, at [Step 3](https://gohugo.io/getting-started
Inside the folder of your Hugo site, run: Inside the folder of your Hugo site, run:
```bash ```bash
git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 git clone https://github.com/reorx/hugo-PaperModX themes/PaperModX --depth=1
``` ```
**Note**: You may use ` --branch v5.0` to end of above command if you want to stick to specific release. **Note**: You may use ` --branch v5.0` to end of above command if you want to stick to specific release.
@ -42,7 +39,7 @@ git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth
> Updating theme : > Updating theme :
> >
> ```bash > ```bash
> cd themes/PaperMod > cd themes/PaperModX
> git pull > git pull
> ``` > ```
@ -51,7 +48,7 @@ git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth
You can use as [submodule](https://www.atlassian.com/git/tutorials/git-submodule) with You can use as [submodule](https://www.atlassian.com/git/tutorials/git-submodule) with
```bash ```bash
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth=1 git submodule add https://github.com/reorx/hugo-PaperModX.git themes/PaperModX --depth=1
git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically)
``` ```
@ -69,36 +66,36 @@ Or you can Download as Zip from Github Page and extract in your themes directory
Direct Links: Direct Links:
- [Master Branch (Latest)](https://github.com/adityatelange/hugo-PaperMod/archive/master.zip) - [Master Branch (Latest)](https://github.com/reorx/hugo-PaperModX/archive/master.zip)
- [v5.0](https://github.com/adityatelange/hugo-PaperMod/archive/v5.0.zip) - [v5.0](https://github.com/reorx/hugo-PaperModX/archive/v5.0.zip)
- [v4.0](https://github.com/adityatelange/hugo-PaperMod/archive/v4.0.zip) - [v4.0](https://github.com/reorx/hugo-PaperModX/archive/v4.0.zip)
- [v3.0](https://github.com/adityatelange/hugo-PaperMod/archive/v3.0.zip) - [v3.0](https://github.com/reorx/hugo-PaperModX/archive/v3.0.zip)
- [v2.0](https://github.com/adityatelange/hugo-PaperMod/archive/v2.0.zip) - [v2.0](https://github.com/reorx/hugo-PaperModX/archive/v2.0.zip)
- [v1.0](https://github.com/adityatelange/hugo-PaperMod/archive/v1.0.zip) - [v1.0](https://github.com/reorx/hugo-PaperModX/archive/v1.0.zip)
### Finally ... ### Finally ...
Add in `config.yml`: Add in `config.yml`:
```yml ```yml
theme: "PaperMod" theme: "PaperModX"
``` ```
### Method 4 ### Method 4
- Install [Go programming language](https://go.dev/doc/install) in your operating system. - Install [Go programming language](https://go.dev/doc/install) in your operating system.
- Intialize your own hugo mod - Intialize your own hugo mod
``` ```
hugo mod init YOUR_OWN_GIT_REPOSITORY hugo mod init YOUR_OWN_GIT_REPOSITORY
``` ```
- Add PaperMod in your `config.yml` file - Add PaperModX in your `config.yml` file
``` ```
module: module:
imports: imports:
- path: github.com/adityatelange/hugo-PaperMod - path: github.com/reorx/hugo-PaperModX
``` ```
- Update theme - Update theme
@ -118,13 +115,13 @@ hugo mod get -u
- ### [Papermod - Icons](../papermod-icons) - ### [Papermod - Icons](../papermod-icons)
- ### [ChangeLog](https://github.com/adityatelange/hugo-PaperMod/releases) - ### [ChangeLog](https://github.com/reorx/hugo-PaperModX/releases)
--- ---
## Sample `config.yml` ## Sample `config.yml`
> **Example Site Structure is present here**: [exampleSite](https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/) > **Example Site Structure is present here**: [exampleSite](https://github.com/reorx/hugo-PaperModX/tree/exampleSite/)
**Use appropriately** **Use appropriately**
@ -132,7 +129,7 @@ hugo mod get -u
baseURL: "https://examplesite.com/" baseURL: "https://examplesite.com/"
title: ExampleSite title: ExampleSite
paginate: 5 paginate: 5
theme: PaperMod theme: PaperModX
enableRobotsTXT: true enableRobotsTXT: true
buildDrafts: false buildDrafts: false
@ -150,7 +147,7 @@ params:
env: production # to enable google analytics, opengraph, twitter-cards and schema. env: production # to enable google analytics, opengraph, twitter-cards and schema.
title: ExampleSite title: ExampleSite
description: "ExampleSite description" description: "ExampleSite description"
keywords: [Blog, Portfolio, PaperMod] keywords: [Blog, Portfolio, PaperModX]
author: Me author: Me
# author: ["Me", "You"] # multiple authors # author: ["Me", "You"] # multiple authors
images: ["<link or path of image for opengraph, twitter-cards>"] images: ["<link or path of image for opengraph, twitter-cards>"]
@ -255,7 +252,7 @@ menu:
name: example.org name: example.org
url: https://example.org url: https://example.org
weight: 30 weight: 30
# Read: https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#using-hugos-syntax-highlighter-chroma # Read: https://github.com/reorx/hugo-PaperModX/wiki/FAQs#using-hugos-syntax-highlighter-chroma
# pygmentsUseClasses: true # pygmentsUseClasses: true
# markup: # markup:
# highlight: # highlight:

View File

@ -1,8 +1,12 @@
--- ---
author: Hugo Authors
title: Math Typesetting title: Math Typesetting
date: 2019-03-08 date: 2019-03-08
author: Hugo Authors
description: A brief guide to setup KaTeX description: A brief guide to setup KaTeX
tags:
- math
- syntax
- example
math: true math: true
ShowBreadCrumbs: false ShowBreadCrumbs: false
--- ---

View File

@ -6,7 +6,7 @@ weight: 1
This page explains the new features and changes of PaperModX This page explains the new features and changes of PaperModX
comparing to it's origin PaperMod. comparing to the original PaperMod.
## Table of Contents (ToC) floating on the side ## Table of Contents (ToC) floating on the side
@ -19,11 +19,11 @@ params:
``` ```
ToC will float on the left/right side of the page. ToC will float on the left/right side of the page.
You can take a look at how `'right'` feels like in [Installation | Update](../papermod/papermod-installation). You can take a look at how `'right'` feels like in [Installation | Update](https://reorx.github.io/hugo-PaperModX/docs/installation/).
The ToC box is responsive, it only shows on the side when minimum screen size is 1440px. The ToC box is responsive, it only shows on the side when minimum screen size is 1440px.
this feature is enabled on this site. This feature is enabled on this site.
## InstantClick integration ## InstantClick integration
@ -50,6 +50,54 @@ so it has to give way to InstantCllick.
This feature is enabled on this site. This feature is enabled on this site.
## Give links an accent color.
Though PaperModX is designed to be minimal, accent color is still essential.
It's a good way to show personality and make your site feels more delightful.
The default color is a purple vibe,
you can customize the colors of link, link underline and their hover variants
by override the following css variables in `assets/css/extended/custom.css` of your site.
```css
:root {
--link-color: var(--primary);
--link-hover-color: #573eaa;
--link-underline-shadow: 0 1px 0 var(--link-color);
--link-hover-underline-color: #573eaa;
--link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color);
}
```
## Customize pagniator size
In section pages, if you want the paginator size be different from the
[global config](https://gohugo.io/templates/pagination/#configure-pagination),
you can add `paginate` in the frontmatter to customize.
```yaml
---
paginate: 10
---
```
## Menus external link
You can add `external: true` to a menu item's params to mark it as an external link,
this will add a small icon to the end, and make the link open in new tab when clicked.
```yaml
menu:
main:
- name: "@Author"
url: "https://reorx.com"
params:
external: true
```
## Social icons from Simple Icons ## Social icons from Simple Icons
Add social icons with `-simple` suffix from [Simple Icons](https://simpleicons.org/). Add social icons with `-simple` suffix from [Simple Icons](https://simpleicons.org/).
@ -63,7 +111,8 @@ Available icons:
The icons are moved from `layouts/partials/svg.html` to `data/svg.toml`, The icons are moved from `layouts/partials/svg.html` to `data/svg.toml`,
makes it easier to maintain, it's now possible to have an index page makes it easier to maintain, it's now possible to have an index page
to show all the icons, check it out at: [Icons Preview](../../icons) to show all the icons, check it out at: [Icons Preview](https://reorx.github.io/hugo-PaperModX/docs/icons_preview/)
## Opinionated UI enhancements ## Opinionated UI enhancements

View File

@ -1,8 +1,7 @@
--- ---
title: "Variables | Front Matter" title: "Variables | Front Matter"
summary: List of Front Matter variables used by PaperMod summary: List of Front Matter variables used by PaperModX
date: 2021-01-20 date: 2021-01-20
tags: ["PaperMod"]
author: "Aditya Telange" author: "Aditya Telange"
draft: true draft: true
weight: 5 weight: 5

View File

@ -1,4 +0,0 @@
---
title: "Icons Preview"
layout: icons
---

View File

@ -3,10 +3,10 @@ author: "Hugo Authors"
title: "Markdown Syntax Guide" title: "Markdown Syntax Guide"
date: "2019-03-11" date: "2019-03-11"
description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements." description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
tags: ["markdown", "css", "html", "themes"] tags:
categories: ["themes", "syntax"] - markdown
series: ["Themes Guide"] - syntax
aliases: ["migrate-from-jekyl"] - example
ShowToc: true ShowToc: true
TocOpen: true TocOpen: true
--- ---

View File

@ -3,9 +3,10 @@ author: "markdown.xyz"
title: "Markdown 入门指南" title: "Markdown 入门指南"
date: "2022-04-12" date: "2022-04-12"
description: "Markdown 概述、工作原理以及用途。" description: "Markdown 概述、工作原理以及用途。"
tags: ["markdown", "css", "html", "themes"] tags:
categories: ["themes", "syntax"] - markdown
series: ["Themes Guide"] - syntax
- example
ShowToc: true ShowToc: true
TocOpen: true TocOpen: true
--- ---

View File

@ -1,5 +0,0 @@
---
title: PaperMod
summary: Contains posts related to `PaperMod`
description: Contains posts related to PaperMod
---

View File

@ -1,101 +0,0 @@
---
title: "Icons"
summary: List of all Icons supported by PaperMod
date: 2021-01-20
weight: 4
aliases: ["/papermod-icons"]
tags: ["PaperMod"]
author: "Aditya Telange"
draft: true
---
## Social Icons
| No. | Name | Platform Link |
| --- | --------------- | ------------------------------- |
| 1 | `123rf` | 123rf.com |
| 2 | `adobestock` | stock.adobe.com |
| 3 | `behance` | behance.net |
| 4 | `buymeacoffee` | buymeacoffee.com |
| 5 | `codepen` | codepen.io |
| 6 | `cryptohack` | cryptohack.org |
| 7 | `ctftime` | ctftime.org |
| 8 | `dev` | dev.to |
| 9 | `discogs` | discogs.com |
| 10 | `discord` | discord.com |
| 11 | `dreamstime` | dreamstime.com |
| 12 | `dribbble` | dribbble.com |
| 13 | `email` | - |
| 14 | `facebook` | facebook.com |
| 15 | `flickr` | flickr.com |
| 16 | `freepik` | freepik.com |
| 17 | `gitea` | gitea.io |
| 18 | `github` | github.com |
| 19 | `gitlab` | gitlab.com |
| 20 | `goodreads` | goodreads.com |
| 21 | `hackerone` | hackerone.com |
| 22 | `hackerrank` | hackerrank.com |
| 23 | `hackthebox` | hackthebox.eu |
| 24 | `instagram` | instagram.com |
| 25 | `itchio` | itch.io |
| 26 | `kakaotalk` | kakaocorp.com/service/KakaoTalk |
| 27 | `keybase` | keybase.io |
| 28 | `kofi` | ko-fi.com |
| 29 | `lastfm` | last.fm |
| 30 | `liberapay` | liberapay.com |
| 31 | `linkedin` | linkedin.com |
| 32 | `mastodon` | mastodon.social |
| 33 | `matrix` | matrix.org |
| 34 | `medium` | medium.com |
| 35 | `mixcloud` | mixcloud.com |
| 36 | `nuget` | nuget.org |
| 37 | `paypal` | paypal.com |
| 38 | `qq` | qq.com |
| 39 | `reddit` | reddit.com |
| 40 | `rss` | - |
| 41 | `serverfault` | serverfault.com |
| 42 | `soundcloud` | soundcloud.com |
| 43 | `shutterstock` | shutterstock.com |
| 44 | `slack` | slack.com |
| 45 | `snapchat` | snapchat.com/add |
| 46 | `sourcerer` | sourcerer.io |
| 47 | `spotify` | spotify.com |
| 48 | `stackoverflow` | stackoverflow.com |
| 49 | `steam` | steampowered.com |
| 50 | `telegram` | telegram.org |
| 51 | `twitch` | twitch.tv |
| 52 | `twitter` | twitter.com |
| 53 | `unsplash` | unsplash.com |
| 54 | `xda` | xda-developers.com |
| 55 | `youtube` | youtube.com |
| 56 | `other` | - |
Usage :
```
socialIcons:
- name: "kofi"
url: "https://kofi.com"
- name: "twitter"
url: "https://twitter.com"
```
---
## Share Icons
| No. | Platform |
| --- | --------------------------------------------------------------- |
| 1 | `twitter` (also generates hash tags from tags linked with post) |
| 2 | `linkedin` |
| 3 | `reddit` |
| 4 | `facebook` |
| 5 | `whatsapp` |
| 6 | `telegram` |
Usage:
```yml
params:
ShowShareButtons: true
```

View File

@ -3,7 +3,8 @@ author: "Hugo Authors"
title: "Placeholder Text" title: "Placeholder Text"
date: "2019-03-09" date: "2019-03-09"
description: "Lorem Ipsum Dolor Si Amet" description: "Lorem Ipsum Dolor Si Amet"
tags: ["markdown", "text"] tags:
- example
hideMeta: true hideMeta: true
searchHidden: true searchHidden: true
ShowBreadCrumbs: false ShowBreadCrumbs: false

View File

@ -3,7 +3,10 @@ author: "Hugo Authors"
title: "Rich Content" title: "Rich Content"
date: "2019-03-10" date: "2019-03-10"
description: "A brief description of Hugo Shortcodes" description: "A brief description of Hugo Shortcodes"
tags: ["shortcodes", "privacy"] tags:
- shortcodes
- privacy
- example
ShowToc: true ShowToc: true
--- ---