Typora修改代码块光标颜色

已于 2023-03-27 14:05:35 修改
阅读量232 收藏
点赞数
文章标签： html 前端
于 2023-03-27 14:04:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37328953/article/details/129791841
版权

        使用Ctrl+Shift+k或者```生成代码块：

         打开Typora，按shift+F12，打开开发者人员工具。

        选中代码块的同时，找到当前代码块的.CodeMirror div.CodeMirror-cursor类名：

        打开base.user.css文件，找到对应的样式，修改并重新打开Typora即可： 

 

 

倔强网友
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Typora使用教程
人俗话不多
09-24 2682
(1)标题 ctrl 1到ctrl 6:一级~~**六级**标题 Ctrl+0 消除所有标题 (2)字体 加粗 ctrl +B:加粗 倾斜加粗 ctrl +I: 倾斜 删除线 Alt+Shift+5:删除线 下划线 Ctrl+U: 下划线 倾斜加粗删除 高亮 我是上标 我是下标 < sup> 文本 将实现上标 < sub> 文本 将实现下标 居中 居中 (3)列表 无序列表 一二三四五 格式:{序号}{点}{空格}{字符} //
Typora
Mr.Lv的博客
02-26 34
Typora的简介与使用
Typora更改代码块颜色
HHT0506的博客
05-14 2901
Typora中，找到主题文件夹：文件 -> 偏好设置 -> 外观 ->打开主题文件夹。 主题文件夹下创建base.user.css文件，内容如下： .CodeMirror-line .cm-number{color:#7f6bff} /*数字，蓝色*/ .CodeMirror-line .cm-property { color: #f08d49; } .CodeMirror-line .cm-variable-3{color:#ffed6b} /*返回值、变量类型，int、v
Typora 修改块代码的颜色
Jacob_xyb
09-15 9759
修改块代码的颜色 我现在块代码的颜色： 打开主题文件夹 设置 -> 偏好设置 -> 打开主题文件夹 打开github.css .md-fences, code, tt { border: 1px solid #e7eaed; background-color: #f8f8f8; border-radius: 3px; padding: 0; padding: 2px 4px 0px 4px; font-size: 0.9em; }
Typora代码块颜色变更
dwangc的博客
03-28 1392
typora设置代码块注释颜色
Typora 更改编辑器、源代码模式的宽度、块代码的颜色
热门推荐
猎人在吃肉
05-17 2万+
设置 源码编辑器 的宽度 在 C:\Program Files\Typora\resources\app\style\ 下，找到 base-control.css 文件 ，找到 #typora-source 更改其最大宽度 max-width 为1200 ，如图所示： 设置 编辑器（主题） 的宽度 普通编辑器的配置文件 并不在 Typora 的安装目录， 是在 C:\Users\Administ...
Typora主题代码更改(引用块颜色, 标题样式和颜色, 行内代码样式)
weixin_44809386的博客
10-03 7997
Typora主题库中的主题总有自己不喜欢的部分所以自己在github主题的基础上做了一些更改。
0000-3-Markdown使用 之 typora使用[黑马程序员]
fzy521yn的博客
06-24 863
Typora真心很强大,代码博客笔记等,有效的快速格式化记录 文章目录Typora真心很强大,代码博客笔记等,有效的快速格式化记录1.基本操作1.1内容目录1.2标题1.3添加引用行1.4段落内容居中2.代码2.1单行代码2.2多行代码3.列表3.1无序列表3.2有序列表4.表格5.链接5.1图片5.2.1超链接5.2.2自动连接5.2.3Ctrl + k 将 选中文字 与 网址 建立关系。6.其他6.1斜体6.2加粗6.3加粗斜体6.3.1高亮显示内容6.4删除线6.5分隔符6.6注脚6.7下划线6.8数
Markdown (2)
太玄的博客
04-05 354
Markdown（2） 上回介绍到了段落标记和行内标记。这回我们分别介绍各类Markdown所支持的各种格式。这些格式有的是段落标记，有的是行内标记，有的则有段落标记和行内标记两种形式，有的则需要段落标记和行内标记配合才能生效。 标题和目录 标题标记 标题是一种段落标记。 就像之前提到的，在一个段落行首加#然后空格（一定要有空格），就把这一段标记为了标题。如果加2个#就表示二级标题，如果加3个#就...
Markdown个人学习记录
Bruce的博客
05-26 305
学习笔记
Typora 最佳主题
12-11
该文档是在github主题基础上，做的一些改动，增加了暗色代码背景，调整了文档的字体、大标题、表格以及重点文字的颜色，使得写出的文档更加的美观。并且我对这个主题中的一些常用代码做了注释，喜欢的朋友可以根据自己的喜好做出相应的调整。
csdn 代码块颜色不变？改变csdn中代码块颜色~
vida990717的博客
03-28 938
最近刚刚开始用csdn写博客，遇到的问题是代码块颜色不变，看着超级别扭~~ 在设置中改变代码片样式也没有作用 o(╥﹏╥)o 如图： 改变的办法是：在插入代码块的三个小点点后面写上语言名称，如下图所示： 立刻顺眼~ ...
Typora 设置代码块的默认编程语言以及字体颜色设置
liangfei868的博客
07-25 2319
Typora自定义设置样式
自定义typora样式，如引用块颜色
knighthood2001
01-15 1025
要进行自定义typora中的样式，你最好像我一样，自己新建一个主题首先文件->偏好设置->打开主题文件夹然后自己新建一个文件夹，可以命名为selfmake，并copy一下github.css一个副本，将其命名为selfmake.css，这样你重启typora后选择主题就能看到自己的主题了。
Typora文字变红
小小关的博客
09-06 672
是一款非常优秀的markdown语法编辑器。居然没有文字标红，这就很尴尬了。所以，我终于找到了怎么改变字体颜色，为大家分享一下。
Typora使用的一些记录（自用）
最新发布
m0_73528660的博客
04-23 476
Typora 是一个伪装成文本编辑器的浏览器。当你按下快捷键或者右键检查元素时，页面会弹出一个基于 Chrome 的开发者工具栏。1、Typora快捷键标题(Ctrl+1(2，3，4，5，6))字体(Ctrl+I斜体，Ctrl+B粗体)删除线(Alt+Shift+5)下划线(Ctrl+U)代码高亮(Ctrl+Shift+`)代码段(Ctrl+Shift+K)链接(Ctrl+K)图片(Ctrl+C，Ctrl+V直接复制粘贴)插入图片(Ctrl+Shift+I)
typora修改主题字体、代码块字体、行内块代码字体大小、引用块字体大小、代码块背景颜色、文章可写区域宽度以及修改教程
m0_62283830的博客
07-13 2万+
typora修改主题字体、代码块字体、行内块代码字体大小、引用块字体大小、代码块背景颜色以及修改教程
CodeMirror和美化的日晒主题
CSS 初学者指南
06-25 1295
这是Google Code Prettify （ 在此源中找到 ）的。 .prettyprint { color: #839496; background-color: #002b36; } .prettyprint .pln { color: inherit; } .prettyprint .str, .prettyprint .lit, .prettyprint .atv...
Typora的光标状态如何切换
Ryan_Xu的博客
01-15 1936
Typora在字符中间时选中字符，不是光标 方法：Fn+insert
typora设置代码块颜色
07-25
在Typora中设置代码块的颜色可以通过修改样式文件来实现。首先，你需要找到Typora的安装目录，默认为C:\Program Files\Typora\resources\app\style\。在该目录下找到base-control.css文件。打开该文件后，搜索.CodeMirror-lines，找到max-width属性，将其值改为1200。这将设置编辑器的宽度。\[2\] 接下来，你需要打开github.css文件。在该文件中，你可以找到.md-fences、code和.md-fences等样式。你可以根据需要修改这些样式来改变代码块的颜色。例如，你可以修改code样式的background-color属性来改变代码块的背景色，修改color属性来改变字体颜色。\[3\] 请注意，修改样式文件可能会影响到其他部分的样式，所以在修改之前最好备份一下原始文件。另外，修改样式文件后，你可能需要重新启动Typora才能看到修改后的效果。 #### 引用[.reference_title] - *1* *2* [Typora 更改编辑器、源代码模式的宽度、块代码的颜色](https://blog.csdn.net/xiaojin21cen/article/details/90292315)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Typora 修改块代码的颜色](https://blog.csdn.net/weixin_44560698/article/details/120309042)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值