Home New Trending Search
About Privacy Terms
#
#typst
Posts tagged #typst on Bluesky
BLEACHポエムごっごができる
そう、縦書きならね

BLEACHポエムごっごができる そう、縦書きならね

#技術書典 20の新刊
Typstで縦書きする本「縦書きTypst」を頒布します~!
Typstで縦書きできると、どうなるかって・・・?

BLEACHポエムごっごができる(楽しい!)よ・・・! #Typst #縦書きTypst #Typst再現病

1 1 0 0

Probably the talk from this year's #Typst meetup that stood out the most: #arXiv is, while not concretely planning Typst support, at least evaluating it! Great talk, and also the subsequent conversations were very interesting.

7 0 0 0
A screenshot of dark mode blog generated from typst. It contains a diagram for trigonometry, a formula for the equivalent definitions of e, and a code snippet.

A screenshot of dark mode blog generated from typst. It contains a diagram for trigonometry, a formula for the equivalent definitions of e, and a code snippet.

#typst blog generation in #svelte is now possible using HTML output format.

5 0 1 0
A Quarto Reveal.js slide titled "Data Science with Quarto." The body text mixes native Markdown styling with inline Typst-rendered images, challenging viewers to spot the difference. Coloured words like "beautiful typography," "Typst emphasis," and "Typst images" are Typst fragments compiled to inline images, while "colourful accents," "Markdown emphasis," and "Markdown spans" are plain Markdown spans styled with CSS. An inline equation (beta-hat OLS formula) is also rendered by Typst. Underlined text appears twice using both approaches. The slide closes with the question: "Can you tell which is which?"

A Quarto Reveal.js slide titled "Data Science with Quarto." The body text mixes native Markdown styling with inline Typst-rendered images, challenging viewers to spot the difference. Coloured words like "beautiful typography," "Typst emphasis," and "Typst images" are Typst fragments compiled to inline images, while "colourful accents," "Markdown emphasis," and "Markdown spans" are plain Markdown spans styled with CSS. An inline equation (beta-hat OLS formula) is also rendered by Typst. Underlined text appears twice using both approaches. The slide closes with the question: "Can you tell which is which?"

Inline Typst in Quarto, rendered to any format.

Coloured text, maths, underlines… some words on this slide are Typst images, others are Markdown spans.

Can you tell which is which?

Typst Render now supports inline {typst} code.

github.com/mcanouil/quarto-typst-render

#Typst #Quarto #QuartoPub

11 1 0 0
Post image

#Typst #Вёрстка
361 строка - и вот тебе готовая работа со всеми высчитанными значениями, таблицами, таблицой.
Жееесть!

0 0 3 0
A screenshot showing an "All Pages Side by Side" documentation section. The top half contains a fenced code block using the typst language, with chunk options layout-ncol: 2, width: 8cm, and height: 6cm, followed by Typst markup that sets the font size to 14pt and renders two pages using #align(center + horizon) with a #pagebreak() between them. The bottom half shows the rendered output: two pages displayed side by side, the left reading "Page 1: First page content." and the right reading "Page 2: Second page content."

A screenshot showing an "All Pages Side by Side" documentation section. The top half contains a fenced code block using the typst language, with chunk options layout-ncol: 2, width: 8cm, and height: 6cm, followed by Typst markup that sets the font size to 14pt and renders two pages using #align(center + horizon) with a #pagebreak() between them. The bottom half shows the rendered output: two pages displayed side by side, the left reading "Page 1: First page content." and the right reading "Page 2: Second page content."

And now you can include multi-pages outputs.

github.com/mcanouil/qua...

#Quarto #Typst #QuartoPub

6 1 0 0
Video thumbnail

Teaching or making workshop about Typst in Reveal.js?

I've got your back! You can stop taking screenshots!

github.com/mcanouil/qua...

#Quarto #RevealJS #Typst #teaching

8 2 1 0

With final work on the docs for PHP and Java integrations almost done, Oicana now has seven integrations 🥳

Through the integrations, you can create PDFs from #Typst with TS/JS in the browser and in Node.js, with C#, Java, Python, PHP, and Rust.

1 1 0 0
Preview
GitHub - mcanouil/quarto-typst-render: Quarto extension to compile Typst code blocks to images (PNG, SVG, PDF) for use across all output formats. Quarto extension to compile Typst code blocks to images (PNG, SVG, PDF) for use across all output formats. - mcanouil/quarto-typst-render

