Skip to content


Folders and files

Last commit message
Last commit date

Latest commit



38 Commits

Repository files navigation

Distill post--example

Distill articles depend on distillpub/template for styling and some functionality such as footnotes, citations, and math rendering. We built template as a standalone library of styles and webcomponents to allow you to use any web development workflow you'd like. But what if you don't have strong opinions about that and just want a starter kit that works out of the box? This is such a starter kit.

This is using webpack for bundling, svelte & svelte-loader to build interactive components/diagrams, and ejs to inline SVGs—the same technology choices we used when building ambitious articles such as Building Blocks of Interpretability.

Get started

Fork and rename, or simply copy this repository.

First time setup

  • Clone your fork or copy of this repository: git clone …
  • Install npm (Node Packet Manager). If you're on a Mac and have brew: brew install node will do the job.
  • cd post--example into the root directory of this project.
  • npm run install to install dependencies.
  • Your article text is in src/index.ejs.
  • Execute npm run dev to run a development server that autoreloads when you make changes to the article ("hot-reloading"). The console output will link you to a hot-reloading preview of the article.

Components adn diagrams are stored in src. The .html files are svelte components, the .js files are compilation endpoints that are also defined in webpack.config.js. These compiled endpoints are then consumed by hand authored .ejs files in src, such as index.ejs which contains your content.


This is a new template, and we don't yet have a lot of documentation on it. Please bear with us while we work to improve it!

Please join our Distill Slack workspace if you have any questions. Open an issue if you'd like to see something improved!


Open Questions about Generative Adversarial Networks







No releases published