Third Reconstruction of Personal Blog (Based on Vitepress)

07/30/2024

Blog

Vitepress

Cloudflare

Giscus

RSS

TDesign

In this article, the author documents the process of the third reconstruction of their personal blog, which involves a series of improvements and optimizations based on Vitepress. Since starting to build the blog with Vitepress in early 2022, the author has gradually felt uncomfortable with the original style due to version updates and decided to redesign it. The main contents of this reconstruction include:

1. Homepage Design: Implementing a simple blog pagination list, utilizing createContentLoader to extract article summaries and other information.
2. Deployment and Domain Management: Migrating the blog from GitHub Pages to Cloudflare Pages and changing the DNS server.
3. Internationalization Support: Achieving internationalization for Vitepress and the commenting system Giscus, supporting both Chinese and English.
4. Content Migration: Migrating blog articles, generating summaries and tags, and ensuring compatibility with old paths to avoid broken external links.
5. Optimizing User Experience: Customizing fonts and preloading them to improve page loading speed.

Through these adjustments, the author hopes that the blog will not only be rich in content but also provide readers with a better visual and user experience. Ultimately, the author emphasizes the importance of blog design on writing mood, believing that organizing the environment can promote the flow of creative inspiration.

1 items

• 1