← Back to blog

Hello World

·1 min read
metatest

This is the first post on this blog. It exists mainly to verify that everything works -- markdown rendering, syntax highlighting, custom components, and the overall visual design.

Code Highlighting

Here's some TypeScript to test syntax highlighting:

interface Post {
  title: string
  date: string
  tags?: string[]
  draft?: boolean
}

function formatDate(dateStr: string): string {
  return new Date(dateStr).toLocaleDateString('en-US', {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
  })
}

And some Solidity, because why not:

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.19;

contract SimpleStore {
    mapping(address => uint256) private balances;

    event Deposit(address indexed account, uint256 amount);

    function deposit() external payable {
        balances[msg.sender] += msg.value;
        emit Deposit(msg.sender, msg.value);
    }
}

Inline Elements

Some bold text, some italic text, and some inline code. Here's a link to the homepage.

Blockquote

The best way to predict the future is to invent it. -- Alan Kay

Custom Components

*Tip

This is a tip callout rendered by a Vue component inside Markdown. MDC syntax makes this possible.

!Warning

This is a warning. Be careful out there.

iInfo

This is an informational note. Nothing to worry about.

Lists

Ordered:

  1. First item
  2. Second item
  3. Third item

Unordered:

  • Markdown parsing
  • Syntax highlighting
  • Vue components in content
  • Glass aesthetic
  • Sparkle background

Table

FeatureStatus
MarkdownWorking
Code highlightingWorking
MDC componentsWorking
Glass designWorking
SparklesWorking

That's it. If you're reading this, everything works.