Personal website / blog of sjduan.
Live: https://sjduan.github.io
This is a lightweight personal website for sharing projects, blog posts, and notes. Built as a static site so it's fast, easy to maintain, and ideal for hosting on GitHub Pages.
- Simple, responsive design
- Blog posts (Markdown)
- Projects showcase
- Contact / social links
- RSS feed and SEO-friendly meta tags
Choose one that fits your repo; examples:
- Static HTML/CSS/JS
- Jekyll (Ruby) — default for GitHub Pages
- Hugo (Go)
- VitePress / Astro / Eleventy
gem install bundler jekyll
bundle install
bundle exec jekyll serve
# open http://localhost:4000brew install hugo
hugo server -D
# open http://localhost:1313npm install
npm run dev # if using a bundler/dev server- GitHub Pages: push to
gh-pagesor usemainwith/docs(see repo Settings → Pages). - Netlify / Vercel: connect repo and enable automatic deploys.
index.md/index.html— homepage_posts/orcontent/posts/— blog posts (Markdown)assets/— images, CSS, JS_config.yml/config.toml— site config (if using a generator)
Create a markdown file in the posts folder with front matter:
---
title: "My New Post"
date: 2026-03-19
tags: [notes, project]
---
Write your post here...- Update metadata (site title, description, social links) in the site config.
- Add Google Analytics / Plausible or use privacy-friendly alternatives.
- Use a minimal CSS framework (e.g. Pico.css) or a custom theme for faster styling.
This is my personal site — pull requests welcome for typos, accessibility fixes, or small layout improvements. For larger changes, open an issue first.
Content © USERNAME. Site assets and code are under the MIT License (see LICENSE).
- Email: you@example.com
- Twitter: @yourhandle
- GitHub: https://github.com/USERNAME
Would you like a shorter one-page README, or a Jekyll-specific README prefilled for your repo?Would you like a shorter one-page README, or a Jekyll-specific README prefilled for your repo?