博客站迁移至 VitePress 的备忘

博客站迁移至 VitePress 的备忘

💡 原文中文,约10700字,阅读约需26分钟。
📝

内容提要

本文介绍了作者将博客从Hexo迁移到VitePress的过程,选择了Vue官方博客主题,并逐步迁移了页面、导航和静态资源。解决了摘要分界记号、文章评论、元数据和RSS订阅文件等问题。添加了手动指定缩略图、页面跳转动画和进度动画等功能。

🎯

关键要点

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

标签

➡️

继续阅读