Meta yaml dans la page

Syntaxe Plugin

Comme le markdown, c’est pas du HTML et que Pico n’est pas Wordpress et sa chié de Plugin, il faut gruger pas mal pour utiliser des plugins JS.
Et gruger encore plus si on passe par Ulysses pour rediger ses posts.

Magnific Popup

Pour faire apparaitre l’image en popup a partir de son URL.
Sur un markup de lien, utiliser la balise {.magnific-image} juste après les parenthèses de l’URL.
Avec Ulysse il faut utiliser la balise Contenu Brut pour echapper les {}

[Joli Logo, non ?](https://nyanyapunch.xyz/nyanyapunchlogo@1x.png "Logo"){.magnific-image}

Joli Logo, non ?

Caption JS

ajoute une legende à une image
Sur un markup image, ajouter la balise {.captionjs}apres les parenthèses de l’URL
La legende doit etre inscrite entre les []

![Joli Logo, non ?](https://nyanyapunch.xyz/nyanyapunchlogo@1x.png "Logo"){.caption}

Avec une balise de lien converti en balise image (markdown).
Joli Logo, non ?

Sans CaptionJs
Joli Logo, non ?</br>non.


Affiche un lien dans une Card
Utiliser la class correspondante à la taille voulue apres le markup Link.

Petite Preview

{.cardpreview-small}

[NyaNyaPunch](https://nyanyapunch.xyz){.cardpreview-small}

NyaNyaPunch

Default

{.cardpreview}

[NyaNyaPunch](https://nyanyapunch.xyz){.cardpreview}

NyaNyaPunch

Mes lien custom, juste un vieux snippet html de la lose pour pas avoir a foutre encore plus de jacascript. a terme, j'aimerais bien en faire des images :/

<div id="nyalink" class="link">
<a href="https://apps.apple.com/fr/app/opener/id989565871?uo=4">
    <img class="nyalink-icone" src="https://is2-ssl.mzstatic.com/image/thumb/Purple114/v4/c7/47/5d/c7475d43-53b7-5dea-8238-4a2069b06661/source/512x512bb.png"/>
    <div id="nyalink-label">
        <div id="nyalink-header">
            <p class="nyalink-name">
            Opener
            </p>
            <p class="nyalink-artiste">
            Developpeur
            </p>
        </div>
        <div id="nyalink-footer">
            <p class="nyalink-price">
            9.99€
            </p>
        </div>
    </div>
</a>
</div> <!--nyakink end -->

bite

Halide

appareil photo avec RAW

Si vous n'avez pas besoin de tout ce qu'offre ProCamera ou si vous la trouvé trop chere, l’app photo plein de feature pour remplacer l’app d’apple, tout en etant aussi simple d’utilisation avec une integration direct avec Darkroom, c'est Halide qu'il vous faut.

Plyr

Lecteur video local, Youtube & Vimeo
Pour Youtube et Vimeo, l’URL complète ou l’ID de la video peut etre ecrite dans le parametre data-plyr-embed-id
Obligé d’utiliser du HTML car il n’y a aucune balise Video en Markdown et Ulysses retire toute les videos quand on exporte dans ce langage.

Il faut que le code HTML soit dans une balise Contenu Brut

Youtube
<div id="plyr" class="plyr__video-embed" data-plyr-provider="youtube" data-plyr-embed-id="YOUTUBE-ID"></div>
Vimeo
<div id="plyr" class="plyr__video-embed" data-plyr-provider="vimeo" data-plyr-embed-id="https://vimeo.com/359003848"></div>

Titre 1

text 1

Titre 2

text 2

Titre 3

text3

Titre 4

text 4

Titre 5

text 5

Titre 6

text 6