博客-Markdown使用笔记

markdown写作中有一些小技巧,或者规范,值得记录一下,方便以后查阅使用。

一、技巧

1.1、转义字符的使用

有时文章里引用了一段名言,署名作者时,会用到”---“这种分割符号,直接加在名句后是不生效的,需要使用”\“进行转义。如下所示:

1
2
3
**转眼就是夏天了,野蔷薇快要绿叶满枝,遮掩了它周身的棘刺;苦尽之后会有甘来。**

**---莎士比亚**

输出如下:


转眼就是夏天了,野蔷薇快要绿叶满枝,遮掩了它周身的棘刺;苦尽之后会有甘来。

-莎士比亚



需要对”-“进行如下的转义:

1
2
3
**转眼就是夏天了,野蔷薇快要绿叶满枝,遮掩了它周身的棘刺;苦尽之后会有甘来。**

**\-\--莎士比亚**

最后才能正确输出:


转眼就是夏天了,野蔷薇快要绿叶满枝,遮掩了它周身的棘刺;苦尽之后会有甘来。

---莎士比亚



1.2、使用Markdown输出LaTex数学公式

之前使用用hexo的next主题编写数学公式时,是能够正常显示的。hexo clean && hexo g && hexo s测试,发现内容页面是公式的原始模样,并未转换。

1
2
3
4
5
6
7
8
$$
f(x) = \left\{
\begin{array}{lr}
0 & : n=0\\
[f(n-1,m)+m] \%n & : n > 1
\end{array}
\right.
$$

查看icarus主题的Issue问题记录,发现之前也有人遇到类似问题。

按照给出的建议,修改公式,加上了div标签。

1
2
3
4
5
6
7
8
9
10
<div>
$$
f(x) = \left\{
\begin{array}{lr}
0 & : n=0\\
[f(n-1,m)+m] \%n & : n > 1
\end{array}
\right.
$$
<div/>

修改后公式就能正常显示了。

$$ f(x) = \left\{ \begin{array}{lr} 0 & : n=0\\ [f(n-1,m)+m] \%n & : n > 1 \end{array} \right. $$

最后记得在文章的头部mathJax: true设置使用数学公式mathjax插件。

1.3、导出cmd窗口指令日志

1
ping beyondhxl.com > F:\cmd.txt

二、规范

2.1、设置图片的大小

下图是原始图片

1
<img src="图片地址" width = "80%" height = "80%" div align=center />

如上所示,通过设置图片的宽、高比列可用改变图片大小,align是图片的位置,除了左边、还有右边和居中显示。


2.2、设置文章字体的颜色

1
2
3
4
5
6
7
<font face="微软雅黑" >微软雅黑字体</font>
<font face="黑体" >黑体</font>
<font size=3 >3号字</font>
<font size=4 >4号字</font>
<font color=#FF0000 >红色</font>
<font color=#008000 >绿色</font>
<font color=#0000FF >蓝色</font>

color后面是RGB颜色十六进制颜色值

显示效果如下:

微软雅黑字体
黑体
3号字
4号字
红色
绿色
蓝色


2.3、设置字体居中显示

1
2
3
<center>
<font color=#0099ff size=3 face="黑体">color=#0099ff size=72 face="黑体"</font>
</center>

效果如下:

color=#0099ff size=72 face="黑体"

2.4、Markdown代码高亮支持的语言

名称 关键字
AppleScript applescript
ActionScript 3.0 actionscript3, as3
Shell bash, shell
ColdFusion coldfusion, cf
ActionScript 3.0 actionscript3, as3
C bash, shell
AppleScript cpp, c
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal, pas
diff&patch diff patch
Erlang erl, erlang
Groovy groovy
Java actionscript3, as3
JavaFX jfx, javafx
Perl perl, pl, Perl
PHP php
text text, plain
Python py, python
Ruby ruby, rails, ror, rb
SASS&SCSS sass, scss
Scala scala
SQL sql
Visual Basic vb, vbnet
XML xml, xhtml, xslt, html
Objective C objc, obj-c
F# f#, f-sharp, fsharp
R r, s, splus
matlab matlab
swift swift
GO go, golang

VS Code 中 Instant Markdown 不支持直接用 ```C#,而要用 csharp 才能高亮 C# 代码



参考文章:

1、Markdown如何打出双下划线包含的内容?
2、使用Markdown输出LaTex数学公式
3、HTML 颜色名
4、Markdown使用之语法字体、字号、颜色与居中(CSDN)

评论

:D 一言句子获取中...

加载中,最新评论有1分钟缓存...