Typora下载和Markdown基础语法

news2024/11/17 4:39:02

本章内容如下：

  • Typoar笔记下载资源及主题设置
  • Markdown语法使用的基本方法

这篇博客一开始是为了教女朋友如何使用Typora和Markdown语法写的笔记，Markdown语法的内容不太全，只涉及基础使用。

文章目录

  • Typora下载与主题设置
    • Typora主题设置
    • 修改图片保存地址
  • Markdown语法
    • 1） 标题
    • 2）高亮设置
    • 3）加粗
    • 4）斜体
    • 5）分界线
    • 6）引用框
    • 7）代码框
    • 8）表格
    • 9）取消特殊符号
    • 10）序号
      • 无序标号
      • 有序标号
    • 11）居中
    • 12）颜色
    • 13）插入链接

Typora下载与主题设置

链接：https://pan.baidu.com/s/1fWrXH5gDSsQj3GtfRxyAkA?pwd=d9wt
提取码：d9wt

Typora总共不到50mb大小，百度云链接永久有效，直接安装即可使用。

Typora主题设置

安装完毕Typora后，点击文件——偏好设置——打开主题文件夹
在这里插入图片描述
打开主题文件夹，将主题文件保存至该目录中。我使用的主题是orangeheart.css主题，略作修改，代码如下：

/* 全局属性 */
#write {
  max-width: 860px;
  font-size: 1rem;
  color: black;
  padding: 0 10px;
  line-height: 1.6;
  word-spacing: 0px;
  letter-spacing: 0px;
  word-break: break-word;
  word-wrap: break-word;
  text-align: left;
  font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

/*段落*/
#write + p, 
#write blockquote p {
  font-size: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin: 0;
  line-height: 1.5rem;
  color: black;
}
#write div[mdtype=toc] {
  font-size: 1rem;
}

/*标题*/
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6 {
  margin: 1.2em 0 1em;
  padding: 0px;
  font-weight: bold;
  color: black;
}
h1 {
    text-align: center;
    padding-bottom: .2em;
    font-size: 2.25em;
    line-height: 1.2;
    /* border-bottom: 1px solid #eee; */
}
#write h2 {
  font-size: 1.7rem;
  border-bottom: 2.5px solid rgb(239, 112, 96);
}
#write h2 span {
 display: inline-block;
 font-weight: bold;
 background: rgb(239, 112, 96);
 color: #ffffff;
 padding: 3.2px 10.2px 1.2px;
 border-top-right-radius: 3.2px;
 border-top-left-radius: 3.2px;
 margin-right: 3.2px;
}
#write h2:after {
 display: inline-block;
 content: "";
 vertical-align: bottom;
 border-bottom: 1.7rem solid #efebe9;
 border-right: 1.7rem solid transparent;
}
#write h3 {
  font-size: 1.3rem;
}
#write h4 {
  font-size: 1.2rem;
}
#write h5 {
  font-size: 1.1rem;
}
#write h6 {
  font-size: 1rem;
}

/*列表*/
#write ul,
#write ol {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 25px;
  color: black;
}
#write ul {
  list-style-type: disc;
}
#write ul ul {
  list-style-type: square;
}
#write ol {
  list-style-type: decimal;
}
#write li section {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.7rem;
  text-align: left;
  color: rgb(1,1,1); 
  font-weight: 500;
}

/*引用*/
#write blockquote {
  display: block;
  font-size: .9em;
  overflow: auto;
  border-left: 3px solid rgb(239, 112, 96);
  color: #6a737d;
  padding: 10px 10px 10px 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  background: #fff9f9;
}

/*链接*/
#write a {
  text-decoration: none;
  word-wrap: break-word;
  font-weight: bold;
  border-bottom: 1px solid #1e6bb8;
  color: rgb(239, 112, 96);
  border-bottom: 1px solid rgb(239, 112, 96);
}

/*行内代码*/
#write p code,
#write li code {
  font-size: .9rem;
  word-wrap: break-word;
  padding: 2px 4px;
  border-radius: 4px;
  margin: 0 2px;
  color:  rgb(239, 112, 96);;
  background-color: rgba(27,31,35,.05);
  font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;
  word-break: break-all;
}

/*图片*/
#write img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#write span img {
  display: inline-block;
  border-right: 0px;
  border-left: 0px;
}

