💡
原文中文,约10700字,阅读约需26分钟。
📝
内容提要
本文介绍了作者将博客从Hexo迁移到VitePress的过程,选择了Vue官方博客主题,并逐步迁移了页面、导航和静态资源。解决了摘要分界记号、文章评论、元数据和RSS订阅文件等问题。添加了手动指定缩略图、页面跳转动画和进度动画等功能。
🎯
关键要点
- 作者将博客从Hexo迁移到VitePress,并选择了Vue官方博客主题。
- 博客内容分为独立页面、文章、文章导航和静态资源四部分,逐步迁移。
- 使用VitePress的Dynamic Routes特性实现文章导航的分页功能。
- 修复了文章内容中的HTML标签解析错误,确保每篇文章都能被识别和渲染。
- 迁移静态资源到public目录,确保网站正常运行。
- 删除不必要的信息以优化阅读体验,调整了页面布局。
- 手动修改文章摘要的分界记号,并反馈给VitePress以支持自定义分界记号。
- 处理了文章评论,早期评论数据导出为JSON文件以便在新博客中使用。
- 支持Open Graph等元数据,通过transformHead函数生成<meta>标签。
- 实现了手动指定缩略图的功能,使用静态资源目录中的图像。
- 添加了页面跳转动画和进度动画等新功能,提升用户体验。
- 总结了迁移过程中关键的config字段,提供了迁移和定制功能的参考。
➡️