devbox
知新_RL
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Typora markdown公式换行等号对齐_人生苦短，快用Typora

作者：知新_RL | 2024-03-07 21:55:45

赞

踩

typora公式换行
文末3.9节有

Typora 是什么

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且完全免费。它功能强大，且非常轻量级，使用体验同txt无异。想要下载的同学请移步官网：

a markdown editor, markdown reader.​www.typora.io
e31e478c017eea9bb494118cc630b4de.png

另外知乎也支持Markdown，下面讲的内容都可以用作知乎文章和回答。

Typora设置

Typora默认无法在行内插入公式，只能单独一行，以及没有高亮。所以我们修改下设置，将这两个功能开启。

文件->偏好->Markdown, 勾选“内联公式”和“高亮”。然后重启Typora，我们就可以在Typora中使用这两个功能了。

1. 一些基本操作

1.1 标题 

  1.  # 这是一级标题
  2.  ## 这是二级标题
  3.  #### 这是四级标题

1.2 加粗 

 **你要加粗的内容**

1.3 斜体

 *你要斜体的内容*

1.4 下划线

 <u>你要下划线的内容</u>

1.5 删除线

 ~你要删除线的内容~

1.6 分割线

 ***或---

1.7 无序列表

  1.  - 第一条内容
  2.  - 第二条内容

效果如下：

  • 第一条内容
  • 第二条内容

1.8 有序列表

  1.  1. 第一条内容
  2.  2. 第二挑内容

效果如下：

  1. 第一条内容
  2. 第二条内容

1.9 任务列表

  1.  - [ ] 任务1
  2.  - [ ] 任务2
  3.  - [ ] 任务3

效果如下：

dbe1e0007944735a4488161ecc4f7140.png

1.10 URL链接

 <www.baidu.com>

效果如下：

www.baidu.com

1.11 图片

通过拖拉的方法，将本地文件夹中的图片或网络图片插入。

效果如下：（还可以插入动图哦！）

1.12 表格

  1.  |姓名|性别|年龄|
  2.  |:-:|:-:|:-:|   
  3.  |小明|男|21|
  4.  |小红|女|18|

效果如下：

a5252cf72cdb9c96f4b03507eb9f6105.png

其中 :- 表示左对齐， -: 表示右对齐， :-:表示居中对齐。

1.13 注释

这个功能比较少用。我们可以对某一个词进行注释。

  1.  Trump is the [^president] of American.
  2.  [^president]: The president is a leader of an country.

1.14 目录列表

 [toc]

效果如下：

7161c2770a0163c411a8bf925a3cc589.png

1.15 表情

  1.  :happy:
  2.  :cry:
  3.  :1st_place_medal:
  4.  :2nd_place_medal:
  5.  :3rd_place_medal:
  6.  :girl:
  7.  :family_man_girl:
  8.  :family_man_girl_boy:
  9.  :family_man_man_girl_boy:

效果如下：

‍ ‍ ‍ ‍ ‍ ‍

1.16 标题自动添加标号

文件->偏好设置->外观->打开主题文件夹，在打开的文件夹下新建文件名为“base.user.css”的文件，把下面内容复制到这个文件里。重启Typora。

d09a5fc0020777ca99f1f8838ad850b3.png 
  1. /** initialize css counter */
  2. #write {
  3. counter-reset: h1
  4. }
  5. h1 {
  6. counter-reset: h2
  7. }
  8. h2 {
  9. counter-reset: h3
  10. }
  11. h3 {
  12. counter-reset: h4
  13. }
  14. h4 {
  15. counter-reset: h5
  16. }
  17. h5 {
  18. counter-reset: h6
  19. }
  20. /** put counter result into headings */
  21. #write h1:before {
  22. counter-increment: h1;
  23. content: counter(h1) " "
  24. }#write h2:before {
  25. counter-increment: h2;
  26. content: counter(h1) "." counter(h2) " "
  27. }
  28. #write h3:before,
  29. h3.md-focus.md-heading:before /** override the default style for focused headings */ {
  30. counter-increment: h3;
  31. content: counter(h1) "." counter(h2) "." counter(h3) " "
  32. }
  33. #write h4:before,
  34. h4.md-focus.md-heading:before {
  35. counter-increment: h4;
  36. content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " "
  37. }
  38. #write h5:before,
  39. h5.md-focus.md-heading:before {
  40. counter-increment: h5;
  41. content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " "
  42. }
  43. #write h6:before,
  44. h6.md-focus.md-heading:before {
  45. counter-increment: h6;
  46. content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " "
  47. }
  48. /** override the default style for focused headings */
  49. #write>h3.md-focus:before,
  50. #write>h4.md-focus:before,
  51. #write>h5.md-focus:before,
  52. #write>h6.md-focus:before,
  53. h3.md-focus:before,
  54. h4.md-focus:before,
  55. h5.md-focus:before,
  56. h6.md-focus:before {
  57. color: inherit;
  58. border: inherit;
  59. border-radius: inherit;
  60. position: inherit;
  61. left:initial;
  62. float: none;
  63. top:initial;
  64. font-size: inherit;
  65. padding-left: inherit;
  66. padding-right: inherit;
  67. vertical-align: inherit;
  68. font-weight: inherit;
  69. line-height: inherit;
  70. }

