Typora设置工作台水印和导出PDF水印

最新推荐文章于 2025-07-23 10:46:05 发布

iiopsd

最新推荐文章于 2025-07-23 10:46:05 发布

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

文章标签： css css3 html

本文链接：https://blog.youkuaiyun.com/iiopsd/article/details/125329002

本文介绍了如何在Typora中为PDF添加个人签名水印，包括制作水印图片的步骤，以及如何通过修改主题CSS实现水印显示，适用于提升文档专业性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近使用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;
    }
}