Posts tagged formatting
-
Audio, Video, and Tabbed Content
Embedding HTML5 audio players, responsive video embeds, and tabbed content sections in blog posts.
-
Showing Code Changes with Diff2Html
Render beautiful side-by-side or unified code diffs in posts — ideal for tutorials, changelogs, and code reviews.
-
Writing Algorithms in Pseudocode
Render beautiful pseudocode with LaTeX-style typesetting using pseudocode.js — no images, no screenshots.
-
Drawing Diagrams with Mermaid
Flowcharts, sequence diagrams, Gantt charts, and more — rendered from plain text using Mermaid.
-
Dark Mode and Theming
How as-folio implements dark mode — no flash of unstyled content, CSS custom properties, and per-component theme awareness.
-
Images, Figures, and Medium Zoom
How as-folio handles images in blog posts — responsive layout, captions, and click-to-zoom with medium-zoom.
-
Code Blocks and Syntax Highlighting
Demonstrating syntax-highlighted code blocks across multiple languages, with a copy-to-clipboard button on every block.
-
An Example of a Distill-Style Blog Post
Demonstrating the academic Distill layout with equations, citations, and rich formatting.
-
Math Typesetting with KaTeX
as-folio renders LaTeX math beautifully using KaTeX — both inline and display equations are supported.
-
Formatting Examples
A showcase of the typography and formatting features available in as-folio blog posts.