效果如下：

129a209c147dfa27198e4754345991cc.png

2. 插入块

2.1 代码块

 输入```,然后回车

2.2 行内插入代码

 一行的左边`你要插入的代码`一行的右边

效果如下：

一行的左边你要插入的代码一行的右边

2.3 引用块

 >你要引用的内容

效果如下：

你要引用的内容

2.4 公式块

数学公式以$开头和结尾，如果要独占一行的话，以$$开头和结尾。

  1.  $$
  2.  Y=Ax+b
  3.  $$

效果如下：

 我在行左 $Y=Ax+b$ 我在行右

效果如下：

我在行左​

我在行右

3. 数学相关

3.1 常用符号

56cc524054385f8e88b5f5bfa60a1252.png

a27a193918a0a1a3f3ca4da26d53006a.png

3.2 集合符号

0925400eef4e6cd5e76fc8bd6606c689.png

3.3 希腊符号

7ee18432ce2193cc4624a5766dcff76c.png

空心字母与Fraktur字母与花体字

2d50473b3d810992fadf699921620ae0.png

3.4 向量加粗

使用mathbf修饰需要加粗字符（bf就是单纯加粗），如下所示输入: 

  1. $$
  2. mathbf Lambda=Lambda_1+Lambda_2+cdots+Lambda_n
  3. $$

效果如下：

其中 :
Lambda ->

mathbfLambda ->

cdots ->

同理：

  1. $$
  2. mathbf Lambda=Lambda_1 times Lambda_2 times cdots times Lambda_n
  3. $$

效果如下：

其中 times表示乘号，在3.1节有讲。

3.5 大括号

用left和right作为前缀，来修饰(),[]和{}。

f(x) = x^2 + left (y^2 + frac{b}{a}right )

3.6 多行公式

当公式超过一行时，用begin 和 end 把公式包围起来，每行以结尾，每个元素&分隔。

  1. $$
  2. begin{align}
  3.   f(x) = a + b 
  4.        = c + d  
  5. end{align}
  6. $$

3.7 多值函数

使用case块表达式，每行结尾，每个元素&分隔。

  1. $$
  2. p(x) = 
  3. begin{cases}
  4.   p, & x = 1 
  5.   1 - p, & x = 0
  6. end{cases}
  7. $$

3.8 矩阵

使用begin{matrix}开头及end{matrix}结尾，每行结尾，每个元素&分隔。

  • matrix:
  1. $$
  2. begin{matrix}
  3.   1 & 0 & 0 
  4.   0 & 1 & 0 
  5.   0 & 0 & 1 
  6. end{matrix}
  7. $$

  • pmatrix:
  1. $$
  2. begin{pmatrix}
  3.   1 & 0 & 0 
  4.   0 & 1 & 0 
  5.   0 & 0 & 1 
  6. end{pmatrix}
  7. $$

  1. $$
  2. begin{pmatrix}
  3. 1 & a_1 & a_1^2 & cdots & a_1^n 
  4. 1 & a_2 & a_2^2 & cdots & a_2^n 
  5. vdots & vdots & vdots & ddots & vdots 
  6. 1 & a_m & a_m^2 & cdots & a_m^n 
  7. end{pmatrix}
  8. $$

  • bmatrix:
  1. $$
  2. begin{bmatrix}
  3.   1 & 0 & 0 
  4.   0 & 1 & 0 
  5.   0 & 0 & 1 
  6. end{bmatrix}
  7. $$

  • Bmatrix:
  1. $$
  2. begin{Bmatrix}
  3.   1 & 0 & 0 
  4.   0 & 1 & 0 
  5.   0 & 0 & 1 
  6. end{Bmatrix}
  7. $$

  • vmatrix:
  1. $$
  2. begin{vmatrix}
  3.   1 & 0 & 0 
  4.   0 & 1 & 0 
  5.   0 & 0 & 1 
  6. end{vmatrix}
  7. $$

  • Vmatrix:
  1. $$
  2. begin{Vmatrix}
  3.   1 & 0 & 0 
  4.   0 & 1 & 0 
  5.   0 & 0 & 1 
  6. end{Vmatrix}
  7. $$

3.9 经典公式翻译

  • 一维高斯分布： 
  1. $$
  2. G(x)=frac{1}{sqrt{2pi}sigma}e^{-frac{x^2}{2sigma^2}}
  3. $$
其中，
frac{a}{b} -->

sqrt{x} -->

x^2 -->
  • 二维高斯分布： 
  1. $$
  2. G(x,y)=frac{1}{2pisigma^2}e^{-frac{x^2+y^2}{2sigma^2}}
  3. $$
  • 向量的P范数： 
  1. $$
  2. parallel mathbf xparallel_p = left(  sum_ileft| x_i right|^p    right)^frac{1}{p}
  3. $$
其中，
left( x right) -->

left| x right| -->

parallel x parallel -->

x_i -->
  • 向量点乘： 
  1. $$
  2. begin{align}
  3. mathbf a cdot mathbf b &= sum_{i=1}^n a_i b_i   
  4. &= mathbf a ^top mathbf b 
  5. &= parallel a parallel_2 parallel b parallel_2cos{theta}
  6. end{align}
  7.  
  8. $$
其中，
多行公式时， 用begin end； 公式换行时用
{align} 用来对齐公式， $表示对齐位置。
我们3行公式都以等号（=）对齐，所以在=前加$。（不加$时，默认是右对齐）
mathbf a -->

sum_{i=1}^n -->

cdot -->

mathbf a^top -->
  • 方差公式： 
  1. $$
  2. Var(f(x))=mathbb{E}left[ (f(x)-mathbb{E}left[f(x)right])^2   right]
  3. $$
其中，
mathbb{E} -->

mathbb{R} -->
  • 一个最优化问题： 
  1. $$
  2. underset{lambdainLambda}{argmin}
  3. $$
其中，
underset{a}{b} -->
  • 化学公式1： 
  1. $$
  2. 2H_2+O_2xlongequal[]{燃烧}2H_2O
  3. $$
其中，
xlongequal[abc]{ABC} -->

[]中填等号下面的内容，{}中填等号上面的内容。[]{}内可以为空。
等号的长度会根据[]和{}内表达式的长度自动调节。
  • 化学公式2： 
  1. $$
  2. 2H_2+O_2xlongequal[]{}2H_2O  
  3. 2H_2+O_2xlongequal[]{quad}2H_2O  
  4. 2H_2+O_2xlongequal[]{quadquad}2H_2O 
  5. $$
其中，
xlongequal[]{} -->

quad : 表示4倍,在这里就是加长的意思。
quad越多，等号越长。

------------

------------

对了， 想知道文字怎么

？

哈哈，如下：

  1. $$
  2. color{red}{变色}color{green}{变色}color{blue}{变色}
  3. $$

上面也可以这样写：

  1. $$
  2. color{#F00}{变色}color{#0F0}{变色}color{#00F}{变色}
  3. $$

{#xxx}中xxx表示rgb三通道的值，每一个的范围都在16进制的0~F之间，通过调配他们，这样你就有无数种颜色可以用啦！

  1. <div class="note default"><p>default</p></div>
  2. <div class="note primary"><p>primary</p></div>
  3. <div class="note success"><p>success</p></div>
  4. <div class="note info"><p>info</p></div>
  5. <div class="note warning"><p>warning</p></div>
  6. <div class="note danger"><p>danger</p></div>
  7. <div class="note default no-icon"><p>danger no-icon</p></div>
  8. <table><tr><td bgcolor=lightblue>背景色yellow</td></tr></table>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/207665
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号