コンテンツにスキップ
teko

Astroテスト

Starlightーコンポーネントの使用に書いてあることと同じ。

Markdown

補足情報

引用

引用

引用

コードブロック

// コメント
console.log('コードブロック');

shはターミナル風になる。

Terminal window
npm create astro@latest -- --template starlight

rustは実行可能。PlayGroundのページを参照。

fn main() {
    println!("Hello, world!");
}

コンポーネント

カード類

カード

タイトル

内容

リンクカード

タイトル 説明

カードグリッド

カード１

内容

カード２

内容

補足情報

バッジ

ノート 成功 ヒント 注意 危険 小 中 大 イタリック

コード

Markdownのコードブロックが使えないケースに使う。

example.js
console.log('Hello world.');

ファイルのインポート

sample.rs
use proconio::input;


fn main() {
    input! {
        n: usize,
        s: String,
        t: String
    }


    let mut dist = 0;
    for i in 0..n {
        if s.chars().nth(i).unwrap()!= t.chars().nth(i).unwrap() {
            dist += 1;
        }
    }
    println!("{}", dist);
}

ファイルツリー

  • astro.config.mjs
  • ディレクトリsrc
    • ディレクトリcontent
      • important.mdx 重要なファイル
      • …
    • ディレクトリpages/
      • …

アイコン

使えるアイコン

リンクボタン

デフォルトでプライマリ セカンダリ ミニマル

色々指定

ステップ

  1. ステップ１

    ちょめちょめします。

  2. ステップ２

    ごにょごにょします。

タブ

A
C