/*表格*/
#write table {
  display: table;
  text-align: left;
}
#write tbody {
  border: 0;
}
#write table tr {
  border: 0;
  border-top: 1px solid #ccc;
  background-color: white;
}
#write table tr:nth-child(2n) {
  background-color: #F8F8F8;
}
#write table tr th,
#write table tr td {
  font-size: 1rem;
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-align: left;
}
#write table tr th {
  font-weight: bold;
  background-color: #f0f0f0;
}

/* 行内代码 */
#write span code, #write li code {
 color: rgb(239, 112, 96);
}

/* 脚注上标 */
#write .md-footnote {
 font-weight: bold;
 color: rgb(239, 112, 96);
}
#write .md-footnote > .md-text:before {
 content: '['
}
#write .md-footnote > .md-text:after {
 content: ']'
}

/* 脚注 */
#write .md-def-name {
  padding-right: 1.8ch;
}
#write .md-def-name:before {
  content: '[';
  color: #000;
}
#write .md-def-name:after {
  color: #000;
}

/* 代码块主题 */
.md-fences:before {
  content: ' ';
  display: block;
  width: 100%;
  background-size: 40px;
  background-repeat: no-repeat;
  background-color: #282c34;
  margin-bottom: -7px;
  border-radius: 5px;
  background-position: 10px 10px;
}

/* CodeMirror 相关内容 */
.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: auto;
}
.cm-s-inner.CodeMirror {
  padding: .5rem;
  background-color: #292d3e;
  color: #a6accd;
  font-family: Consolas;
  border-radius: 4px;
}
.cm-s-inner .cm-keyword {
  color: #c792ea !important;
}
.cm-s-inner .cm-operator {
  color: #89ddff !important;
}
.cm-s-inner .cm-variable-2 {
  color: #eeffff !important;
}
.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type {
  color: #f07178 !important;
}
.cm-s-inner .cm-builtin {
  color: #ffcb6b !important;
}
.cm-s-inner .cm-atom {
  color: #f78c6c !important;
}
.cm-s-inner .cm-number {
  color: #ff5370 !important;
}
.cm-s-inner .cm-def {
  color: #82aaff !important;
}
.cm-s-inner .cm-string {
  color: #c3e88d !important;
}
.cm-s-inner .cm-string-2 {
  color: #f07178 !important;
}
.cm-s-inner .cm-comment {
  color: #676e95 !important;
}
.cm-s-inner .cm-variable {
  color: #f07178 !important;
}
.cm-s-inner .cm-tag {
  color: #ff5370 !important;
}
.cm-s-inner .cm-meta {
  color: #ffcb6b !important;
}
.cm-s-inner .cm-attribute {
  color: #c792ea !important;
}
.cm-s-inner .cm-property {
  color: #c792ea !important;
}
.cm-s-inner .cm-qualifier {
  color: #decb6b !important;
}
.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type {
  color: #decb6b !important;
}
.cm-s-inner .cm-error {
  color: rgba(255, 255, 255, 1) !important;
  background-color: #ff5370 !important;
}
.cm-s-inner .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid rgb(239, 112, 96);
  z-index: 3;
}

.cm-s-inner div.CodeMirror-selected {
  background: rgba(167, 178, 189, 0.2) !important;
}

.cm-s-inner.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(167, 178, 189, 0.2) !important;
}

.cm-s-inner .CodeMirror-selected,
.cm-s-inner .CodeMirror-selectedtext {
  background-color: rgba(167, 178, 189, 0.0) !important;
}

.cm-s-inner .CodeMirror-line::-moz-selection,
.cm-s-inner .CodeMirror-line > span::-moz-selection,
.cm-s-inner .CodeMirror-line > span > span::-moz-selection {
  background-color: rgba(167, 178, 189, 0.2);
}

.cm-s-inner .CodeMirror-line::selection,
.cm-s-inner .CodeMirror-line > span::selection,
.cm-s-inner .CodeMirror-line > span > span::selection {
  background-color: rgba(167, 178, 189, 0.2);
}

将上述代码保存为.css后缀的文件。该主题的效果如下：
在这里插入图片描述

修改图片保存地址

Typora默认将图片保存到C盘，需要手动进行更改。
点击文件——偏号设置，下划到图片插入，选择将图片保存路径更改为当前文件夹下的.asssets文件夹中。
在这里插入图片描述

Markdown语法

1） 标题

一级标题：#空格

二级标题：##空格

…

2）高亮设置

格式：内容

**具体示例：**每天给我500块钱

3）加粗

格式：**内容**

具体示例：你真好看

4）斜体

格式：*内容*

具体示例： 斜体就是这样的

5）分界线

格式：—空格（中午英文横行都适用）

具体示例：

6）引用框

格式：>空格或》空格

具体示例：

7）代码框

格式：空格（可选：代码格式）

例如：`````excel

也可以：```回车，不写代码格式

可以在代码块右下角选择编程语言，很遗憾的是：typora不支持excel语法，不会给特殊高亮，所以对你来说设置不设置编程语言都一样。

8）表格

格式：|表头1|表头2|表头3|回车

具体示例：

表头1表头2表头3

9）取消特殊符号

上述内容有些特殊符号，但是假如就想打*^*这个表情该怎么办呢？有两种方法：

1）用``引号将其括起来

2）用转义字符\，\会取消后面一个字符的特殊意义，例如想打印*^*，只需要在第一个*前放上\即可，如：\*^*

10）序号

无序标号

格式：*空格

具体示例：

  • 这是一个无序表号
    • 这是二级无列标号

二级无序标号方法：

1）

  • 1

2）把第二个点删掉，在原来处进行\*空格操作

有序标号

格式：1.空格（.需要是英文的点）

具体示例：

  1. hello

  2. 你好

    • 可以与无序标号搭配

      1. 次标号原理一样

      2. 你好

      3. 代码框也是以该位置为起点

        1

      4. 分界线也是以该位置为起点

退出当前列表格式：shift+tab

例如：

  1. 第一行
  2. 第二行
    • 子序列
      • 想退出当前子序列？
      • 按一下shift+tab，退出到上一层序列号：在行尾使用shift+tab会将该行序列上移一级，并自动标号；在下一行使用shift+tab会退出到上一层序列，并自动标号，下一行是在使用shift+tab退出当前序列的结果：
    • 使用shift+tab退出当前序列的结果
  3. 再次使用shift+tab退出至最上一级序列

调整列表序列：ctrl+[和ctrl+]

