Skip to content

docs: GitHub Pages tutorial site (Tutorial/) — EN + 中文#15

Merged
everettjf merged 1 commit into
masterfrom
docs/tutorial-pages
May 25, 2026
Merged

docs: GitHub Pages tutorial site (Tutorial/) — EN + 中文#15
everettjf merged 1 commit into
masterfrom
docs/tutorial-pages

Conversation

@everettjf

Copy link
Copy Markdown
Owner

What

A static, no-build GitHub Pages site under Tutorial/ — a comprehensive usage guide for AppleTrace, English primary (index.html) and Chinese secondary (zh.html) with an EN/中文 toggle.

Covered end to end: Introduction · Quick Start · Installation (SwiftPM + framework) · Manual instrumentation (ObjC/C/C++) · Tracing Swift (macros + AppleTraceAuto) · objc_msgSend hook · Event types · Visualizing in Perfetto · Demo apps · Environment variables · Platform support · FAQ/troubleshooting.

Design

A dark trace-viewer theme that echoes a Perfetto timeline — teal brand accent (#4ECDC4), an animated track-lane hero motif, distinctive type (Bricolage Grotesque + IBM Plex Sans/Mono), sticky sidebar nav with scroll-spy, copy-to-clipboard on code blocks, and a mobile menu. Plain HTML/CSS + progressive-enhancement JS; .nojekyll so Pages serves it verbatim.

Deploy

.github/workflows/pages.yml publishes Tutorial/ to Pages on pushes to master.

⚠️ One-time setup required: repo Settings ▸ Pages ▸ Build and deployment ▸ Source = "GitHub Actions". After that, merging this (or any later Tutorial/** change) deploys to https://everettjf.github.io/AppleTrace/. README / README_CN already link there.

Verification

  • Both pages structurally validated (balanced markup) and rendered with headless Chrome (EN + 中文) — see the trace-lane hero, sidebar, cards, code blocks, and CJK text all display correctly.
  • No build step, no runtime deps; the content matches the current code (env vars, APIs, the Swift on-device caveats, the libarclite / rpath / -sdk gotchas).

🤖 Generated with Claude Code

A static, no-build documentation site under Tutorial/ that covers AppleTrace
end to end — introduction, quick start, installation, manual / Swift /
objc_msgSend tutorials, event types, the Perfetto workflow, the demo apps,
environment variables, platform support, and an FAQ. English is primary
(index.html), Chinese secondary (zh.html), with an EN/中文 toggle.

Design: a dark "trace-viewer" theme echoing a Perfetto timeline (teal brand
accent, animated track-lane hero motif), distinctive type (Bricolage
Grotesque + IBM Plex Sans/Mono), sticky sidebar nav with scroll-spy, copy
buttons, and a mobile menu. Plain HTML/CSS + progressive-enhancement JS, so
GitHub Pages serves it with no build step (.nojekyll).

.github/workflows/pages.yml deploys Tutorial/ to Pages on pushes to master.
One-time setup: Settings ▸ Pages ▸ Source = "GitHub Actions". README /
README_CN link to the published guide.

Both pages validated (balanced markup) and rendered (headless Chrome) in
English and Chinese.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@everettjf everettjf merged commit d5754cf into master May 25, 2026
10 checks passed
@everettjf everettjf deleted the docs/tutorial-pages branch May 25, 2026 00:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant