最近使用Typora写方案,输出PDF想加个水印签名,于是就去查找方法,这边总结一下流程
制作水印图片
- 去美图秀秀在线创作水印图片;
- 新建画布,选择透明背景;
- 添加文字,选择透明度;
- 自定义样式;
- 下载图片到本地。

在这里插入图片描述

在这里插入图片描述
设置Typora主题
- 打开Typora 偏好设置,选择外观项,开发主题文件夹;
- 复制水印图片到主题文件夹目录下;
- 修改主题CSS,新增代码;
- 重启Typora查看效果。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
/* 写作区显示水印*/
/* 水平平铺:background: url("./sign.png") repeat-y center center;*/
#write {
background-color: rgba(255, 255, 255, 0.28);
background: url("./sign_600_500.png") repeat;
background-size: contain;
background-size: 600px 500px;
}
@media print {
#write {
background: body;
}
body {
background: url("./sign_600_500.png") repeat;
background-size: 600px 500px;
height: auto;
}
}