Typora文档添加水印

fish-aroma

已于 2022-04-09 17:17:13 修改

阅读量3.3k

点赞数 10

分类专栏： Markdown 文章标签： Markdown Typora 水印

于 2022-04-08 15:22:02 首次发布

本文链接：https://blog.csdn.net/msq16021/article/details/124042449

版权

Typora 水印 CSS SVG 文档定制

关键词由CSDN通过智能技术生成

Markdown 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Typora文档加水印

操作流程

第一步找到文件

找到Typora的数据目录，默认在C盘下面的用户目录中的用户名目录(你的windos用户名)下面的AppData下面的Roaming下面的Typora里面的themes里面的github.css，例如我的就是C:\Users\fish-aroma\AppData\Roaming\Typora\themes，我的用户名就叫fish-aroma

需要注意：如果用其他的主题（非默认的github主题），比如默认的主题newsprint、night等主题，就需要找到主题对应的css文件

第二步修改文件

第一种效果（首页和每个代码块中都会存在水印）

修改github.css文件，在里面找到#write代码块，修改#write代码块如下

#write {
    max-width: 860px;
  	margin: 0 auto;
  	padding: 30px;
    padding-bottom: 100px;
    //下面是新增代码
	background-position: right 30px top 30px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='250' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='80%25' y='80%25' font-size='14' fill='%23a2a9b6' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3Efish-aroma%3C/text%3E%3C/svg%3E");
}

效果如下图所示
在这里插入图片描述

第二种效果（仅仅是首页存在水印）

修改#write、.md-fences代码块，修改#write、.md-fences代码如下

#write {
    max-width: 860px;
  	margin: 0 auto;
  	padding: 30px;
    padding-bottom: 100px;
    //下面是新增代码
	background-position: right 30px top 30px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='250' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='80%25' y='80%25' font-size='14' fill='%23a2a9b6' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3Efish-aroma%3C/text%3E%3C/svg%3E");
}
.md-fences {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 8px;
    padding-bottom: 6px;
    //下面是新增代码
	background: transparent;
}

效果如下图所示
在这里插入图片描述

第三种效果

修改github.css文件，在里面找到#write代码块，修改#write代码块如下

#write {
    max-width: 860px;
  	margin: 0 auto;
  	padding: 30px;
    padding-bottom: 100px;
    //下面是新增代码
	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-opacity='0.5' text-anchor='middle' dominant-baseline='middle' transform='rotate(-45, 100 100)'%3Efish-aroma%3C/text%3E%3C/svg%3E");

}