/xiaojun.im

我的个人博客，使用 Next.js、TypeScript、MDX 和 TailwindCSS 构建。My blog built with Next.js, TypeScript, MDX, and TailwindCSS.

Primary LanguageTypeScriptMIT LicenseMIT

Deploy with Vercel

xiaojun.im

English • 中文

My personal blog, built with Next.js, TypeScript, MDX, and TailwindCSS.

👀 Live Demo

Features

  • 🎨 Simple, smooth and fast
  • ✨ Support dark mode, responsive design
  • 🎮 Built-in lightweight code playground (native html and single react component), front-end friendly
  • ⚡️ Powered by Next.js, TypeScript, MDX, TailwindCSS, convenient for secondary development, deployed on Vercel
  • 🧩 Support reading time, tags, table of contents, i18n, KaTeX...
  • More features are in the works...

TODO:

  • SEO
  • Accessibility
  • Pagination
  • Comment system
  • More social links support
  • Migration to Contentlayer?

Getting Started

  1. Please fork this repository and modify the configuration in site.config.js with your own information

  2. Register for Upstash service, create a .env file, and fill in the following information

    UPSTASH_REDIS_REST_URL = xxx
UPSTASH_REDIS_REST_TOKEN = xxx

  3. run npm i

  4. run npm run new:post filename title [tag1] [tag2] ..., the *.mdx file will be created in the posts folder

  5. Deploy it to Vercel

  6. If you like, please star the repo 🙏

Sounds

Sounds from https://zapsplat.com

Thanks