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 ## Shortcodes
### Images
The `paige/figure` shortcode provides a figure with a centered image and an optional centered caption. 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 and caption can optionally be displayed inline instead of centered.
The image has optional alt, title, width, and height attributes, The image has optional alt, title, width, and height attributes,
@@ -498,6 +500,23 @@ These are the rest of the named parameters:
width=500 >}} 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 ## Customization
If `partials/paige/head-last.html` exists in the site, it is included at the end of the head tag. 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>