Typora笔记工具添加水印

by Typora.net
Typora笔记工具添加水印,使用了很久的Typora工具记笔记,这个工具确实很好用,也很方便,但最近在使用Typora工具做笔记的时候,就在想能不能在笔记里面打上自己专属的Logo或者公司的Logo什么的,也相当于给自己打个广告嘛,然后就去搜索看怎么去打水印添加Logo,结果找了好多都没有,最后自己想想这东西不就是添加一个CSS样式就好了吗(谁让咱是搞技术的呢),然后就去看了一下源代码,发现确实很简单,只需要找到你的数据目录,然后在github.css中添加几个样式就OK了 具体操作步骤: 将计算机中隐藏文件全部显示出来(相信这一步应该不用去详细的讲解如何显示隐藏的文件吧) 找到Typora的数据目录,默认在C盘下面的用户目录中的用户名目录(你的windos用户名)下面的AppData下面的Roaming下面的Typora里面的themes里面的github.css,例如我的就是C:\Users\Lenovo\AppData\Roaming\Typora\themes,我的用户名就叫Lenovo 打开github.css进入编辑状态,在里面添加如下代码 ​/*设置水印*/ .md-fences { /*margin-bottom: 15px; margin-top: 15px; padding: 0.2em 1em; padding-top: 8px; padding-bottom: 6px;*/ background-image: url("logo图片的路径,一般使用相对路径"); background-repeat: no-repeat;/*设置Logo图片不平铺*/ background-position: center center; /*设置Logo图片的位置(我这里设置的是中间位置)*/ background-size: 80px 80px;/*设置Logo图片的大小*/ } 这个设置完保存,然后重新打开Typora,在编辑文本块儿区域的中间区域(因为我设置的是中间区域)即可显示设置好的Logo图片 到这儿,可能你觉得已经可以了,其实不然,因为如果说你设置的是右上角的位置的时候,你会发现有重影,那么该如何去掉重影呢,也很简单,几行代码的事儿,这个时候只需要在刚刚那个github.css中再加上如下代码即可 /*取消重叠*/ .code-tooltip{ background-image: none; } .CodeMirror.cm-s-inner{ background: transparent !important; } 到此处才算大功告成了,记得保存,然后关闭Typora,再重新打开Typora即可,在你导出pdf的时候Logo也会留在上面。
Tags: , ,