Features
Contents
This page demonstrates every content type the site supports. The source is a plain markdown file (data/pages/en/features.md) — open it in the editor to compare.
Text & typography
Bold, italic, strikethrough, inline code, titled links, and rich interactive footnotes1. In modern academic and editorial publishing, footnotes provide seamless bibliographic citations2 as well as detailed technical annotations3.
In magazine typography, blockquotes are the breathing room. — a typography enthusiast
-
Unordered item A
-
Unordered item B
- Nested item
-
Done: static site pipeline
-
Done: markdown rendering
-
Doing: write more content
| Feature | Syntax | Renderer |
|---|---|---|
| Code highlight | ```python | Shiki |
| Math | $E=mc^2$ | KaTeX |
| Embed player | ::bilibili{} | Custom directive |
Code highlight
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)))
Math
Inline , and block-level softmax:
Figures & grids

Two-column grid (collapses to one column on mobile):
Text on the left. Magazine typography is about whitespace and alignment, not decoration.

Embedded players
Players render the official iframe directly in a responsive 16:9 container (loading="lazy", so first paint stays fast):
Self-hosted media (native tags):

Functional directives
| Component | Purpose |
|---|---|
| GitHub Repo Card | Single repository card from the pinned cache |
| Streaming Block | LLM streaming output with replay |
| Editorial Block | Actions, list cards, tiles, archive cards, and dividers |
GitHub Repo Card:
Streaming Block:
A word from my assistant
Editorial components
The complete kit below is embedded by ::editorial{id="features"} from editorial_blocks in site.yaml. It covers actions, numbered list cards, tiles, archive cards, and a divider:
EDITORIAL KIT
This block is embedded with ::editorial{id="features"}; it shows actions, list cards, tiles, archive cards, and a divider.


The contact card, QR modal, light/dark theme, language switcher, background music, image lightbox, and scroll reveal are global components; interact with this page to see them.
| Global component | Entry point |
|---|---|
| Contact Card / QR Modal | Bottom-right card; click for the QR modal |
| Theme Toggle | Sun / moon button in the top-right |
| Language Switcher | Language button in the top-right |
| BGM Toggle | Play / pause button in the top-right |
| Lightbox | Click an image in the body |
| Scroll Reveal | Blocks reveal as the page scrolls |
The homepage-specific Profile Block, GitHub Block, and RSS Block are also rendered in full below; they do not depend on the homepage layout.
Profile Block
GitHub Block
2,750 GitHub contributions in the last year
RSS Block
Frontier Radar
OpenAI
Google DeepMind
Hugging Face
量子位
Editor's Picks


Page controls
Page controls are page-level widgets configured on a per-page basis (non-global). Each page can define them independently in its frontmatter; they reappear whenever the page is reopened or revisited, providing page-specific announcements and controls.
| Page control | Configuration | Description |
|---|---|---|
| Notice Banner | Set notice: "..." or notice: { text: "...", color: "yellow" } in frontmatter | Pops in 0.5s after page load; supports 4 color modes (accent, yellow, red, custom); page-specific and reappears on every visit; manually dismissed by clicking ✕; supports inline links and formatting |
| Table of Contents (TOC) | Set toc: true in frontmatter | Sticky sidebar on desktop with ScrollSpy active heading tracking, collapsible drawer on mobile for seamless navigation |
| Reading Progress Bar | Set reading_progress: true in frontmatter | Elegant 2px progress bar fixed at the top of the viewport that tracks reading progress in real time as you scroll; enabled on this features demo page |
💡 Example: The homepage of this site features a prominent yellow Notice Banner (
notice: { text: "This is a demo page. Content is for displaying project features only.", color: "yellow" }) that appears 0.5s after load.
Raw HTML mixing
This line uses the native HTML mark tag. Dangerous tags like <script> are filtered by a whitelist.
Callouts & timeline
The P0 content directives remain script-free at runtime: callouts explain and warn, while timelines present education, experience, and milestones.
Education & Experience
2022–2026
Focused on machine learning and systems, especially inference scheduling and reproducible evaluation.
2026 · Present
Worked on on-device LLM inference experiments.
Publications & Citations
data/publications.yaml is the canonical source, while publications.bib supplies raw BibTeX by key. Filtering, sorting, and grouping happen at build time; copying BibTeX is the only progressive enhancement.
2026
Efficient Inference with Adaptive Scheduling
First author; led scheduler design and evaluation.
Abstract
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}
This site natively supports scholarly bibliographic citations and rich interactive footnotes1. On desktop devices, hover or focus over references to trigger smart popovers containing bibliographic metadata, inline code, and mathematical formulas3; on mobile devices, a smooth bottom drawer sheet slides up, followed by a dedicated footnotes appendix at the end of the document2.
Footnotes
-
Vaswani et al. (2017). Attention Is All You Need. Advances in Neural Information Processing Systems (NeurIPS 2017). arXiv:1706.03762 2
-
Standard CommonMark & GFM footnote extension with desktop popovers and mobile bottom drawers. 2
-
Embed inline code
O(N \log N)and math equations like right inside footnotes. 2






