Markdown之Typora笔记工具添加水印

Markdown之Typora笔记工具添加水印

使用了很久的Typora工具记笔记，这个工具确实很好用，也很方便，但最近在使用Typora工具做笔记的时候，就在想能不能在笔记里面打上自己专属的Logo或者公司的Logo什么的，也相当于给自己打个广告嘛，然后就去搜索看怎么去打水印添加Logo，结果找了好多都没有，最后自己想想这东西不就是添加一个CSS样式就好了吗(谁让咱是搞技术的呢)，然后就去看了一下源代码，发现确实很简单，只需要找到你的数据目录，然后在github.css中添加几个样式就OK了
具体操作步骤:

1. 将计算机中隐藏文件全部显示出来(相信这一步应该不用去详细的讲解如何显示隐藏的文件吧)
2. 找到Typora的数据目录，默认在C盘下面的用户目录中的用户名目录(你的windos用户名)下面的AppData下面的Roaming下面的Typora里面的themes里面的github.css，例如我的就是C:\Users\Lenovo\AppData\Roaming\Typora\themes，我的用户名就叫Lenovo
3. 打开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也会留在上面。