Spike's Personal Site

sparkofspike.github.io · English · 简体中文

Personal homepage of Spike (a.k.a. Sp1ke / SparkofSpike / Sh1Zuku / Tentak0 / ZAKOTAKO / EVILEVILNEKO) — a self-taught developer, AIGC practitioner, FPS player, hardcore Galgame player, Lovecraftian horror devotee, and reader of occultism, theology and religious studies.

Tech Stack

• Vue 3 + TypeScript
• Element Plus
• Vite

SEO / GEO Setup — read before editing content

This site is a client-side-rendered SPA. AI crawlers (GPTBot, ClaudeBot, PerplexityBot, etc.) do not execute JavaScript, so discoverability relies on three places that must be kept in sync whenever the copy changes:

1. Static pre-rendered content in index.html (.ss-shell, inside #app)
   • This is what crawlers and no-JS browsers see; Vue replaces the whole block on mount.
   • The source of truth for the copy is src/i18n/index.ts — update both places.
2. JSON-LD structured data (inline in index.html; Person / WebSite / ProfilePage)
   • Keep the alias list, knowsAbout, and sameAs in sync.
3. Machine-readable entries under public/
   • robots.txt — explicit allow for AI crawlers + Sitemap pointer
   • sitemap.xml — bump lastmod when content changes
   • llms.txt — site summary for LLMs (llmstxt.org format)

Self-check: after npm run build, confirm dist/index.html contains the page copy without executing JavaScript.

Development

npm install
npm run dev      # start dev server
npm run build    # type-check + production build into dist/
npm run preview  # serve the built site locally

Deployment

Pushing to main triggers .github/workflows/deploy.yml, which builds the site and publishes dist/ to GitHub Pages.