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

FeatureSyntaxRenderer
Code highlight```pythonShiki
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 eiπ+1=0e^{i\pi} + 1 = 0, and block-level softmax:

softmax(zi)=exp(zi)j=1Kexp(zj)\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)
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
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):

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

Self-hosted media (native tags):

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
--:-- / --:--

Functional directives

ComponentPurpose
GitHub Repo CardSingle repository card from the pinned cache
Streaming BlockLLM streaming output with replay
Editorial BlockActions, list cards, tiles, archive cards, and dividers

GitHub Repo Card:

ggml-org/llama.cppRunning LLMs on a laptop — where local experiments beginggmlC++126.9k22.7kUpdated 6 minutes ago

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.

02List card with imageMask · HoverHover raises mask opacity and scales the image down slightly.
03List card without imageText · StableThe numbered two-column layout remains stable without an image.
ArchivedArchive card AGrayscale media regains some color on hover.
LegacyArchive card BUseful for retired projects and old experiments.

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 componentEntry point
Contact Card / QR ModalBottom-right card; click for the QR modal
Theme ToggleSun / moon button in the top-right
Language SwitcherLanguage button in the top-right
BGM TogglePlay / pause button in the top-right
LightboxClick an image in the body
Scroll RevealBlocks 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

Zhiyuan Lin

PhD candidate / ML & Systems

GitHub Block

2,750 GitHub contributions in the last year

stlin256/OpenHomepage-V2Lightweight, magazine-style static personal homepage generatorastrobilingualgithub-pagesmarkdownpersonal-homepageportfolioTypeScript100Updated 1 hour ago
huggingface/transformersState-of-the-art NLP for everyone — infrastructure for reproducing papersaudiodeep-learningdeepseekgemmaglmhacktoberfestPython164.7k34.4kUpdated 3 minutes ago
ggml-org/llama.cppRunning LLMs on a laptop — where local experiments beginggmlC++126.9k22.7kUpdated 6 minutes ago
openai/whisperRobust Speech Recognition via Large-Scale Weak SupervisionPython108.3k13.1kUpdated 12 minutes ago

RSS Block

Frontier Radar

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 controlConfigurationDescription
Notice BannerSet notice: "..." or notice: { text: "...", color: "yellow" } in frontmatterPops 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 frontmatterSticky sidebar on desktop with ScrollSpy active heading tracking, collapsible drawer on mobile for seamless navigation
Reading Progress BarSet reading_progress: true in frontmatterElegant 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

  1. 2022–2026

    PhD Candidate

    Example University

    Focused on machine learning and systems, especially inference scheduling and reproducible evaluation.

  2. 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

01

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}
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

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

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

  2. Standard CommonMark & GFM footnote extension with desktop popovers and mobile bottom drawers. 2

  3. Embed inline code O(N \log N) and math equations like L=ylogy^L = -\sum y \log \hat{y} right inside footnotes. 2

Say Hello

Scan to discuss ML and systems