機能
目次
このページでは、サイトがサポートするすべてのコンテンツタイプを実演します。ソースはプレーンなマークダウンファイル(data/pages/ja/features.md)です——エディタで開いて見比べてみてください。
テキストとタイポグラフィ
太字、斜体、取り消し線、インラインコード、そしてタイトル付きリンク。
マガジンタイポグラフィにおいて、引用ブロックは呼吸する余白である。 — あるタイポグラフィ愛好家
-
順序なし項目 A
-
順序なし項目 B
- ネストされた項目
-
完了:静的サイトパイプライン
-
完了:マークダウンレンダリング
-
進行中:コンテンツをもっと書く
| 機能 | 構文 | レンダラー |
|---|---|---|
| コードハイライト | ```python | Shiki |
| 数式 | $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)))
数式
インライン 、そしてブロックレベルの softmax:
図とグリッド

2 カラムグリッド(モバイルでは 1 カラムに折りたたまれます):
左側にテキスト。マガジンタイポグラフィの本質は装飾ではなく、余白とアライメントです。

埋め込みプレイヤー
プレイヤーは公式の iframe をレスポンシブな 16:9 コンテナに直接レンダリングします(loading="lazy" なので初回ペイントは高速のままです):
セルフホストメディア(ネイティブタグ):

機能ディレクティブ
| コンポーネント | 用途 |
|---|---|
| GitHub リポジトリーカード | ピン留めキャッシュから生成する単一リポジトリーカード |
| ストリーミングブロック | リプレイ付きの LLM ストリーミング出力 |
| エディトリアルブロック | アクション、リストカード、タイル、アーカイブカード、区切り線 |
GitHub リポジトリーカード:
ストリーミングブロック:
AI アシスタントからの挨拶
エディトリアルコンポーネント
以下の完全なキットは、site.yaml の editorial_blocks から ::editorial{id="features"} で埋め込まれています。アクション、番号付きリストカード、タイル、アーカイブカード、区切り線を網羅しています:
EDITORIAL KIT
このブロックは本文中の ::editorial{id="features"} ディレクティブで埋め込まれ、アクション、リストカード、タイル、アーカイブカード、区切り線をすべて展示します。


連絡先カード、QR モーダル、ライト/ダークテーマ、言語スイッチャー、バックグラウンドミュージック、画像ライトボックス、スクロールリビールはグローバルコンポーネントです。このページを操作して試してみてください。
| グローバルコンポーネント | 入口 |
|---|---|
| 連絡先カード / QR モーダル | 右下のカード。クリックで QR モーダルを表示 |
| テーマ切替 | 右上の太陽/月ボタン |
| 言語スイッチャー | 右上の言語ボタン |
| BGM 切替 | 右上の再生/一時停止ボタン |
| ライトボックス | 本文中の画像をクリック |
| スクロールリビール | ページのスクロールに合わせてブロックが出現 |
ホームページ専用のプロフィールブロック、GitHub ブロック、RSS ブロックも以下に完全にレンダリングされています。これらはホームページレイアウトに依存しません。
Profile Block · プロフィール
GitHub Block · 貢献ヒートマップ + リポジトリカード
過去 1 年間で 2,750 件の GitHub コントリビューション
RSS Block · コンテンツカード
フロンティアレーダー
OpenAI
Google DeepMind
Hugging Face
量子位
編集部セレクト


ページコントロール
ページコントロールはページ単位で設定されるページレベルのウィジェットです(グローバルではありません)。各ページは frontmatter で独立に定義でき、ページを開き直すたびに再表示され、ページ固有のお知らせや操作を提供します。
| ページコントロール | 設定 | 説明 |
|---|---|---|
| 通知バナー | frontmatter で notice: "..." または notice: { text: "...", color: "yellow" } を設定 | ページ読み込みから 0.5 秒後にポップイン。4 種のカラーモード(accent、yellow、red、custom)に対応。ページ固有で訪問ごとに再表示。✕ をクリックして手動で閉じる。インラインリンクと書式をサポート |
| 目次 (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
2022–2026
機械学習とシステム、特に推論スケジューリングと再現可能な評価を研究。
2026 · 現在
エッジデバイスでの LLM 推論実験に参加。
論文リストと文献注釈
data/publications.yaml が権威あるデータソースで、publications.bib がキーごとに元の BibTeX を提供します。絞り込み・并べ替え・グループ化はビルド時に完了します。
2026
Efficient Inference with Adaptive Scheduling
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}
Reproducible Evaluation for Open Models
Co-author; built the evaluation set and reporting scripts.
@inproceedings{doe2026reproducible,
author = {Doe, Alice and Lin, Zhiyuan}
2025
Edge KV Cache Compression
@article{smith2025edge,
author = {Smith, Bob and Lin, Zhiyuan}
本サイトは学術文献の引用とリッチメディア対話型脚注1にネイティブ対応しています。デスクトップでは角標ホバーでスマートなポップオーバーが開き、コードや数式を含む注釈2をスムーズに確認できます。モバイルではボトムドロワーが展開され、文末には完全な参考文献付録とスムーズなバックリンクナビゲーションを提供します3。
脚注
-
Vaswani et al. (2017). Attention Is All You Need. Advances in Neural Information Processing Systems (NeurIPS 2017). arXiv:1706.03762






