update readme for recent new features
This commit is contained in:
parent
dbbf9f81a1
commit
a9a3b3b421
49
README.md
49
README.md
|
@ -49,6 +49,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 the hover variants of them
|
||||||
|
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/).
|
||||||
|
@ -60,6 +108,7 @@ Available icons:
|
||||||
- twitter-simple
|
- twitter-simple
|
||||||
- pinboard-simple
|
- pinboard-simple
|
||||||
|
|
||||||
|
|
||||||
## Opinionated UI enhancements
|
## Opinionated UI enhancements
|
||||||
|
|
||||||
- Distinguish home page width and post page width, post page is wider
|
- Distinguish home page width and post page width, post page is wider
|
||||||
|
|
Loading…
Reference in New Issue