Features

2026-08-29T00:00:00.000Z

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 footnotes¹. In modern academic and editorial publishing, footnotes provide seamless bibliographic citations² as well as detailed technical annotations³.

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 $e^{i\pi} + 1 = 0$ , and block-level softmax:

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

Figures & grids

Fig. 1: a COMAC C909 flying low overhead (figure directive with width & caption)

Two-column grid (collapses to one column on mobile):

Text on the left. Magazine typography is about whitespace and alignment, not decoration.

Sunset over Haixin Bridge

Embedded players

Players render the official iframe directly in a responsive 16:9 container (loading="lazy", so first paint stays fast):

YouTube

bilibili

Self-hosted media (native tags):

Goldberg Variations, BWV 988 · Aria

--:-- / --:--

Bach: The Goldberg Variations, BWV 988 — Aria

Johann Sebastian Bach · The 1981 Recordings

--:-- / --:--

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:

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:

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

RSS Block

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
PhD Candidate
Example University
Focused on machine learning and systems, especially inference scheduling and reproducible evaluation.
2026 · Present
Research Intern
Example Lab
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

OSDI 2026oral

Efficient Inference with Adaptive Scheduling

Zhiyuan Lin, Alice Doe, Bob Smith

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}

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}

2025

Journal of Machine Learning Systemsartifact

Edge KV Cache Compression

Bob Smith, Zhiyuan Lin

@article{smith2025edge,
  author = {Smith, Bob and Lin, Zhiyuan}

This site natively supports scholarly bibliographic citations and rich interactive footnotes¹. On desktop devices, hover or focus over references to trigger smart popovers containing bibliographic metadata, inline code, and mathematical formulas³; on mobile devices, a smooth bottom drawer sheet slides up, followed by a dedicated footnotes appendix at the end of the document².

Footnotes

Vaswani et al. (2017). Attention Is All You Need. Advances in Neural Information Processing Systems (NeurIPS 2017). arXiv:1706.03762 ²
Standard CommonMark & GFM footnote extension with desktop popovers and mobile bottom drawers. ²
Embed inline code O(N \log N) and math equations like $L = -\sum y \log \hat{y}$ right inside footnotes. ²

Zhiyuan Lin

Features

Text & typography

Code highlight

Math

Figures & grids

Embedded players

Functional directives

Editorial components

Profile Block

GitHub Block

RSS Block

Page controls

Raw HTML mixing

Callouts & timeline

Education & Experience

Research Intern

Publications & Citations

2026

Efficient Inference with Adaptive Scheduling

Reproducible Evaluation for Open Models

2025

Edge KV Cache Compression

Footnotes