Xiaojun.im

Overview

Deploy with Vercel is a personal blog built using Next.js, TypeScript, MDX, and TailwindCSS. It offers a simple, smooth, and fast user experience with features such as dark mode, responsive design, and a lightweight code playground. The blog is powered by Next.js, making it convenient for secondary development and is deployed on Vercel. Additional features such as SEO optimization, pagination, comment system, and social links support are currently being developed.

Features

• Simple, smooth and fast: Provides a user-friendly experience with a clean and fast interface.
• Support dark mode, responsive design: Offers a dark mode option and adjusts the design layout to be responsive on different devices.
• Built-in lightweight code playground: Allows users to write and execute HTML and React components within the blog, making it easier for front-end development.
• Powered by Next.js, TypeScript, MDX, TailwindCSS: Utilizes these technologies to ensure efficient development and maintainability of the blog.
• Support reading time, tags, table of contents, i18n, KaTeX: Provides additional features such as calculating reading time, tagging posts, generating table of contents, internationalization support, and rendering mathematical expressions using KaTeX.

Installation

To install the Deploy with Vercel theme, follow these steps:

1. Fork the repository and modify the configuration in the site.config.js file with your own information.
2. Register for the Upstash service and create a .env file, filling in the required information.
3. Run npm i command to install the dependencies.
4. Run npm run new:post filename title [tag1] [tag2] ... command to create a new .mdx file in the posts folder.
5. Deploy the blog to Vercel.
6. If you like the theme, consider starring the repository.

Summary

Deploy with Vercel is a personal blog theme built with Next.js, TypeScript, MDX, and TailwindCSS. It offers a simple and fast user interface with features such as dark mode, responsive design, and a lightweight code playground. The theme is powered by Next.js, providing convenience for further development and is easily deployable on Vercel. Additional features such as SEO optimization, pagination, comment system, and social links support are currently under development. To install the theme, modifications need to be made to the configuration file, and the blog can be deployed with the help of Vercel’s platform.