If you use Quarto and want to bring Typst content into your documents and presentations, give a try to my new Quarto extension.

github.com/mcanouil/qua...

#Quarto #Typst

7 4 0 0
Video thumbnail

Typst for Everything Everywhere All at Once

#Quarto #Typst Render 😎

13 3 0 0
Screenshot showing a code block with basic Typst text and an image of the rendered version as an image inserted in the HTML output.
Below a second code block showing a styled box Typst code rendered as an image and embedded below the code block in the HTML output

Screenshot showing a code block with basic Typst text and an image of the rendered version as an image inserted in the HTML output. Below a second code block showing a styled box Typst code rendered as an image and embedded below the code block in the HTML output

I'm more and more using Typst, but what if I could use it to create images, diagrams, equations, etc. for any formats, not just Typst inside Quarto.

#Quarto #Typst

6 1 0 0
A VS Code editor window showing a Quarto document alongside its rendered PDF preview.
The editor displays `index.qmd` with YAML front matter configuring Typst format with `keep-typ: true`, GitHub Dark syntax highlighting, code annotations, and Julia as the engine.
The document contains four sections demonstrating code block variants: a Julia code cell, an R code block with filename and annotations, a Python code block with annotations, and a Typst code block with a filename.
The spell-checker flags "typst" as an unknown word on lines 3 and 37.
The rendered preview on the right shows each section with styled code blocks, output, and annotation callouts.
The status bar indicates the branch `feat/typst-annotation-filename`, Quarto version 99.9.9, and active Claude Code and Lua extensions.

A VS Code editor window showing a Quarto document alongside its rendered PDF preview. The editor displays `index.qmd` with YAML front matter configuring Typst format with `keep-typ: true`, GitHub Dark syntax highlighting, code annotations, and Julia as the engine. The document contains four sections demonstrating code block variants: a Julia code cell, an R code block with filename and annotations, a Python code block with annotations, and a Typst code block with a filename. The spell-checker flags "typst" as an unknown word on lines 3 and 37. The rendered preview on the right shows each section with styled code blocks, output, and annotation callouts. The status bar indicates the branch `feat/typst-annotation-filename`, Quarto version 99.9.9, and active Claude Code and Lua extensions.

"filename" and "code-annotation" features for Quarto Typst are coming along nicely.

#Quarto #Typst

1 0 0 0
Preview
Typst (@typst@mastodon.social) Attached: 1 image Here's the schedule with what you can look forward to!

Quite exited for the #arXiv + #Typst talk of March 12.

mastodon.social/@typst/11618...

1 0 0 0

Having spent a couple of hours sketching out the content of my talk, I think it's only fair that I spend the rest of the day converting my slideshow generator to use #Typst.

0 0 0 0
https://lee-phillips.org/TLexamples/

Document programming in #Typst and #LuaLaTeX: some examples

t.co/wKrWZOS5MW

0 1 0 0
Preview
Building Quarto Typst Templates: Advanced Patterns (Part 2) – Mickaël CANOUIL This tutorial continues from Part 1, exploring advanced patterns for Quarto Typst extensions. You will learn handler factories, configuration systems, type-safe value conversion, and WCAG-aware badges...

New post: Building Quarto Typst Templates (Part 2).
Handler factories, user-configurable mappings, WCAG-compliant badges, and a complete quote card example.
Production patterns for extensible Quarto Typst extensions.

mickael.canouil.fr/posts/2026-0...

#Quarto #Typst #Accessibility

9 3 0 0
Preview
PDF Accessibility and Standards – Quarto Quarto 1.9 brings PDF accessibility and standards support, building on new tagging features in LaTeX and Typst.

If you are interested in PDF accessibility, there has been some big progress in Quarto.

Take a look at the latest blog post: quarto.org/docs/blog/po...

#Quarto #Accessibility #LaTeX #Typst

19 7 0 1
Post image

#typst #Вёрстка
Наговнокодил ещё одну практическую работу.
Осталось только в человеко-читаемый вид привести и всё замечательно.
​:amogus_color:​

