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 804 唯一摩尔斯密码词 (暴力)
804. 唯一摩尔斯密码词 国际摩尔斯密码定义一种标准编码方式,将每个字母对应于一个由一系列点和短线组成的字符串, 比如: "a" 对应 ".-", " ...
- Java实现 LeetCode 777 在LR字符串中交换相邻字符(分析题)
777. 在LR字符串中交换相邻字符 在一个由 'L' , 'R' 和 'X' 三个字符组成的字符串(例如"RXXLRXRXL")中进行移动操作.一次移动操作指用一个"L ...
- Java实现 LeetCode 409 最长回文串
409. 最长回文串 给定一个包含大写字母和小写字母的字符串,找到通过这些字母构造成的最长的回文串. 在构造过程中,请注意区分大小写.比如 "Aa" 不能当做一个回文字符串. 注意 ...
- Java实现 蓝桥杯VIP 算法训练 完数
问题描述 一个数如果恰好等于它的因子之和,这个数就称为"完数".例如,6的因子为1.2.3,而6=1+2+3,因此6就是"完数".又如,28的因子为1.2.4. ...
- Java实现 LeetCode 210 课程表 II(二)
210. 课程表 II 现在你总共有 n 门课需要选,记为 0 到 n-1. 在选修某些课程之前需要一些先修课程. 例如,想要学习课程 0 ,你需要先完成课程 1 ,我们用一个匹配来表示他们: [0, ...
- Java实现 蓝桥杯VIP 算法提高 最长公共子序列
算法提高 最长公共子序列 时间限制:1.0s 内存限制:256.0MB 问题描述 给定两个字符串,寻找这两个字串之间的最长公共子序列. 输入格式 输入两行,分别包含一个字符串,仅含有小写字母. 输出格 ...
- node实现图片分割
前言 最近,女王大大日常找我弄图片,本来之前我一直是ps帮他弄得,后来- -,ps不能分割过长的图片,我就想想能不能通过代码来帮他实现好了. 经过我在npm搜索一番,发现没有一个纯代码层面的high ...
- 使用请求头认证来测试需要授权的 API 接口
使用请求头认证来测试需要授权的 API 接口 Intro 有一些需要认证授权的接口在写测试用例的时候一般会先获取一个 token,然后再去调用接口,其实这样做的话很不灵活,一方面是存在着一定的安全性问 ...
- Flask 的配置文件
Flask 的配置文件 四种方法给 Flask 做配置 1直接给 app 对象赋值属性 以字典的形式,给flask做配置 以文件的形式,给flask做配置(django 就是用这种) 以类的形式,给f ...
- vue2.0+Element UI 实现动态表单(点击按钮增删一排输入框)
对于动态增减表单项,Element UI 官方文档表单那一节已经介绍得很清楚了,我之前没有看见,绕了很多弯路,这里针对点击按钮增删一排输入框的问题做一个总结. 效果图如下 存在一排必填的姓名与手机号, ...