Typore添加倾斜的文字水印

去往火星

于 2024-08-23 16:51:26 发布

阅读量156

点赞数 2

分类专栏：工具文章标签：交互

本文链接：https://blog.csdn.net/qq_35662333/article/details/141469717

版权

工具专栏收录该内容

1 篇文章 0 订阅

订阅专栏

找到Typora的数据目录，默认在C盘下面的用户目录中的用户名目录（你的Windows用户名）下面的AppData下面的Roaming下面的Typora里面的themes里面的github.css，例如我的就是C:\Users\iiopsd\AppData\Roaming\Typora\themes，我的用户名就叫iiopsd。如果你用其他的主题（非默认的github主题），比如默认的主题newsprint、night等主题，就需要找到主题对应的css文件。
打开css文件，在里面添加一些样式代码，可以设置水印的位置、大小、颜色、透明度等属性。你可以使用url函数来引用一个图片作为水印，也可以使用svg格式来生成一个文字水印。
保存css文件，重新打开Typora，就可以看到水印效果了。如果你导出PDF文件，水印也会保留在上面。

#write {
  background: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='14' fill='lightgray' text-anchor='middle' dominant-baseline='middle' transform='rotate (-45, 100 100)'%3E大码世网络安全课%3C/text%3E%3C/svg%3E") repeat;
}

上述代码把文字水印内容写死在代码里了

4. fill='lightgray' 可以调整水印的颜色，lightgray 是一种比较浅的灰色。