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

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

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

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的其它属性信息。

相关推荐

快速掌握Kafka系列《三》配置项总结

往期系列文章：1.快速掌握Kafka系列《一》基本概念入门2.快速掌握Kafka系列《二》常用操作命令汇总目录一、前言二、broker配置2.1三个基本配置2.2其它配置2.3...

智能私有知识库RAG企业级解决方案:开源工具AnythingLLM实操指南

点击上方“顶层架构领域”，关注精彩与你分享在数据安全和隐私保护日益受到重视的背景下，私有化部署大模型的需求日益增长。MintplexLabsInc.推出的开源项目AnythingLLM，为个人...

Zabbix随笔:更换自定义logo及内容

喝杯，安静坐下写个文章。之前关于Zabbix更换logo这事其实比较复杂，随着5.4版本不断迭代，Zabbix官方也是提供了相关方法，相比之前确实容易了不少，但依然是通过命令行来实现。正文...

Windows系统CMD-DOS命令大全及CMD命令与运行命令的区别

Windows系统CMD-DOS命令和开始→运行(win+R)命令的区别首先要知道运行窗口实际是运行系统文件夹下的文件。这样就有区别了，cmd分为外部命令和内部命令。内部命令是cmd自带的命令，例如...

MySQL 5.7 学习: 配置参数（mysql 配置参数调优）

背景：继上次介绍初识MySQL5.6新功能、参数完之后，刚好MySQL5.7又GA了，在官方测试里看到，MySQL5.7在功能、性能、可用性、安全和监控上又提升了很高。现在看看和MySQL5...

Windows命令行command的Shell命令详细解析和语法

CMD命令大全及详细解释和语法CMD命令大全及详细解释和语法MicrosoftWindowsXP[版本5.1.2600]有关某个命令的详细信息，请键入HELP命令名ASSOC显示或修改文...

JShaman本地部署“JS混淆加密”性能测试

JShaman是知名JS混淆加密平台，支持本地化部署。本文简单测试本地部署JShaman的JS混淆加密性能。测试JS文件：40.1cfc40763dac0fe9c500.js大小：2.18KBJSha...

那些年使用Hive踩过的坑（hive.one）

1.概述这个标题也是用血的教训换来的，希望对刚进入hive圈的童鞋和正在hive圈爬坑的童鞋有所帮助。打算分以下几个部分去描述：Hive的结构Hive的基本操作HiveSelectHiveJoin...

「技术分享」音乐-CD播放介绍（cd播放是什么意思）

音乐（deepin-music）是deepin自研的一款音频播放软件，能广泛支持播放本地或外部媒介中的音频文件，其中就包括对CDDA（CompactDisc-DigitalAudio）标准的支持。...

超级全的宝马模块缩写、常用缩写、中英对照，值得收藏

AAustauschbar可替换通过零件号码下一行ABAirbag安全气囊ABEAllgemeineBetriebserlaubnis普通操作许可证ABSAnti-Blockie...

深入探讨HBASE（深入探讨石菖蒲的功效与作用）

HBASE基础1.HBase简介HBase是一个高可靠、高性能、面向列的，主要用于海量结构化和半结构化数据存储的分布式key-value存储系统。它基于GoogleBigtable开源实现，但二者...

小容量硬盘福音:Win10新增Compact系统压缩功能

IT之家讯好消息，在Win10中，微软新添加了Compact系统压缩功能，可以对所有的系统文件进行压缩，它有点类似于之前Win8.1（withupdate1）中的wimboot功能，不过，Com...

实现前端传递参数进行加密，Java后端接收数据解密

下面为你介绍前端传递参数加密、Java后端接收数据解密的实现方法，这里以常见的AES对称加密算法为例。前端加密（使用JavaScript和CryptoJS库）CryptoJS是一个强大...

CSS面试题:CSS布局的问题面试题（div css面试题）

1.实现两栏布局的方式你知道那些方法?(其实就是我们经常在开发中使用到的'左边宽度固定右边宽度自适应')那我们应该如何回答呢？1.1下面是回答该问题的一种思路:1.实现两栏...

CSS calc使用（css中calc是什么意思）

calc使用用于动态计算长度值。需要注意的是,+、-运算符前后都需要保留一个空格,例如：width:calc(100%-10px)；任何长度值都可以使用calc()函数进行计算；calc(...

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