機能

目次

このページでは、サイトがサポートするすべてのコンテンツタイプを実演します。ソースはプレーンなマークダウンファイル(data/pages/ja/features.md)です——エディタで開いて見比べてみてください。

テキストとタイポグラフィ

太字斜体取り消し線インラインコード、そしてタイトル付きリンク

マガジンタイポグラフィにおいて、引用ブロックは呼吸する余白である。 — あるタイポグラフィ愛好家

  • 順序なし項目 A

  • 順序なし項目 B

    • ネストされた項目
  • 完了:静的サイトパイプライン

  • 完了:マークダウンレンダリング

  • 進行中:コンテンツをもっと書く

機能構文レンダラー
コードハイライト```pythonShiki
数式$E=mc^2$KaTeX
埋め込みプレイヤー::bilibili{}カスタムディレクティブ

コードハイライト

import torch

def cosine_lr(step: int, total: int, base: float = 3e-4) -> float:
    """Cosine-annealed learning rate."""
    t = min(step / total, 1.0)
    return base * 0.5 * (1 + torch.cos(torch.tensor(t * 3.14159)))

数式

インライン eiπ+1=0e^{i\pi} + 1 = 0、そしてブロックレベルの softmax:

softmax(zi)=exp(zi)j=1Kexp(zj)\mathrm{softmax}(z_i) = \frac{\exp(z_i)}{\sum\nolimits_{j=1}^{K} \exp(z_j)}

図とグリッド

図 1:頭上を低空で飛ぶ中国商飛 C909(幅とキャプション付きの figure ディレクティブ)
図 1:頭上を低空で飛ぶ中国商飛 C909(幅とキャプション付きの figure ディレクティブ)

2 カラムグリッド(モバイルでは 1 カラムに折りたたまれます):

左側にテキスト。マガジンタイポグラフィの本質は装飾ではなく、余白とアライメントです。

海心橋に沈む夕日
海心橋に沈む夕日

埋め込みプレイヤー

プレイヤーは公式の iframe をレスポンシブな 16:9 コンテナに直接レンダリングします(loading="lazy" なので初回ペイントは高速のままです):

But what is a neural network? | Deep learning chapter 1
But what is a neural network? | Deep learning chapter 1
YouTube
【官方双语】GPT是什么?直观解释Transformer | 深度学习第5章
【官方双语】GPT是什么?直观解释Transformer | 深度学习第5章
bilibili

セルフホストメディア(ネイティブタグ):

Goldberg Variations, BWV 988 · Aria
--:-- / --:--
Bach: The Goldberg Variations, BWV 988 — Aria
Bach: The Goldberg Variations, BWV 988 — Aria
Johann Sebastian Bach · The 1981 Recordings
--:-- / --:--

機能ディレクティブ

コンポーネント用途
GitHub リポジトリーカードピン留めキャッシュから生成する単一リポジトリーカード
ストリーミングブロックリプレイ付きの LLM ストリーミング出力
エディトリアルブロックアクション、リストカード、タイル、アーカイブカード、区切り線

GitHub リポジトリーカード

ggml-org/llama.cppノートPCで大規模モデルを動かす —— ローカル実験の出発点ggmlC++126.9k22.7k6 分前に更新

ストリーミングブロック

AI アシスタントからの挨拶

エディトリアルコンポーネント

以下の完全なキットは、site.yamleditorial_blocks から ::editorial{id="features"} で埋め込まれています。アクション、番号付きリストカード、タイル、アーカイブカード、区切り線を網羅しています:

EDITORIAL KIT

このブロックは本文中の ::editorial{id="features"} ディレクティブで埋め込まれ、アクション、リストカード、タイル、アーカイブカード、区切り線をすべて展示します。

主要アクション副アクション
02画像付きリストカードMask · Hoverホバー時にマスクの不透明度が上がり、画像がわずかに縮小します。
03画像なしリストカードText · Stable画像がなくても、番号付き2カラムレイアウトは安定したままです。
Archivedアーカイブカード Aグレースケールメディアはホバー時に一部の色が戻ります。
Legacyアーカイブカード B引退したプロジェクトや古い実験記録の保存に適しています。

連絡先カード、QR モーダル、ライト/ダークテーマ、言語スイッチャー、バックグラウンドミュージック、画像ライトボックス、スクロールリビールはグローバルコンポーネントです。このページを操作して試してみてください。

グローバルコンポーネント入口
連絡先カード / QR モーダル右下のカード。クリックで QR モーダルを表示
テーマ切替右上の太陽/月ボタン
言語スイッチャー右上の言語ボタン
BGM 切替右上の再生/一時停止ボタン
ライトボックス本文中の画像をクリック
スクロールリビールページのスクロールに合わせてブロックが出現

ホームページ専用のプロフィールブロック、GitHub ブロック、RSS ブロックも以下に完全にレンダリングされています。これらはホームページレイアウトに依存しません。

Profile Block · プロフィール

林知远

博士課程 / 機械学習とシステム

GitHub Block · 貢献ヒートマップ + リポジトリカード

過去 1 年間で 2,750 件の GitHub コントリビューション

stlin256/OpenHomepage-V2軽量でマガジン風の静的個人ホームページジェネレーターastrobilingualgithub-pagesmarkdownpersonal-homepageportfolioTypeScript1001 時間前に更新
huggingface/transformersすべての人のための最先端 NLP —— 論文を再現するためのインフラaudiodeep-learningdeepseekgemmaglmhacktoberfestPython164.7k34.4k3 分前に更新
ggml-org/llama.cppノートPCで大規模モデルを動かす —— ローカル実験の出発点ggmlC++126.9k22.7k6 分前に更新
openai/whisperRobust Speech Recognition via Large-Scale Weak SupervisionPython108.3k13.1k12 分前に更新

RSS Block · コンテンツカード

フロンティアレーダー

ページコントロール

ページコントロールはページ単位で設定されるページレベルのウィジェットです(グローバルではありません)。各ページは frontmatter で独立に定義でき、ページを開き直すたびに再表示され、ページ固有のお知らせや操作を提供します。

ページコントロール設定説明
通知バナーfrontmatter で notice: "..." または notice: { text: "...", color: "yellow" } を設定ページ読み込みから 0.5 秒後にポップイン。4 種のカラーモード(accentyellowredcustom)に対応。ページ固有で訪問ごとに再表示。✕ をクリックして手動で閉じる。インラインリンクと書式をサポート
目次 (TOC)frontmatter で toc: true を設定デスクトップでは右側に固定され ScrollSpy で現在の見出しを追跡。モバイルでは折りたたみ式ドロワーとして表示
読書プログレスバー (Reading Progress Bar)frontmatter で reading_progress: true を設定画面上部に 2px の細線プログレスバーを配置し、スクロールに応じてリアルタイムで読書進捗を表示。この機能ページでも現在有効化されています

💡 例:このサイトのホームページには、読み込みから 0.5 秒後に表示される目立つ黄色の通知バナー(notice: { text: "これはデモページです。内容はプロジェクト機能の展示のみを目的としています。", color: "yellow" })が設置されています。

生 HTML の混在

この行はネイティブ HTML の mark タグを使っています。<script> のような危険なタグはホワイトリストでフィルタリングされます。

Callout & Timeline

P0 のコンテンツディレクティブは実行時にスクリプトを追加しません。Callout は説明と警告、Timeline は学歴・経歴・マイルストーンに使います。

Education & Experience

  1. 2022–2026

    PhD Candidate

    Example University

    機械学習とシステム、特に推論スケジューリングと再現可能な評価を研究。

  2. 2026 · 現在

    Research Intern

    Example Lab

    エッジデバイスでの LLM 推論実験に参加。

論文リストと文献注釈

data/publications.yaml が権威あるデータソースで、publications.bib がキーごとに元の BibTeX を提供します。絞り込み・并べ替え・グループ化はビルド時に完了します。

2026

01

OSDI 2026oral

Efficient Inference with Adaptive Scheduling

Zhiyuan Lin, Alice Doe, Bob Smith

First author; led scheduler design and evaluation.

概要

An adaptive inference scheduler for interactive workloads, evaluated with distribution reports on real traces.

@article{lin2026efficient,
  author = {Lin, Zhiyuan and Doe, Alice and Smith, Bob}
Efficient Inference with Adaptive Scheduling figure
02

MLSys Evaluation Workshop

Reproducible Evaluation for Open Models

Alice Doe, Zhiyuan Lin

Co-author; built the evaluation set and reporting scripts.

@inproceedings{doe2026reproducible,
  author = {Doe, Alice and Lin, Zhiyuan}
Reproducible Evaluation for Open Models figure

2025

01

Journal of Machine Learning Systemsartifact

Edge KV Cache Compression

Bob Smith, Zhiyuan Lin

@article{smith2025edge,
  author = {Smith, Bob and Lin, Zhiyuan}
Edge KV Cache Compression figure

本サイトは学術文献の引用とリッチメディア対話型脚注1にネイティブ対応しています。デスクトップでは角標ホバーでスマートなポップオーバーが開き、コードや数式を含む注釈2をスムーズに確認できます。モバイルではボトムドロワーが展開され、文末には完全な参考文献付録とスムーズなバックリンクナビゲーションを提供します3

脚注

  1. Vaswani et al. (2017). Attention Is All You Need. Advances in Neural Information Processing Systems (NeurIPS 2017). arXiv:1706.03762

  2. 脚注内に O(N \log N) などのインラインコードや数式 L=ylogy^L = -\sum y \log \hat{y} を埋め込むことができます。

  3. 標準的な GFM 脚注構文を拡張し、デスクトップでのホバーポップオーバーとモバイルでのボトムドロワーを提供します。

友達になろう

スキャンして機械学習とシステムについて語り合いましょう