大家好,又见面了,我是你们的朋友全栈君。
本来是因为做社团网站采用了MAKEDOWN编辑器,所以给新生介绍一下,现在也没什么用了。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b1u3Ujis-1575700056974)(https://www.mdeditor.com/images/logos/markdown.png “markdown”)]
Markdown是一种轻量级的「标记语言」
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”>Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”
功能 | 快捷键 |
---|---|
加粗 | Ctrl + B |
斜体 | Ctrl + I |
引用 | Ctrl + Q |
插入链接 | Ctrl + L |
插入代码 | Ctrl + K |
插入图片 | Ctrl + G |
提升标题 | Ctrl + H |
有序列表 | Ctrl + O |
无序列表 | Ctrl + U |
横线 | Ctrl + R |
撤销 | Ctrl + Z |
重做 | Ctrl + Y |
----
删除线(开启识别HTML标签时)
<s>删除线(开启识别HTML标签时)</s>
斜体字 斜体字
*斜体字* _斜体字_
粗体 粗体
**粗体** __粗体__
粗斜体 粗斜体
***粗斜体*** ___粗斜体___
上标:X2,下标:O2
上标:X<sub>2</sub>,下标:O<sup>2</sup>
即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启
The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.
The HTML specification is maintained by the W3C.
引用文本 Blockquotes
> 引用文本 Blockquotes
引用的行内混合 Blockquotes
引用:如果想要插入空白换行
即<br />标签
,在插入处先键入两个以上的空格然后回车即可,
# 标签 1
## 标签 2
### 标签 3
#### 标签 4
##### 标签 5
###### 标签 6
- 列表一
- 列表二
- 列表三
* 列表一
* 列表二
* 列表三
+ 列表一
+ 列表二
+ 列表二-1
+ 列表二-2
+ 列表二-3
+ 列表三
* 列表一
* 列表二
* 列表三
1. 第一行
2. 第二行
3. 第三行
- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
- [ ] GFM task list 3-1
- [ ] GFM task list 3-2
- [ ] GFM task list 3-3
- [ ] GFM task list 4
- [ ] GFM task list 4-1
- [ ] GFM task list 4-2
[普通链接](http://www.sa128.cn/)
[普通链接带标题](http://www.sa128.cn/ "普通链接带标题")
直接链接:https://www.sa128.cn
直接链接:<https://www.sa128.cn>
ptintf("hello,world");
`ptintf("hello,world");`
#include<stdio.h>
int main()
{
ptintf("hello,world");
return 0;
}
c
#include<stdio.h>
int main()
{
ptintf("hello,world");
return 0;
}
<pre></pre>
标记之间的内容按原文件的版式输出,空格换行不会忽略,pre标签很适合显示计算机代码。这个例子演示使用 pre 标签
对空行和 空格
进行控制
<pre>
这个例子演示使用 pre 标签
对空行和 空格
进行控制
</pre>
![](https://i.loli.net/2019/08/23/oW6UcAqpVOSrZCu.jpg)
TIP:![](在这里放入你的图片地址)
项目 | 价格 | 数量 |
---|---|---|
计算机 | $1600 | 5 |
手机 | $12 | 12 |
管线 | $1 | 234 |
| 项目 | 价格 | 数量 |
| -------- | -----: | :----: |
| 计算机 | $1600 | 5 |
| 手机 | $12 | 12 |
| 管线 | $1 | 234 |
Function name | Description |
---|---|
help() | Display the help window. |
destroy() | Destroy your computer! |
| Function name | Description |
| ------------- | ------------------------------ |
| `help()` | Display the help window. |
| `destroy()` | **Destroy your computer!** |
© & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC ” ‘
实际填写应加“;”符号
© & ¨ &trade ¡ £
& < > ¥ &euro ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18º C " &apos
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 |   | ||
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
“ | 引号 | “ | " |
’ | 撇号 | ‘ (IE不支持) | ' |
¢ | 分(cent) | ¢ | ¢ |
£ | 镑(pound) | £ | £ |
¥ | 元(yen) | ¥ | ¥ |
€ | 欧元(euro) | € | € |
§ | 小节 | § | § |
© | 版权(copyright) | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | &trade | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
<div STYLE="page-break-after: always;"></div>
Q:这个符号有什么用? A:在到处PDF的情况下,在你想要的分页就位子插入就可以了!
😋
:yum:
https://www.webfx.com/tools/emoji-cheat-sheet/
Print Test: Ctrl + P
#### 2.1.1前期工作 一款好用的文本编辑器,用来编辑html文档。推荐使用sublime text;
你的markdown文件中必须存在目录结构,即不同级别的标题。
把你的markdown文件转化成html,这一步可以使用sublime text的插件 Markdown Preview 或 OmniMarkupPreviewer 来完成。推荐使用后者,预览效果相对丰富一些;
下载markdownPad软件. MarkdownPad安装包下载链接 链接:https://pan.baidu.com/s/1o7c4W7C2d8zCPh5z7y4IvQ 提取码:e4bf
下载解压之后,找要MarkdownPad2.exe打开
点击Enter Key 进入输入邮箱和License key Email address : Soar360@live.com License key : GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==
然后我们把markdown文件用markdownPad软件打开。左边是源码右边是效果。 然后我们点击菜单栏的“文件”,之后是“导出”,再选择导出的格式,可以看到有html和pdf两项 保存为html文件后,markdown文件可以直接用浏览器打开。 保存为pdf文件后,markdown文件可以直接用pdf阅读器打开。
正式开始 首先下载模板
打开下载的文件,可以看到两个文件夹,一个是“官网示例”,另一个是“我的模板”,我们只需要使用“我的模板”;
将“我的模板”复制一份出来,然后用文本编辑器打开其中的 markdownToc.html 。里面标记了两条很明显的内容分割线,你只需要把自己的html文档的正文部分复制到两条内容分割线之间即可,无需进行其他编辑。
在顶部写入[TOC]
即可根据#生成目录;
在顶部写入[TOCM]
即可根据#生成目录(下拉菜单形式);
参考本页面顶部
Created with Raphaël 2.2.0 开始建网站 这玩意可行吗? 搞不搞 挺一下 搞完 暴毙 yes no
这样几行简单的代码就生成了一个优雅的流程图。 流程图大致分为两段,第一段是定义元素,第二段是定义元素之间的走向。
tag=>type: content:>url tag就是元素名字, type是这个元素的类型,有6中类型,分别为: start # 开始 end # 结束 operation # 操作 subroutine # 子程序 condition # 条件 inputoutput # 输入或产出 content就是在框框中要写的内容,注意type后的冒号与文本之间一定要有个空格。 url是一个连接,与框框中的文本相绑定
用->来连接两个元素,需要注意的是condition类型,因为他有yes和no两个分支,所以要写成 c2(yes)->io->e c2(no)->op2->e
http://adrai.github.io/flowchart.js/
ff kk kk ff kunkun尽情舞蹈… this is kunkun? 卧槽什么鬼? yes! ff kk kk ff MarkDown 画sequence图
sequence
title: MarkDown 画sequence图
participant finefine as ff
participant kunkun as kk
note right of kk:kunkun尽情舞蹈...
ff-->kk: this is kunkun?
kk-->kk:卧槽什么鬼?
kk-->ff: yes!
https://bramp.github.io/js-sequence-diagrams/
E = m c 2 E=mc^2 E=mc2
E = m c 2 E=mc^2 E=mc2行内的公式,行内的 E = m c 2 E=mc^2 E=mc2公式。
$$E=mc^2$$行内的公式,行内的$$E=mc^2$$公式。
\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
\displaystyle
\frac{1}{
\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}}
{1+\cdots} }
}
}
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi
math
\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
katex
\frac{1}{
\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}}
{1+\cdots} }
}
}
latex
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi
https://katex.org/
![协会图标LOGO.jpg](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pLmxvbGkubmV0LzIwMTkvMDgvMjMvb0Y2UmtXc0pyendRbjlwLmpwZw?x-oss-process=image/format,png)
<div align="center">
![协会图标LOGO.jpg](https://i.loli.net/2019/08/23/oF6RkWsJrzwQn9p.jpg)
</div>
TIP:同理,left靠左 right靠右。 TIP2:平时的时候不要这写😋。
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1381723926&auto=1&height=66"></iframe>
<iframe height=498 width=510 src="视频地址" frameborder=0 allowfullscreen></iframe>
![协会图标LOGO.jpg](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pLmxvbGkubmV0LzIwMTkvMDgvMjMvb0Y2UmtXc0pyendRbjlwLmpwZw?x-oss-process=image/format,png)
<div style="height:150px;width:150px;">
![协会图标LOGO.jpg](https://i.loli.net/2019/08/23/oF6RkWsJrzwQn9p.jpg)
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/190262.html原文链接:https://javaforall.cn