Typora任意更改样式

以修改blockquote为例

1、首先利用shift+F12打开视图开发者工具

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

例如选择引用blockqoute

点击要所要修改的元素

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

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

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

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

这里时通过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;
}

打开文件

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

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

Typora任意更改样式相关推荐

Typora自定义主题样式
Typora自定义主题样式 1.打开Typora开发者工具视图 --> 开发者工具(Shift + F12) 2.使用选区工具选中想要更改的元素 3.查看styles区域 4.修改颜色并预览 ...
img src SVG使用CSS更改样式
本文翻译自:img src SVG changing the styles with CSS html html <img src="logo.svg" alt=" ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
日期时间选择器选择器更改样式deep穿透无效
DateTimePicker 日期时间选择器时间选择器更改样式deep穿透无效,在选择器中加入到teleported属性设置为false
tapestry autocomplete 更改样式及定位
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处 .作者信息和本声明.否则将追究法律责任.http://blog.csdn.net/sbfivwsll/archive/2009 ...
终端改变字体颜色和背景,控制光标,设置屏幕,更改样式与ANSI Esc(\033,\x1B,\e)转义序列用法
简介 ANSI 转义序列( Esc , \033 , \x1B , \e )是个特殊转义字符,它可以在终端控制光标,改变字体颜色和背景,设置屏幕或者使用私有模式来改变终端样式,使终端样式更美观,功能更 ...
js怎么动态控制伪元素（更改样式、隐藏等）
js控制伪元素 1.通过attr()改变伪元素的值 2.覆盖原有样式 (1)css优先级覆盖 (2)更改class类名覆盖 (3)内联样式表覆盖大家应该知道js是不能直接控制伪元素的,所以总结了俩方 ...
React 使用Markdown 更改样式
参考:https://github.com/remarkjs/react-markdown 依赖: npm install react-markdown npm install react-synta ...
如何实现windows自带输入法字体任意更改
1.首先找到注册表文件计算机\HKEY_CURRENT_USER\Software\Microsoft\InputMethod\CandidateWindow\CHS\1 2.点开FontStyle ...
完美解决WIN7系统字体模糊问题（替换字体+更改样式设置+修改注册表）
1,用字体替换工具(搜一下大把)将xp里拷来的simsun.ttf 替换掉win7里的同文件名文件 2,删除or替换掉win7下的simsunb.ttf文件,替换的话用刚才xp的simsun.ttf ...

Typora任意更改样式

Typora任意更改样式

Typora任意更改样式相关推荐

最新文章

热门文章