Markdown之Typora笔记工具添加水印_md 加水印

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

如果你需要这些资料，可以戳这里获取

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中再加上如下代码即可

![img](https://img-blog.csdnimg.cn/img_convert/c35ffa1e5bf93683eeddb161f3c54e11.png)
![img](https://img-blog.csdnimg.cn/img_convert/3d9d7cf9bcd8a360c3db9301cc181fd1.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**