typora自定义样式

全栈极客小飞

已于 2022-08-16 18:30:11 修改

阅读量1.7k

点赞数 3

分类专栏：工具文章标签： intellij-idea

于 2022-08-09 19:09:58 首次发布

本文链接：https://blog.csdn.net/qq_46239275/article/details/126253884

版权

工具专栏收录该内容

11 篇文章 1 订阅

订阅专栏

1、设置引用的颜色

默认

在这里插入图片描述

修改引用的样式

打开typora，点击文件 -> 偏好设置 -> 打开主题文件夹(打不开就手动去C盘找到该css文件路径)

C:\Users\SuperWu\AppData\Roaming\Typora\themes		下的 github.css文件

在这里插入图片描述

打开github.css样式文件，找到 blockquote 样式，进行修改

blockquote {
    border-left: 4px solid #3CB371;		/*将原来的灰色#dfe2e5	修改颜色为绿色	#53e837*/
	background-color: #F5F5F5;		/*添加引用背景色为浅灰色 background-color: #F5F5F5;*/
    padding: 0 15px;
    color: #777777;
}

改后的引用样式:
在这里插入图片描述

2、文本高亮设置

打开typora，点击文件 -> 偏好设置 -> markdown 勾选高亮

在这里插入图片描述

此时默认是黄色

在这里插入图片描述
在github.css样式文件中添加样式代码块：

/*
自定义添加文本高亮代码块
*/
mark {
  background: #FF0000;  /* ##FF0000 代表红色 */
  border-bottom: 0px solid #ffffff;  /* 这里是字体颜色，也可以更改 */
  padding: 0.0px;
  margin: 0 0px;
}

改后的高亮样式:
在这里插入图片描述

3、自定义图片的样式

/*
自定义引用图片的样式
*/
p .md-image:only-child {
	width: auto;
	text-align: left;	/*设置居左*/
	padding: 20px;	/*图片四周padding 20px*/
	background: #F5F5F5; /*设置图片的背景为灰色*/
}