sipc.ink

sipc.ink is a minimalist personal homepage template built on Astro and StudioCMS UI that renders profile, about, skills, links, projects, time, and footer cards from JSON translation files, with built-in Simplified Chinese and English internationalization.

What is sipc.ink?

sipc.ink is an open-source personal website template created by SIPC. It runs on the Astro static site generator and uses the StudioCMS UI component library for its card-based interface. The template takes structured JSON content files as input and produces a responsive single-page homepage with two languages: Simplified Chinese (default) and English. Layout and styling are controlled from the src/pages/index.astro entry file, including a configurable container width and a two-column grid ratio.

Key Features

• Dual-language i18n — Ships with Chinese (zh) and English (en) translation files under src/i18n/, and automatically selects a language based on the browser's language setting.
• JSON-driven content — All card content (profile, about, skills, links, projects, time, footer) is read from src/i18n/*.json and rendered automatically, so editing a JSON file updates the page without touching card components.
• Card component architecture — Each UI section is an isolated Astro component under src/cards/ (profile.astro, about.astro, skills.astro, links.astro, projects.astro, time.astro, footer.astro), making per-card customization straightforward.
• Custom layout controls — Two inline style values in src/pages/index.astro control the whole layout: line 35 sets the container max-width (default 730px) and line 88 sets the grid-template-columns ratio (default 1fr 2fr).
• Easy language extension — Adding a new locale only requires creating a new JSON file in src/i18n/ and registering it in the initTastro configuration inside src/pages/index.astro.
• Uses Mi Sans font — The template adopts Mi Sans, Xiaomi's open-source font, for typography.
• MIT licensed — The project is released under the MIT License.

Who is it for?

• Personal developers who want a clean, bilingual personal homepage without building from scratch; they can edit the JSON files and deploy the static site.
• Non-technical content owners who only need to maintain a personal profile; all editable text lives in structured JSON files and no server-side logic is required.
• Astro learners looking for a minimal, readable project structure that demonstrates i18n, card components, and static site generation with pnpm scripts.

What can you do with it?

• Showcase skills and links — Replace the items arrays in the i18n JSON to list your own skills (NodeJS, Python, etc.) and social links (GitHub, bilibili) with URLs.
• Present selected projects — The projects card takes a list of objects with name, description, and URL, so you can highlight open-source work like Lyrify Translator.
• Localize for your audience — Add a new language file, register it in the Tastro config, and the entire page becomes available in that locale.

Quick start

After forking or cloning the repository, install dependencies with pnpm install, then run pnpm run dev to start the development server at http://localhost:4321. Production builds are generated with pnpm run build, and pnpm run preview serves the built output locally.