Working with MyST Websites
Create a website like this one
π Throughout the tutorial, whenever you're supposed to do something you will see a π
#Initialize MyST π
Next we will create a myst.yml
configuration file that is required to render your project.
π Run myst
The myst
command is a shortcut for myst init
, which has a few more options for writing specific parts of the configuration file and a table of contents for your site.
> myst
Welcome to the MyST CLI!! π π
myst init walks you through creating a myst.yml file.
You can use myst to:
- create interactive websites from markdown and Jupyter Notebooks π
- build & export professional PDFs and Word documents π
Learn more about this CLI and MyST Markdown at: https://myst.tools
πΎ Writing new project and site config file: myst.yml
π When prompted, type Yes
to install and start the default theme (takes about 15 seconds)
? Would you like to run "myst start" now? Yes
If you cancelled the command, you can start the server with myst start
.
Starting the server requires a theme, this will download the default book-theme
, which you can change later.
The theme will now install using node
and npm
, this can take up to a minute the first time, and then will be cached in the _build/templates
directory.
π Fetching template metadata from https://api.myst.tools/templates/site/myst/book-theme
πΎ Saved template to path _build/templates/site/myst/book-theme
β€΅οΈ Installing web libraries (can take up to 60 s)
π¦ Installed web libraries in 13 s
π Built interactive-graphs.ipynb in 21 ms.
π Built paper.md in 32 ms.
π Built README.md in 35 ms.
π Built 3 pages for myst in 82 ms.
β¨β¨β¨ Starting Book Theme β¨β¨β¨
β‘οΈ Compiled in 524ms.
π Server started on port 3000! π₯³ π
π http://localhost:3000 π
π Open your web browser to http://localhost:3000
[1]
The example site in this tutorial only has three pages and by default the 01-paper.md
page is seen in Figure 1, which has minimal styles applied to the content.

#Figure 1:The myst theme for the 01-paper.md
page without any changes made.
#Folder Structure
If you are using a text editor, for example VSCode, open up the folder to explore the files:
quickstart/
βββ π _build
β βββ exports
β βββ site
β β βββ content
β β βββ public
β β βββ config.json
β βββ temp
β βββ templates
β βββ site/myst/book-theme
β βββ tex/myst/arxiv_two_column
βββ images
β βββ image.png
β βββ image.gif
βββ 01-paper.md
βββ 02-notebook.ipynb
βββ README.md
βββ π myst.yml
Running myst init
added:
myst.yml
- the configuration file for your myst project and site_build
- the folder containing the processed content and othersite
assets, which are used by the local web server.
The _build
folder also contains your templates (including the site template you installed) and any exports you make (when we build a PDF the exported document will show up in the _build/exports
folder). You can clean up the built files at any time using myst clean
[2].
#Configuration βοΈ
If we open and look inside our myst.yml
we will see a basic configuration like this:
# See docs at: https://myst.tools/docs/mystjs/frontmatter
version: 1
project:
# title:
# description:
keywords: []
authors: []
# github:
# bibliography: []
site:
template: book-theme
# title:
# logo:
projects:
- slug: myst
path: .
nav: []
actions:
- title: Learn More
url: https://myst.tools/docs/mystjs
domains: []
There are two important parts to the myst.yml
:
project:
- The project holds metadata about the collection of files, such as authors, affiliations and licenses for all of the files, any of these values can optionally be overridden in a file. To see all of the options see Frontmatter, which includes which fields can be overridden by files in the project.
site:
- The site holds template information about the website, such as the logo, navigation, site actions and which template to use. The site has a list of projects, in this case the
path: .
looks to the current configuration file for the project, which will be "mounted" at theslug:
(i.e./myst/
); sites can have multiple projects.
π In myst.yml
: Change the "# title:
" comment in site to "title: Fancy Title π©
" and save
Saving the myst.yml
will have triggered a "full site rebuild"[3] and in about β‘οΈ 20ms β‘οΈ take a look at the browser tab:

#Figure 2:The site title will control site meta tags, and the browser-tab title, which is appended to each page title in the book-theme
.
More Coming Soonβ’
- logos
- table of contents (Table of Contents)
- actions
- themes
#Conclusion π₯³
For now, that's it for this quickstart tutorial, we will add more about changing logos, themes, the table of contents, and much more soon! As for next steps you can export MyST Markdown as traditional documents like PDFs and Word, take a look at:
Learn the basics of MyST Markdown, and export to a Word document, PDF, and !
See an overview of MyST Markdown syntax with inline demos and examples.