Skip to content
TintypeA small blogging engine

Code and Syntax Highlighting

Code blocks get automatic syntax highlighting. Here are examples across a few languages.

JavaScript

function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}

// Arrow function variant
const greetShort = (name) => `Hello, ${name}!`;

CSS

:root {
  --tt-color-bg: #f4f4f0;
  --tt-color-text: #1a1a1a;
  --tt-color-accent: #007070;
}

.container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 1rem;
}

SQL

select title, slug, published_at
from posts
where is_published = 1
  and published_at <= strftime('%Y-%m-%dT%H:%M:%fZ', 'now')
order by published_at desc
limit 10;

Bash

#!/bin/bash
echo "Upgrading..."
docker exec tintype npm run backup
docker compose build && docker compose up -d
echo "Done."

Inline Code

Use npm run dev to start the dev server. Site settings live in the site_config table and are edited on the Settings page. Environment variables go in .env.

Previous post: Features of This Blog | Next post: Tables and Structured Content