前言

最近项目中使用到Vuepress这个框架，展示项目中的介绍文档，操作指南之类的文档，由于需要访问的favicon.ico 需要与平台一致，基于此做以下配置

配置

• 配置文件路径：docs/.vuepress/config.ts 配置文件
• 设置 head 属性，添加 link 标签，href 设置图片路径。
• 注意：图片放在 docs/.vuepress/public 文件夹下，public 要手动创建。
• 编译后 dist 文件夹会将 public 文件夹下的文件放出

const path = require('path')
module.exports = {
    title: '念念不忘',
    description: '念念不忘的技术站',
    dest: 'dist/docs',
    base: '/docs/',
    palette: path.resolve(__dirname, 'palette.styl'), 
    head: [
      [
        'link',{ rel: 'icon', href: '/favicon.ico' }
      ]
    ],
    themeConfig: {
     ...
    }
  }

下图是项目的目录结构，不过我在实际项目中使用的 cdn 地址 最终在浏览器中访问的时候可以看到刚才配置的icon 图标。