水印

VuePress Theme Hope 允许你通过 @vuepress/plugin-watermark 添加水印。

介绍

要使用它，先安装 @vuepress/plugin-watermark:

pnpm

pnpm add -D @vuepress/plugin-watermark@next

yarn

yarn add -D @vuepress/plugin-watermark@next

npm

npm i -D @vuepress/plugin-watermark@next

你可以通过在主题选项中设置 plugins.watermark 或在页面 Frontmatter 中设置 watermark 来自定义水印行为。

最简单的方法是将其设置为 true 以获取站点名称水印：

• 全局启用：

  .vuepress/theme.ts

  import { 
  hopeTheme
   } from "vuepress-theme-hope";
  
  export default 
  hopeTheme
  ({
    
  plugins
  : {
      
  watermark
  : true,
    },
  });

• 在特定页面启用：

  example.md

  ---
  watermark: true
  ---

你也可以完全自定义水印：

• 全局自定义:

  .vuepress/theme.ts

  import { 
  hopeTheme
   } from "vuepress-theme-hope";
  
  export default 
  hopeTheme
  ({
    
  plugins
  : {
      
  watermark
  : {
        
  watermarkOptions
  : {
          
  content
  : "自定义内容",
          
  movable
  : true,
          // 其他选项
        },
      },
    },
  });

• 自定义某个页面:

  example.md

  ---
  watermark:
    width: 200
    height: 200
    content: Your content
    opacity: 0.5
  ---

有关详细的配置，请参见 水印插件文档。