0 0 0 0
Preview
GitHub - mcanouil/quarto-code-window: A Quarto extension that styles code blocks as macOS-style windows with traffic light buttons and a filename bar. Supports HTML, Reveal.js, and Typst formats. A Quarto extension that styles code blocks as macOS-style windows with traffic light buttons and a filename bar. Supports HTML, Reveal.js, and Typst formats. - mcanouil/quarto-code-window

New experimental Quarto extension bringing a macOS-style windows with traffic light buttons and a filename bar (automatically filled with language or user-provided value).

github.com/mcanouil/qua...

#Quarto #Typst #RevealJS #HTML #macOS

4 0 1 0
Screenshot from Claude: 

Check available skills >

No relevant skill here — I'll write the corrected files directly.

Created 2 files, read a file >

Here are both files. A summary of every change made:

Screenshot from Claude: Check available skills > No relevant skill here — I'll write the corrected files directly. Created 2 files, read a file > Here are both files. A summary of every change made:

"No relevant skill here — I'll write the corrected files directly."

LOL... I think I just need to work on my self-confidence to become a better coder.

What I also take away from today's experiment: Neither ChatGPT nor Claude nor LeChat have any helpful level of […]

[Original post on fedihum.org]

0 0 0 0
A VS Code editor window showing a Quarto document (example.qmd) alongside its rendered preview. The editor displays YAML front matter configuring a Typst output format with a code-window filter. The document demonstrates the "Code Window Extension" feature, where code blocks with a filename attribute render with a macOS-style window header showing traffic light buttons and the filename centred at the top. The preview panel shows two such code windows: a Python file (fibonacci.py) and an R file (analysis.R), both styled with the distinctive macOS window chrome. The terminal at the bottom shows Typst compilation output confirming the document rendered successfully to example.pdf.

A VS Code editor window showing a Quarto document (example.qmd) alongside its rendered preview. The editor displays YAML front matter configuring a Typst output format with a code-window filter. The document demonstrates the "Code Window Extension" feature, where code blocks with a filename attribute render with a macOS-style window header showing traffic light buttons and the filename centred at the top. The preview panel shows two such code windows: a Python file (fibonacci.py) and an R file (analysis.R), both styled with the distinctive macOS window chrome. The terminal at the bottom shows Typst compilation output confirming the document rendered successfully to example.pdf.

Work in progress ...

#Quarto #HTML #Typst #RevealJS

2 0 0 0
Preview
Building Quarto Typst Templates: The Lua-Typst Bridge (Part 1) – MCU This tutorial introduces the dual-layer architecture for building Quarto Typst templates. You will learn how Lua filters and Typst functions work together to transform markdown elements into styled PD...

New blog post: Building Quarto Typst Templates - The Lua-Typst Bridge (Part 1).

Learn how Lua filters and Typst functions work together to create styled PDF components from markdown.

Badges, panels, and the dual-layer architecture explained.

mickael.canouil.fr/posts/2026-0...

#Quarto #Typst

8 2 0 0
Post image

#Typst
Наговноразметил фигню. ​:Jokerge:​

0 0 0 0
Using Typst Today: When You Need LaTeX

You can use Typst today even if you need to produce a LaTeX manuscript:

lee-phillips.org/typstfilters/

#typst #latex #physics #mathematics #computerscience #science

2 0 0 0
Preview
Rust at MWC Talent Arena — Workshops + Community Meetup, Wed, Mar 4, 2026, 9:30 AM | Meetup We’re thrilled to announce a special edition of BcnRust taking place inside the **Talent Arena at Mobile World Congress 2026**, thanks to the collaboration between the **[R

I have just decided that my next presentation (www.meetup.com/bcnrust/even...) will be created using #Typst
Feel free to share any tips or advice.

0 0 0 0
Preview
GitHub - sou1118/typdiff: A diff tool for Typst documents, similar to latexdiff for LaTeX A diff tool for Typst documents, similar to latexdiff for LaTeX - sou1118/typdiff

Needed a latexdiff equivalent for Typst, so I built one.
typdiff compares two .typ files and outputs visual diff markup — added text in blue, deleted in red. Word-level granularity, CJK support included.
github.com/sou1118/typd...
#typst

0 0 0 0
https://lee-phillips.org/TLexamples/

Document programming in #Typst and #LuaLaTeX: some examples

t.co/wKrWZOS5MW

1 0 0 0