You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.4 KiB
Markdown
55 lines
1.4 KiB
Markdown
4 years ago
|
# Image Syntax
|
||
|
|
||
|
Simple Syntax
|
||
|
`!(url)`
|
||
|
|
||
|
|
||
|
Extended syntax with a description
|
||
|
`![description](url)`
|
||
|
|
||
|
|
||
|
Extended syntax with metadata to specify the size
|
||
|
`![description](url)[metadata]?`
|
||
|
|
||
|
|
||
|
Extended syntax with metadata and no description
|
||
|
`!(url)[metadata]`
|
||
|
|
||
|
|
||
|
When generating the html file the images are base64 embedded. To turn off this behaviour
|
||
|
set the config parameter `embed-external` to `false`.
|
||
|
|
||
|
|
||
|
## Manipulation
|
||
|
|
||
|
With the provided metadata images can be manipulated:
|
||
|
|
||
|
|
||
|
![Original](img/snek.png)[width=20%]
|
||
|
|| `![Original](img/snek.png)[width=20%]`
|
||
|
|
||
|
|
||
|
![Grayscale](img/snek.png)[width=20% grayscale]
|
||
|
|| `![Grayscale](img/snek.png)[width=20% grayscale]`
|
||
|
|
||
|
![Invert](img/snek.png)[width=20% invert]
|
||
|
|| `![Grayscale](img/snek.png)[width=20% invert]`
|
||
|
|
||
|
|
||
|
![Hue Shift](img/snek.png)[width=20% huerotate=90]
|
||
|
|| `![Hue Shift](img/snek.png)[width=20% huerotate=90]`
|
||
|
|
||
|
|
||
|
![Adjust Brightness](img/snek.png)[width=20% brightness=100]
|
||
|
|| `![Adjust Brightness](img/snek.png)[width=20% brightness=100]`
|
||
|
|
||
|
|
||
|
![Adjust Contrast](img/snek.png)[width=20% contrast=50]
|
||
|
|| `![Adjust Contrast](img/snek.png)[width=20% contrast=50]`
|
||
|
|
||
|
|
||
|
The image manipulations can also be combined. The order of execution can not be changed.
|
||
|
|
||
|
|
||
|
![Cursed](img/snek.png)[width=20% grayscale invert huerotate=90 brightness=100 contrast=50]
|
||
|
|| `![Cursed](img/snek.png)[width=20% grayscale invert huerotate=90 brightness=100 contrast=50]`
|