VuePress 博客之 SEO 优化（一） sitemap 与搜索引擎收录

在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看： TypeScript 中文文档。

本篇讲讲如何进行 SEO 优化。

1. 生成 sitemap

借助 vuepress-plugin-sitemap 生成站点地图：

1.1 安装

yarn add vuepress-plugin-sitemap -D

1.2 修改 config.js

// .vuepress/config.js
module.exports = {
   
  plugins: {
   
    'sitemap': {
   
      hostname: 'https://ts.yayujs.com'
    },
  }
}

1.3 如果生成失败

如果 build 的时候，生成失败：

这可能是因为你设置了 lastUpdated 或者使用了 @vuepress/last-updated插件，当两个一起用的时候，因为时间对象的缘故，产生了报错，我们搜索 vuepress-plugin-sitemap 的 issues，可以找到 一个解决方法，我们修改一下 config.js：

// .vuepress/config.js
module.exports = {
   
  plugins: [
    [
      '@vuepress/last-updated',
      {
   
        transformer: (timestamp, lang) => {
   
          return new Date(timestamp).toLocaleDateString()