Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add paige/code.html shortcode

Browse Source
This commit is contained in:
Will Faught
2022-12-31 22:29:20 -08:00
parent 016a9f3e57
commit 85a7435d00
2 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
README.md
View File

@@ -472,6 +472,8 @@ title: Search
## Shortcodes
### Images
The `paige/figure` shortcode provides a figure with a centered image and an optional centered caption.
The image and caption can optionally be displayed inline instead of centered.
The image has optional alt, title, width, and height attributes,
@@ -498,6 +500,23 @@ These are the rest of the named parameters:
width=500 >}}
```
### Code
The `paige/code` shortcode provides a figure with centered, highlighted code and an optional caption.
These are the names and positions of the parameters:
```
{{< paige/code lang="go" caption="My caption" options="linenos=true" >}}
<!doctype html>
<html lang="en">
<body>
<p>Test</p>
</body>
</html>
{{< /paige/code >}}
```
## Customization
If `partials/paige/head-last.html` exists in the site, it is included at the end of the head tag.

6
layouts/shortcodes/paige/code.html Normal file
View File

@@ -0,0 +1,6 @@
<figure class="align-items-center d-flex flex-column">
{{ highlight .Inner (.Get 0 | default (.Get "lang")) (.Get 2 | default (.Get "options")) }}
{{ with (.Get 1 | default (.Get "caption")) }}
<figcaption class="figure-caption">{{ . }}</figcaption>
{{ end }}
</figure>