百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

Typora的美化小技巧让你的Typora五颜六色

zhezhongyun 2024-12-07 18:39 40 浏览

Typora的美化小技巧让你的Typora五颜六色

1. 添加你喜欢的背景色

1.1 打开主题文件夹，找到你喜欢的主题CSS文件

1.1.1 如何打开主题文件夹

依次点击“文件”→“偏好设置”→“外观”→“打开主题文件夹”

1.1.2 找到你喜欢的主题CSS文件，并且打开它

1.1.2.1 CSS文件在哪里

CSS主题文件就在打开主题文件夹后的根目录，那些.css文件就是

1.1.2.2 CSS文件如何打开

推荐使用VScode微软官方免费的编程软件，支持Emmet语法，可以帮你自动补全代码。

1.1.3 如何修改背景色

  • 在root标签下添加以下代码，其中#E0FFFF是颜色代码，你可以网站上搜索HTML颜色代码，挑选自己喜欢的颜色即可

2.更改h1~h6标题颜色

  • 在CSS代码找到H1~H6标签，并且在其后面添加代码color: #DC143C(说明：#后面跟着的是颜色代码，可以替换为你喜欢的颜色)

3. 如何添加背景图

  • 首先确认你的写作区是在哪个标签下，首先我们依次点击“视图”→“开发者工具”，使用开发者工具的选择元素按钮（或者快捷键Ctrl+Shift+C）选择我们当前主题的写作区域，当选择后我们可以看到开发者工具的CSS栏的Style中对应的显示了所选的区域的标签，我图中所示为Write标签。因此我们可以在Write标签中，添加背景图片即可。
  • 在主题文件夹目录创建一个新文件夹，比如说命名为image，在该文件夹中放入你想要作为主题背景图的图片jpg或者png。比如说我的背景图命名为3.png
  • 在#Write标签下添加以下代码
  • 代码①的含义为：添加CSS当前文件夹的下一级文件夹image中的图片3.png作为背景
  • 代码②的含义为：添加的背景图片四周变为圆角，圆角半径50像素，你也可以改为其它值，直到你自己觉得满意为止，效果如箭头所示。
  • 代码③的含义为，添加的背景图片透明化值为0~1之间当然对于背景图片的处理还有其它操作，如果有需求可以直接在网上搜索关于background-image的其它属性信息。

相关推荐

perl基础——循环控制_principle循环

在编程中，我们往往需要进行不同情况的判断，选择，重复操作。这些时候我们需要对简单语句来添加循环控制变量或者命令。if/unless我们需要在满足特定条件下再执行的语句，可以通过if/unle...

CHAPTER 2 The Antechamber of M de Treville 第二章 特雷维尔先生的前厅

CHAPTER1TheThreePresentsofD'ArtagnantheElderCHAPTER2TheAntechamber...

CHAPTER 5 The King'S Musketeers and the Cardinal'S Guards 第五章 国王的火枪手和红衣主教的卫士

CHAPTER3TheAudienceCHAPTER5TheKing'SMusketeersandtheCardinal'SGuard...

CHAPTER 3 The Audience 第三章 接见

CHAPTER3TheAudienceCHAPTER3TheAudience第三章接见M.DeTrévillewasatt...

别搞印象流!数据说明谁才是外线防守第一人!

来源：Reddit译者：@assholeeric编辑：伯伦WhoarethebestperimeterdefendersintheNBA?Here'sagraphofStea...

V-Day commemorations prove anti-China claims hollow

People'sLiberationArmyhonorguardstakepartinthemilitaryparademarkingthe80thanniversary...

EasyPoi使用_easypoi api

EasyPoi的主要特点：1.设计精巧,使用简单2.接口丰富,扩展简单3.默认值多,writelessdomore4.springmvc支持,web导出可以简单明了使用1.easypoi...

关于Oracle数据库12c 新特性总结_oracle数据库12514

概述今天主要简单介绍一下Oracle12c的一些新特性，仅供参考。参考：http://docs.oracle.com/database/121/NEWFT/chapter12102.htm#NEWFT...

【开发者成长】JAVA 线上故障排查完整套路!

线上故障主要会包括CPU、磁盘、内存以及网络问题，而大多数故障可能会包含不止一个层面的问题，所以进行排查时候尽量四个方面依次排查一遍。同时例如jstack、jmap等工具也是不囿于一个方面的问题...

使用 Python 向多个地址发送电子邮件

在本文中，我们将演示如何使用Python编程语言向使用不同电子邮件地址的不同收件人发送电子邮件。具体来说，我们将向许多不同的人发送电子邮件。使用Python向多个地址发送电子邮件Python...

提高工作效率的--Linux常用命令，能够决解95%以上的问题

点击上方关注，第一时间接受干货转发，点赞，收藏，不如一次关注评论区第一条注意查看回复：Linux命令获取linux常用命令大全pdf+Linux命令行大全pdf为什么要学习Linux命令？1、因为Li...

linux常用系统命令_linux操作系统常用命令

系统信息arch显示机器的处理器架构dmidecode-q显示硬件系统部件-(SMBIOS/DMI)hdparm-i/dev/hda罗列一个磁盘的架构特性hdparm-tT/dev/s...

小白入门必知必会-PostgreSQL-15.2源码编译安装

一PostgreSQL编译安装1.1下载源码包在PostgreSQL官方主页https://www.postgresql.org/ftp/source/下载区选择所需格式的源码包下载。cd/we...

Linux操作系统之常用命令_linux系统常用命令详解

Linux操作系统一、常用命令1．系统(1)系统信息arch显示机器的处理器架构uname-m显示机器的处理器架构uname-r显示正在使用的内核版本dmidecode-q显示硬件系...

linux网络命名空间简介_linux 网络相关命令

此篇会以例子的方式介绍下linux网络命名空间。此例中会创建两个networknamespace：nsa、nsb，一个网桥bridge0，nsa、nsb中添加网络设备veth，网络设备间...

一周热门
最近发表
标签列表