当前位置:   article > 正文

好用的工具Typora推荐和更改源代码主题_typora主题github

typora主题github

好用的工具Typora推荐和更改源代码主题

一、下载安装

这个是一款比较常用的文本编辑软,安装比较简单我就不演示了,破解版的安装包放在下面了,请自提。
链接: 安装包
提取码: 6666

二、设置主题

这里我选择的是github,后的修改样式也要修改你选择对应的。
在这里插入图片描述

三、先看效果图

在这里插入图片描述

四、开始改源代码

1.点击 文件—>偏好设置—>外观—>打开主题文件夹在这里插入图片描述
2.选取对应的css文件

我这里选的是github的,打开文件进行修改
在这里插入图片描述

3.标题的设置

找到h1,h2…在下面添加color

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
	color:#0B923A;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

在这里插入图片描述
保存后重新打开,效果对比
在这里插入图片描述

4.代码块的设置
code {
	background-color: #F9F2F4;
    padding: 0 2px 0 2px;
    color: #A97CF1;
}
  • 1
  • 2
  • 3
  • 4
  • 5

在这里插入图片描述

5.引用框的设置
blockquote {
	color: #4D4D4D;
	border-left: 4px solid #1fe36e;
    padding: 0 15px;
}
```![在这里插入图片描述](https://img-blog.csdnimg.cn/5bdee2eb6178423896ea487265228103.png)
#### 6.选中高亮的设置
```css
:root{
	--control-text-color: #ffffff;
	--select-text-bg-color: #75D975;
	--select-text-font-color:#ffffff;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

在这里插入图片描述
完毕!
注意:修改完源代码一定要保存,然后在启typora不然不会生效。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/787652
推荐阅读
相关标签
  

闽ICP备14008679号