Typora任意更改样式

Typora任意更改样式

以修改blockquote为例

1、首先利用shift+F12打开视图开发者工具
在这里插入图片描述

2、利用选择器选择要修改的元素

例如选择 引用blockqoute

在这里插入图片描述

点击要所要修改的元素

在这里插入图片描述

然后在这里更改颜色样式等,完成后,要去修改typora的配置文件,例如css。

3、寻找路径的方法是查看修改元素的右侧

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EfrrlJRz-1618820060778)(E:/Typora-images/image-20210410124835899.png)]

点击右键可以复制路径 或者利用工具找到所要修改的文件

例如这里的路径其实在电脑中不存在的,这是一个临时路径

这里时通过everything工具寻找github.css这个文件,然后发现有四个githu.css

在这里插入图片描述

一 一修改后,发现只有修改

C:\Users\NOTE\AppData\Roaming\Typora\themes

才能成功

注意区分路径,例如C盘下还有一个

C:\Users\NOTE\AppData\Roaming\Typora\themes\old-themes

修改这个是不成功的

4、找到路径后打开文件修改样式

例如要修改以下样式

blockquote {
    border-left: 4px solid #0065ca;
    padding: 0 15px;
    color: #00b5de;
}

打开文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9oczdg1Z-1618820060781)(E:/Typora-images/image-20210410125905599.png)]

然后将刚才在开发者工具中调整后的代码样式替换github.css文件下的代码,完成修改。

修改完成后,不论是新建的还是过去的md文件样式都会变成修改后的样式

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值