其中：ctrl+[当光标在该行任意位置时，使用ctrl+[会使该序列上移一级，使用ctrl+[会使该序列下移一级

例如：

  1. 第一级序列
    • 第二级序列
      • 第三级序列（如果想把该序列上移一级，光标移至该行，使用ctrl+[）

操作完毕后如下：

  1. 第一级序列
    • 第二级序列
    • 第三级序列（同理，如果想把该行移至下一级，使用ctrl+]）

光标返回值最左侧：

在进入序列后，有时候光标会在该序列起始位置处，无法返回至最左侧，两个方法：

1）一直按enter

2）方法1失效后，在下一行使用ctrl+[返回至初始位置。

11）居中

格式：<center>内容回车

具体示例：

居中测试

注：输入完回车会闪过一个代码块，这是使用HTML语法进行文本居中，若要更改文本内容，在代码块里直接更改即可。

12）颜色

格式：<font color=red>输入内容</font>回车

其中，red为颜色控制，每次只需要更改文本以及颜色控制即可，具体示例如下：

<font color=red>这是红色</font>

  • 这是红色

<font color=violet>这是紫罗兰色</font>

  • 这是紫罗兰色

以下是总结的常用好看的颜色，使用时只需要将下面代码复制，更改文本内容即可：

颜色单词
红色red
棕色tan
黄色yellow
黄绿色yellowgreen
蓝色blue
浅蓝色lightblue
紫罗兰violet
橘色orange

更多颜色设置：Markdown颜色设置

13）插入链接

方法1：复制链接，然后点击左上角格式——超链接即可

方法2：使用指定格式

插入链接格式：[自定义的名字](链接的网址)

例如：

[我的博客](https://blog.csdn.net/why1472587?type=blog)，效果如下：

我的博客

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/136540.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

在线考试答题系统的五大功能，你知道多少？

在线考试答题系统的五大功能，你知道多少？

在线考试答题系统-五大功能&#xff0c;你知道多少&#xff1f;-在线考试答题系统优势&#xff1a;在线考试答题系统具有高度的可扩展性&#xff0c;高效灵活、功能强大。考试用户随时随地就可通过网络登录在线考试答题系统&#xff0c;参加在线报名、在线练习、在线考试、在线…
阅读更多...
嵌入式开发中为什么选择C语言？它有哪些特点？

嵌入式开发中为什么选择C语言？它有哪些特点？

众所周知&#xff0c;C语言在嵌入式开发中占据着十分重要的地位&#xff0c;为什么嵌入式开发要选择C语言&#xff1f;嵌入式开发的方向可以分为单片机开发、Linx应用开发和现场可编辑逻辑门阵列&#xff08;FPGA)开发&#xff0c;不同于传统开发模式&#xff0c;操作系统是嵌入…
阅读更多...
Nepnep x CatCTF Writeup

Nepnep x CatCTF Writeup

Web&#xff1a; 题目名称 ez_js 直接查看网页源代码&#xff0c;查看game.js&#xff0c;进入该目录即可得到flag Reverse&#xff1a; 题目名称 The cat did it 点进来看到一个看着很复杂的图像&#xff0c;离开的概率我猜是0% MD5加密&#xff0c;第一个即为flag Misc&am…
阅读更多...
给在校学生的科普文：数字芯片后端工程师的日常

给在校学生的科普文：数字芯片后端工程师的日常

芯片后端设计&#xff0c;看似只是将网表中的晶体管摆放好。但并不是如同砖头砌墙那样简单粗暴。它是一门兼具形式美和工程实践需求的技术。形式美&#xff0c;直接来源于功能内容和需求&#xff0c;在后端设计的环节中&#xff0c;数以万计的标准单元如散乱的点点繁星&#xf…
阅读更多...
2022年度穿戴设备行业分析：智能手表销额增长25%，智能手环销量下滑

2022年度穿戴设备行业分析：智能手表销额增长25%，智能手环销量下滑

当前&#xff0c;随着社会经济的发展与居民可支配收入的提高&#xff0c;居民的购买力逐渐增强&#xff0c;我国智能穿戴设备行业也得以快速发展。同时&#xff0c;随着相关技术的不断开发&#xff0c;我国智能穿戴设备行业的技术水平也持续提高。根据数据显示&#xff0c;智能…
阅读更多...
软考中级数据库系统工程师好考吗？

软考中级数据库系统工程师好考吗？

数据库还好的&#xff0c;每年五月份考试&#xff0c;通过率20-30%。 数据库系统工程师&#xff0c;主要考核内容&#xff1a;数据库系统基本概念及关系理论&#xff1b;常用的大型数据库管理系统的应用技术&#xff1b;数据库应用系统的设计方法和开发过程&#xff1b;数据库系…
阅读更多...
【C++修炼之路】12. stack queue类

【C++修炼之路】12. stack queue类

每一个不曾起舞的日子都是对生命的辜负 stack&&queue一. stack的介绍和使用1. stack的介绍2. stack的使用二. stack的模拟实现三. queue的介绍和使用1. queue的介绍2. queue的使用四. queue的模拟实现五. deque的介绍和使用1. deque的介绍2. deque的使用3. deque的缺陷…
阅读更多...
东方通无法加载程序jar包中的js

东方通无法加载程序jar包中的js

东方通中间件使用龙芯适配程序问题描述&#xff1a;东方通无法加载程序jar包中的js排查过程&#xff1a;根据以往经验确保东方通处于最新版本&#xff0c;确认版本为最新的检查容器配置&#xff0c;确认无误在东方通tongweb/bin/external.vmoption 里把-DWebModuleOnly参数值改…
阅读更多...
Qt扫盲-QSS定制Qt Widget控件

Qt扫盲-QSS定制Qt Widget控件

QSS定制Qt Widget控件概述一、盒子模型二、子控件概述 在使用样式表时&#xff0c;每个部件都被视为具有四个同心矩形的盒子:外边距矩形、边界矩形、内边距矩形和内容矩形。 其实即是每一个继承至 QWidget 都支持的&#xff0c;这个和 前端的 CSS 里面的 盒子模型有些区别但是…
阅读更多...
哪吒S亮相广州车展，定位B级燃油车颠覆者

哪吒S亮相广州车展，定位B级燃油车颠覆者

2022年收官&#xff0c;哪吒汽车宣布全年交付152073台&#xff0c;其中&#xff1a; •哪吒U 51021台&#xff1b; •哪吒V 98847台&#xff1b; •哪吒S 2003台&#xff08;12月首月交付&#xff09;。与此同时&#xff0c;在年末的广州车展&#xff0c;哪吒汽车携全系车型参展…
阅读更多...
Elastic-Job分布式任务调度（2）：Elastic-Job快速入门

Elastic-Job分布式任务调度（2）：Elastic-Job快速入门

1 环境搭建 1.1 版本要求 JDK要求1.7及以上版本 Maven要求3.0.4及以上版本 zookeeper要求采用3.4.6及以上版本 1.2 Zookeeper安装&运行 自行查看我的zookeeper专题 ZooKeeper(3):ZooKeeper集群环境搭建_不死鸟.亚历山大.狼崽子的博客-CSDN博客 1.3 创建maven工程 创建…
阅读更多...
Python代理IP的使用和代理池的设置

Python代理IP的使用和代理池的设置

熟悉python的人都知道为了python的正常请求&#xff0c;维持数据的稳定获取&#xff0c;都会用到代理IP。代理IP不仅可以用来规避IP在单位时间的请求次数&#xff0c;还可以借助代理来隐藏真实的IP&#xff0c;避免出现“IP请求过于频繁”&#xff0c;“403”等报错。今天就带大…
阅读更多...
甲方安全之仿真钓鱼演练（邮件+网站钓鱼）

甲方安全之仿真钓鱼演练（邮件+网站钓鱼）

文章目录一、简介1.1 前言1.2 整体思路1.3 演练所需1.4 各邮件厂商日群发上限二、钓鱼平台搭建及配置2.1 gophish平台搭建2.2 收件目标配置&#xff08;User & Groups&#xff09;2.3 发信邮箱配置&#xff08;Sending Profiles&#xff09;2.4 邮件模版配置&#xff08;Em…
阅读更多...
Windows下socket网络编程，C++，Email的客户端程序(支持邮件基于SMTP的发送和POP3的接收)

Windows下socket网络编程，C++，Email的客户端程序(支持邮件基于SMTP的发送和POP3的接收)

阅读前请看一下&#xff1a;我是一个热衷于记录的人&#xff0c;每次写博客会反复研读&#xff0c;尽量不断提升博客质量。文章设置为仅粉丝可见&#xff0c;是因为写博客确实花了不少精力。不用担心你关注我而我却不关注你&#xff0c;因为我是个诚信互关的人&#xff01;&…
阅读更多...
linux--管道

linux--管道

这里写自定义目录标题基本概念管道特征编写模型有名管道模型示例demowrite.cread.c结果无名管道基本概念 进程间存在天然的壁垒,进程间通信(Interperocess Communication,IPC)是指二个或者多个进程之间进行数据交换的过程 管道特征 管道是进程间通讯的一种常用方法。管道分为…
阅读更多...
MyISAM 引擎和 InnoDB 引擎中索引存储的区别

MyISAM 引擎和 InnoDB 引擎中索引存储的区别

一、MyISAM 引擎下的索引 MyISAM 存储引擎不支持行级锁&#xff0c;只有表级锁&#xff1b;不支持事务&#xff0c;也不支持外键&#xff0c;主要面向 OLAP 应用&#xff0c;是 MySQL 数据库5.5.8 版本之前默认的存储引擎&#xff0c;MyISAM 适用于不需要关心事务&#xff0c;…
阅读更多...
实时即未来，大数据项目车联网之原始数据实时ETL任务HBase调优【九】

实时即未来，大数据项目车联网之原始数据实时ETL任务HBase调优【九】

1. 原始数据实时ETL任务HBase调优 1.1 数据写入hbase优化 上一节写入数据，一条条数据put到表中，对于大量数据的写入，效率极低，因此针对此项进行优化 使用hbase客户端写缓存进行批量写入数据到hbase中 hbase客户端写缓存对象:BufferedMutator hbase的每一次put操作写入数据…
阅读更多...
CSS权威指南（二）选择符

CSS权威指南（二）选择符

1.样式的基本规则 CSS的一个核心优势就是可以为文档中某种种类的元素全部应用相同的样式规则。CSS样式便于修改和编辑&#xff0c;而且能应用到指定的所有文本元素上。 &#xff08;1&#xff09;元素选择符 即直接使用元素的名称进行选择&#xff0c;类似于p{ font-size:10px…
阅读更多...
Lc.152 乘积最大子数组

Lc.152 乘积最大子数组

题目链接1 前言翻译成大白话&#xff1a;就是找一个数组&#xff0c;其连续子数组的乘积最大值。2 算法思路&#xff1a;一般求最值的问题首选动态规划。这道题与[LC.53 最大子序和]很类似。我们假设状态转移方程为:它表示以第 i 个元素结尾乘积最大子数组的乘积可是在这里&…
阅读更多...
异步通信技术AJAX | AJAX实现省市联动、AJAX跨域问题

异步通信技术AJAX | AJAX实现省市联动、AJAX跨域问题

目录 一&#xff1a;异步通信技术AJAX | 快速搞定AJAX&#xff08;第四篇&#xff09; 1、AJAX实现省市联动 2、超链接、form表单和JS代码跨域 3、AJAX跨域问题 &#xff08;1&#xff09;测试Ajax跨域访问 &#xff08;2&#xff09;同源 & 不同源 &#xff08;3&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023