Skip to content
Trailblazer
Hire me

Reference

Layout showcase

Every shape an article can take, each demonstrated by a live page with its front matter noted. Open one, view source on its Markdown, copy the keys.

Each entry below is a real page in the demo content whose front matter turns one knob. This page is the map; the pages are the territory.

The personal homepage Personal homepage The lesson player Lesson player The resume Printable resume The documentation Three-column docs

Article shells

  • Right sidebar The default for posts — TOC, certifications and links in the rail sidebar: right
  • Left sidebar The mirrored shell — rail first, article second sidebar: left
  • Narrow, no sidebar A bare reading column, for writing that is not reference material sidebar: false

Article headers

  • Split header Title and image share the fold, two columns hero_split: true
  • Banner cover The default when an `image:` is set — full-width figure under the title image: /path.png

Post types

  • Video post Opens as a player, gets VideoObject structured data, shows ▶ and runtime on its card type: video
  • Series post The parts box lists every entry sharing the series name, current one marked series + series_part

Beyond posts

  • Course page Meta header, Start button, curriculum from the lesson files _courses/slug/index.md
  • Lesson player Video, course rail with the current lesson marked, prev/next pagination type: lesson · order: 1
  • Component style guide Every component, with the markup that produces it

Built with Trailblazer

Sites running this theme in the wild. Yours belongs here — add it with one three-line pull request to _data/showcase.yml.

↑ ↓ to move ↵ to open esc to close Full search