首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Typora设置工作台水印和导出PDF水印

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

作者头像
iiopsd
发布于 2022-12-23 00:51:12
发布于 2022-12-23 00:51:12
2.1K02
代码可运行
举报
文章被收录于专栏:iiopsd技术专栏iiopsd技术专栏
运行总次数:2
代码可运行

最近使用Typora写方案,输出PDF想加个水印签名,于是就去查找方法,这边总结一下流程

制作水印图片

  1. 去美图秀秀在线创作水印图片;
  2. 新建画布,选择透明背景;
  3. 添加文字,选择透明度;
  4. 自定义样式;
  5. 下载图片到本地。

设置Typora主题

  1. 打开Typora 偏好设置,选择外观项,开发主题文件夹;
  2. 复制水印图片到主题文件夹目录下;
  3. 修改主题CSS,新增代码;
  4. 重启Typora查看效果。
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/* 写作区显示水印*/
/* 水平平铺: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;
    }
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-06-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
CSS:背景属性
如果背景一直都是一成不变的,对于一个网页还是挺无趣的,为了让背景更加的生动,可以修改它的颜色。 语法:
Yui_
2025/02/03
3610
CSS:背景属性
前端学习(8)~css学习(二):背景属性
光学显示器中,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的。r、g、b的值,每个值的取值范围0~255,一共256个值。
Vincent-yuan
2020/02/25
1.5K0
前端学习(8)~css学习(二):背景属性
html背景图片的设置宽高_网页的背景图片怎么设置
background-size:设置背景图大小,它的属性值有:cover、contain和具体的宽度和高度值 (1)cover:浏览器将使图像足够大,使它完全覆盖了盒子区,同时仍然保持其高宽比。在这种情况下,有些图像可能会跳出盒子外,也就是说图像铺满了盒子,但是会有一部分被剪切了
全栈程序员站长
2022/11/10
5.6K0
html背景图片的设置宽高_网页的背景图片怎么设置
IT课程 CSS基础 023_图片、背景
图片是网页中非常重要的媒体类型,恰到好处的使用图片可以使网页多彩生动,不再局限冷冰冰的文字。
zhaoJian.Net
2024/04/03
2920
IT课程 CSS基础 023_图片、背景
9.26【前端开发】背景属性:样式中背景色和背景图片样式如何使用?
初始值transparent ,在 CSS 中,transparent是一种颜色。
LIYI
2020/10/09
1.1K0
9.26【前端开发】背景属性:样式中背景色和背景图片样式如何使用?
前端学习笔记之CSS属性设置 CSS属性设置
一 字体属性 1、font-weight:文字粗细 取值 描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2、font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜  3、font-size:文字大小 fs:一般是12px或13px或14px 注意: 1、通过font-size设置文字大小一定要带单位
Jetpropelledsnake21
2019/02/15
6.4K0
HTML基础第三课(冲浪笔记3)
1、单词表示法:red、green、blue 2、十六进制表示法:#000000 #ffffff #ff0000红 3、rgb三原色表示法:rgb(0,0,0)    取值范围0-255
申小兮
2022/10/11
3420
HTML基础第三课(冲浪笔记3)
重学---css背景与精灵图
注意一下,rgba代表了红色 绿色 蓝色 透明哈(0-1),0代表完全透明,1代表原本模样.
贵哥的编程之路
2020/11/03
4860
重学---css背景与精灵图
第96天:CSS3 背景详解
一、背景大小 background: url("images/bg.jpg") no-repeat; 控制背景的大小 1、具体数值 background-size: 500px 500px; 2、百分比 background-size: 50% 50%; 3、cover、contain参数 cover 完全覆盖盒子,不一定全部显示 background-size: cover; contain 背景图片最大化在盒子中等比显示,但不一定能铺满盒子 background-size: contain; 二、全屏
半指温柔乐
2018/09/11
3060
【海贼王航海日志:前端技术探索】CSS你了解多少?(二)
我们的显示器是由很多很多的“像素”构成的。每个像素视为一个点,这个点就能反映出一个具体的颜色。我们使用R(red)、G(green)、B(blue)的方式表示颜色(色光三原色)。三种颜色按照不同的比例搭配,就能混合出各种效果。
枫叶丹
2024/08/09
1550
【海贼王航海日志:前端技术探索】CSS你了解多少?(二)
图片等比例缩放方案
在Web开发时无可避免的需要将图片进行缩放,缩放时需要保证图片不变形,也就是需要等比例缩放。
WindRunnerMax
2020/08/27
7.1K0
【前端基础篇】CSS基础速通万字介绍(下篇)
以及在看本篇之前需要有HTML的基础,详情请见【前端基础篇】HTML零基础速通,同时还有【前端基础篇】CSS基础速通万字介绍(上篇)
半截诗
2024/10/09
4970
【前端基础篇】CSS基础速通万字介绍(下篇)
电商项目(下)
感谢你学习今天的内容,如果你觉得这篇文章对你有帮助的话,也欢迎把它分享给更多的朋友,感谢。
达达前端
2019/07/03
2.8K0
电商项目(下)
【HTML+CSS+JavaScript】3d-boxes-background
HelloWorldZ
2024/03/20
1260
七夕节日表白:七大网页风格与其适用人群
本文介绍了七种七夕节日表白的网页风格,从色彩搭配、设计元素到字体选择,为读者提供了多样化的选择。此外,还分析了每种风格的特点以及它们可能吸引的特定人群。
猫头虎
2024/04/09
1590
七夕节日表白:七大网页风格与其适用人群
CSS笔记
@import url(xx.css): 在一个css中,添加对其他css文件的引用
tandaxia
2018/09/27
1.7K0
CSS笔记
CSS
  我们可以通过不同的选择器来选择标签,如果多个选择器选中了同一标签时,该以那个选择器来渲染标签呢?于是就牵扯到选择器的优先级问题。
py3study
2020/02/10
1.6K0
与我一起学css3:background-size,-clip
大家好,今天与大家一起学习分享css3中的background-size,background-clip使用与实践。
RobinsonZhang
2018/08/28
7200
与我一起学css3:background-size,-clip
css 背景图片虚化效果
转载地址:http://blog.csdn.net/ohehehou/article/details/51975539
lin_zone
2018/08/20
4.1K0
六. CSS 样式补充之 font & background
font-face可以将服务器中的字体直接提供给用户去使用 问题: 1.加载速度 2.版权 3.字体格式
小海怪的互联网
2020/10/26
2.1K0
相关推荐
CSS:背景属性
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档