桓楠百科网

编程知识、经典语录与百科知识分享平台

Typora如何设置CSS外观(typora怎么修改代码块颜色)

Typora是一款流行的Markdown编辑器,用户可以通过以下步骤设置CSS样式:

方法一:使用主题文件

  1. 找到主题文件位置
  2. 在Typora中,点击“文件”->“偏好设置”,在打开的窗口中选择“外观”。
  3. 点击“打开主题文件夹”,会打开Typora主题文件所在的目录。
  4. 选择并编辑CSS文件
  5. 该目录下有很多.css文件,每个文件对应一种主题。选择你想要修改的主题对应的CSS文件,比如github.css
  6. 用文本编辑器(如Notepad++、Sublime Text等)打开该CSS文件。
  7. 修改CSS样式
  8. 在打开的CSS文件中,你可以根据CSS语法规则修改各种样式。例如,要修改标题的颜色,可以找到对应的标题选择器(如h1h2等),然后修改color属性的值。
  9. 要修改字体,可以通过font-family属性来设置。比如body { font-family: Arial, sans-serif; }将页面主体字体设置为Arial,如果用户电脑上没有Arial字体,则会使用系统默认的无衬线字体。
  10. 保存并应用
  11. 修改完成后,保存CSS文件。
  12. 回到Typora,在“偏好设置”->“外观”中,重新选择刚刚修改的主题,即可应用新的样式。



方法二:使用自定义CSS

  1. 打开偏好设置
  2. 点击Typora的“文件”->“偏好设置”。
  3. 启用自定义CSS
  4. 在偏好设置中,找到“外观”选项卡,勾选“打开自定义CSS文件”。
  5. 编辑自定义CSS文件
  6. 点击“打开CSS文件”按钮,会用默认的文本编辑器打开一个.css文件。
  7. 在这个文件中,你可以编写自己的CSS样式规则。这些样式规则会覆盖Typora默认的样式以及当前主题的样式。
  8. 例如,你可以添加如下代码来改变链接的样式:
a {
    color: #007acc;
    text-decoration: none;
    border-bottom: 1px dotted;
}
- 上述代码将链接的颜色设置为蓝色,去除了下划线,并添加了一个点状的下边框。
  1. 保存并生效
  2. 保存自定义CSS文件后,回到Typora,你会发现页面样式已经按照你在自定义CSS文件中设置的规则进行了更新。

效果展示

CSS样式提供者:清单控沙牛


控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言