Ravinで始めるシンプルでリッチなブログ運営

Ravinテーマへようこそ。この記事は src/content/blog ディレクトリに配置されたMDXファイルから生成されています。

Focus on your content.

Ravinは、 シンプルさとリッチな表現 を両立したAstroテーマです。

ノイズの少ないモノトーン基調のデザインが、あなたの文章を際立たせます。しかしながら、ただシンプルなだけではありません。Ravinには、記事をより魅力的で分かりやすくするための豊富なカスタムコンポーネントが組み込まれています。

コードの表現力

技術ブログにおいて、ソースコードの読みやすさは非常に重要です。Ravinの CodeBlock コンポーネントを使えば、きれいにフォーマットされたコードをコピーボタン付きで配置できます。

もちろん、Tabs コンポーネントと組み合わせることも可能です。

function greet(name) {
  console.log(`Hello, ${name}! Welcome to Ravin.`);
}
greet("Astro");

def greet(name):
    print(f"Hello, {name}! Welcome to Ravin.")
    
greet("Astro")

fn main() {
    let name = "Astro";
    println!("Hello, {}! Welcome to Ravin.", name);
}

読者を飽きさせないギミック

長すぎる補足情報や、ネタバレを含む内容は、Svelteで作成された Spoiler コンポーネントの中に隠すことができます。

このように、Ravinを使えば誰でも簡単に 「シンプルかつリッチ」 なサイトを立ち上げることができます。ぜひ他のデモやドキュメントもご覧ください。