introduction to Quarto ex

1 Introduction to Quarto

2 Quarto Extensioins

Extensions are a powerful way to modify and extend the behavior of Quarto. Quarto v1.2 Required for Quarto Extensions.

2.1 quarto extension： lightbox

An extension that uses the GLightbox javascript library to add lightbox styling and behavior to images in your HTML documents.

2.1.1 Installation:

quarto install extension quarto-ext/lightbox

2.1.2 Usage:

The Lightbox extension can automatically give images in your web page a lightbox treatment. You can enable this like:

in header yaml:

---
title: Simple Lightbox Example
filters:
   - lightbox
lightbox: auto
---

In addition to simply providing a lightbox treatment for individual images, you can also group images into a ‘gallery’. When the user activates the lightbox, they will be able to page through the images in the gallery without returning to the main document.

in content:

![](images/image-562149792.png){group="my-gallery"
description="its a picture"}

2.1.3 quarto extension lightbox example:

code:example.qmd

website:example.qmd.

2.1.4 list quarto extension

go to folder which have added quarto extension

quarto list extensions

2.1.5 update quarto extension

quarto update quarto-ext/fontawesome

2.1.6 remove quarto extension

quarto remove quarto-ext/fontawesome

If you run the quarto remove extension command with no extension-id, you will be presented with a list of extensions that are present and you may select which extensions to remove.

2.2 Reference

https://quarto.org/docs/extensions/

https://github.com/quarto-ext/lightbox