Typography convention
1 h1
Chapter title centered,number three in bold,used ##
.
1.1 h2
The chapter is a section, and the section title is in bold type,used ###
.
1.1.1 h3
The section is under the section, and the section title is a small quad,used ####
.
1.1.1.1 h4
1.1.1.1.1 h5
Usually only use headlines one, two and three.
2 List
2.1 Unordered list
For the use of unordered lists, use spaces after the symbols-
. As follows:
- Unordered list 1
- Unordered list 2
- Unordered list 3
If you want to control the level of the list, you need to use spaces before the symbols-
. As follows:
- Unordered list 1
- Unordered list 2
- Unordered list 2.1
- Unordered list 2.2
Use branches and narratives for the content of the article, or the structure has a hierarchical relationship.
Line must end at the end of the enumeration.
2.2 Ordered list
For the use of an ordered list, enter the contents after adding spaces after the numbers and symbols, as follows:
- Ordered list 1
- Ordered list 2
- Ordered list 3
The following headings in the section, or express a synchronous order relationship.
If a new paragraph begins with the number and its content, a new line is required, and the end of the enumeration must be a new line.
3 Quote
The format of the reference is to write after the symbol. As follows:
Epidemic is order, prevention and control is responsibility. ——leader
Used for large text quotes,End of quote must wrap
4 Font
4.1 Bold and italics
This is bold,Italics are generally only used in English,This is bold & italics.
If the correlation between information is higher, the distance between them should be closer and more like a visual unit; otherwise, the distance between them should be farther and more like multiple visual units. The basic purpose of intimacy is to achieve organization, so that users can see the page structure and information hierarchy at a glance.
As described by the Law of Continuity in the Gestalt School, in the process of perception, people tend to make the straight line of the subject of perception continue to be a straight line, and the curve continues to be a curve. In the interface design, the elements are aligned, which not only conforms to the user's cognitive characteristics, but also guides the visual flow, allowing the user to receive information more smoothly[1].
4.2 Dividing line
You can use more than three minus signs in a row to create a separator line. At the same time, you need to empty a row above the separator line. As follows:
4.3 Delete line
Use two ~
before and after the text to be deleted, as follows:
2019-nCoV
5 Insert
5.1 Link
A tag to display the information of Douban books in hexo post/page.npm
5.2 Footnote
To use before punctuation[2],used for remarks or conclusions from the original text.Annotations are automatically generated at the end, but should also be written at the end.
6 Table
You can use colons to define the alignment of tables as follows:
Center | Left | Right | Remarks |
---|---|---|---|
Shanxi | 133 | 133 | 2 |
Hubei | 67790 | 52960 | 2895 |
Italy | 17660 | 1439 | 80539 |
7 Code
7.1 Inline
If you need to refer to code in a line, just use backquotes to cause it, as follows:
Use the printf()
function.
7.2 Block
Use three quotes before and after the block you want to highlight, andThe first line, followed by the back quotes, indicates the language of the code block,as follows:
//To write file location information
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello,World!"); // comment
}
}
diff:
+ New item
- Delete item
8 Latex
8.1 Available
8.1.1 Equation
e=mc^2
\end{equation}
\]
8.1.2 Fraction
\(\frac {a+1}{b+2}\) 和 \(x={a+1 \\over b+1}\)
x+1\over\sqrt{1-x^2}
} \qquad(1)
\]
e^x=\lim_{n\to\infty} \left( 1+\frac{x}{n} \right)^n
\qquad (2)
}
\]
8.1.3 Chemical formula
\]
8.1.4 Block formula
\]
\]
8.1.5 Inline formula
\(\sum_{i=0}^n\) 和 \(\frac{1}{2}\)
The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit.
8.1.6 Greek alphabet
For Greek letters,$ \alpha \beta,...,\omega $。
\(\phi \varphi\) and \(\ell\)
8.1.7 Sub and sup
Separate use ^
and _
,for example:\(x_i^{10}\) = ; \({x^y}^z\) = ; \(x_{i^{10}}\) =
Root number\(\sqrt[4] {x_3}\)
Letter top
- \(\hat x\), \(\widehat{xy}\)
- \(\bar x\), \(\overline {xyz}\)
- \(\overrightarrow {xy}\), \(\overleftrightarrow {xy}\)
- \(\dot x\)
8.1.8 Brackets
Parentheses and square brackets \((2+2)[4-4]\) =
Curly braces need to be represented by \ {and },such as\(\{x| x>0\}\) =
When encountering higher scores, the brackets will become smaller, such as \((\frac{\sqrt x}{y^3})\) = ,\left(…\right)
Can automatically adjust the line height of parentheses, such as \(\left(\frac{\sqrt x}{y^3}\right)\) =
8.1.9 Sum, Limit, and Integral
\(\sum_1^n\) = ,\(\int\)= ,\(\prod\) =
\(\bigcup\) = ,\(\bigcap\) = ,\(\iint\) =
\]
\]
8.1.10 Function
Elementary function
\(\log_a b\), \(\ln b\), \(\sin x\) ,\(\max x\)
8.1.11 特殊符号
- \(\lt \gt \le \ge \neq\)
- \(\times \div \pm \mp\)
- \(\cup \cap \setminus \subset \subseteq \subsetneq \supset \in \notin \emptyset \varnothing\)
- \({n+1 \choose 2k}\) or \(\binom{n+1}{2k}\)
- \(\to \rightarrow \leftarrow \Rightarrow \Leftarrow \mapsto\)
- \(\land \lor \lnot \forall \exists \top \bot \vdash \vDash\)
- \(\approx \sim \simeq \cong \equiv \prec\)
- \(a\equiv b\pmod n\)
- \(a_1,a_2,\ldots,a_n\)
- \(a_1+a_2+\cdots+a_n\)
- \(\infty \aleph_0\),\(\nabla \partial\),\(\Im \Re IR\)
8.1.12 Plain Text
\]
Single space\(a \ b\), double space\(a \quad b\)
8.2 May be wrong
Wrap four backslashes
8.2.1 Unbroken equation:
\begin{aligned}
a &= b + c \\
&= d + e + f + g \\
&= h + i \\
\end{aligned}
\end{equation}
\]
8.2.2 Equation does not break lines and does not support multi-line numbering:
a &= b + c \label{eq3} \\
x &= yz \\
l &= m - n \\
\end{align}
\]
8.2.3 Multi-column unbroken rows are not numbered:
-4 + 5x &= 2+y \\
w+2 &= -1+w \\
ab &= cb \\
\end{align}
\]
8.2.4 Matrix is not broken:
1 & a_1 & a_1^2 & \cdots & a_1^n \\
1 & a_2 & a_2^2 & \cdots & a_2^n \\
\vdots & \vdots & \vdots & \ddots & \vdots \\
1 & a_m & a_m^2 & \cdots & a_m^n \\
\end{pmatrix}
\]
8.2.5 Branching equations do not wrap
\begin{cases}
n/2,& \text{if $n$ is even}\\
3n+1,& \text{if $n$ is odd}
\end{cases}
\]
8.2.6 Tabular array
n & \text{Left} & \text{Center} & \text{Right} \\
\hline
1 & 0.24 & 1 & 125 \\
2 & -1 & 189 & -8 \\
3 & -20 & 2000 & 1+10i
\end{array}
\]
9 Media
9.1 Images
Supports jpg, png, gif, svg and other image formats, examples of svg files are as follows:
10 Special
Generally not used unless absolutely necessary
10.1 HTML
Tmall Red Home Left
Ali Orange Right
Alipay Centered
10.2 Comments (not parsed)
Ant design.设计模式[EB/OL].https://ant.design/docs/spec/introduce-cn .2020 ︎
Github.Mastering Markdown[EB/OL].https://guides.github.com/features/mastering-markdown/ .2014 ︎
Typography convention的更多相关文章
- 菜鸟学Struts2——零配置(Convention )
又是周末,继续Struts2的学习,之前学习了,Struts的原理,Actions以及Results,今天对对Struts的Convention Plugin进行学习,如下图: Struts Conv ...
- struts2使用Convention Plugin在weblogic上以war包部署时,找不到Action的解决办法
环境: struts 2.3.16.3 + Convention Plugin 2.3.16.3 实现零配置 现象:以文件夹方式部署在weblogic(10.3.3)上时一切正常,换成war包部署,运 ...
- 【BZOJ-1178】CONVENTION会议中心 倍增 + set (神思路好题!)
1178: [Apio2009]CONVENTION会议中心 Time Limit: 15 Sec Memory Limit: 162 MBSubmit: 812 Solved: 323[Subm ...
- 创意欣赏:20幅字体排版(Typography)素描
通常我们都只关注最终的作品,但其实幕后还有很多的过程,其中一个是素描.素描用来表达最初思想观念的原型.有时客户需要一个独特的品牌新LOGO或字体,这时先绘制在纸上是比较方便的,之后扫描到 Photos ...
- Convention插件
考虑使用COnvention插件可以进行零配置而且插件进行很多规范的约定也可以对开发合作当中按着它相应的规律开发..感觉也挺方便管理的.下面简单介绍它的使用. 首先我们需要使用到的jar包: Java ...
- Struts2 Convention插件的使用
转自:http://chenjumin.iteye.com/blog/668389 1.常量说明 struts.convention.result.path="/WEB-INF/conten ...
- Struts2 Convention插件的使用(4)使用@Action注解返回json数据
package com.hyy.action; import java.util.HashMap; import java.util.Map; import org.apache.struts2.co ...
- Struts2 Convention插件的使用(3)方法前的@Action注解
package com.hyy.action; import org.apache.struts2.convention.annotation.Action; import com.opensymph ...
- Struts2 Convention插件的使用(1)
刚刚查阅官方文档(convention-plugin.html)并学习了Struts2的Convention插件,文章这里只作为一个笔记,建议大家去看官方文档比较清晰和全面. 需要在项目添加这些包 c ...
随机推荐
- Java实现LeetCode_0020_ValidParentheses
package javaLeetCode.primary; import java.util.Scanner; import java.util.Stack; public class ValidPa ...
- Java 实现 蓝桥杯 历届试题 分糖果
问题描述 有n个小朋友围坐成一圈.老师给每个小朋友随机发偶数个糖果,然后进行下面的游戏: 每个小朋友都把自己的糖果分一半给左手边的孩子. 一轮分糖后,拥有奇数颗糖的孩子由老师补给1个糖果,从而变成偶数 ...
- MD760按键说明书
- Say Something About Of Flash Android
Why am I need say something about of flash android? It's at my college life when I touch flash andro ...
- <VCC笔记> Assumption
接下来是第二种注释语句类型Assumption.语法_(Assume E), 这个表达式是让VCC在接下来的额推理中,无视表达式E, 直接认可表达式E. 例: int x, y; _(assume x ...
- webtatic源
我们在安装php时,系统的yum源中php版本太老,但是编译安装又太烦,这时我们可以使用webtatic源来yum安装较新版本的php. webtatic源: https://mirror.webta ...
- eval5: TypeScript编写的JavaScript解释器
eval5是基于TypeScript编写的JavaScript解释器,100%支持ES5语法. 项目地址:https://github.com/bplok20010/eval5 使用场景 浏览器环境中 ...
- WebDriverWait
显示等待 WebDriverWait( driver, timeout, poll_frequency, ignored_exceptions) driver: 传入WebDriver实例,即webd ...
- 快捷符号输入小tip(option,alt键的妙用)
我们知道特殊符号的输入可以通过上档键(shift)加数字来完成.如!@#$%... -> (shift + 1 2 3 4 5...) 但是少有人知道windows中的alt键,或是macos中 ...
- .Net Core微服务入门全纪录(四)——Ocelot-API网关(上)
前言 上一篇[.Net Core微服务入门全纪录(三)--Consul-服务注册与发现(下)]已经使用Consul完成了服务的注册与发现,实际中光有服务注册与发现往往是不够的,我们需要一个统一的入口来 ...