怎么把自己做的网站让别人收到,龙海市城乡规划建设局网站,电销客户数据怎么买,慈利县建设局网站Markdown介绍 Markdown是一种文本标记语言#xff0c;用于快速文档排版Markdown文件为纯文本文件#xff0c;后缀名为 .mdMarkdown介于Word和HTML之间 比起Word#xff0c;Markdown是纯文本#xff0c;排版文档轻量、方便、快速。比起HTML#xff0c;Markdown简单直观用于快速文档排版Markdown文件为纯文本文件后缀名为 .mdMarkdown介于Word和HTML之间 比起WordMarkdown是纯文本排版文档轻量、方便、快速。比起HTMLMarkdown简单直观易读、易写、易修改
Markdown优点
简单、流行、B格高且使用广泛排版功能足够使用(不足之处可用HTML、CSS弥补)广泛用于用于办公、文字工作者、程序员等人员日常文档的写作排版
Markdown缺点
太简单很多复杂的专业排版样式功能无法实现只适用于要求不高的文字排版场合办公、技术文档等 Markdown编辑器
任意文本编辑器专业Markdown编辑器支持Markdown文档排版后预览适合文字工作者 MACmoumacdownWindowsMarkdownPad 自带预览功能的专业代码编辑器适合编程、分析等理工类应用 VSCode 原生支持预览Atom 原生支持预览并可将md文件另存为HTML文件Jupyter Notebook 科学工作者和程序员用交互式笔记本网页版可用于数据分析、教学、演讲等
Markdown预览
Atom 预览快捷键CtrlShiftM或CtrlShiftP - 命令窗口输入 markdown 回车 VSCodemd文件右上方-打开侧边栏预览 Markdown语法
Markdown有很多扩展方言这里使用GFMGithub Flavored Markdown
如何速成Markdown
一份Markdown格式的文件
应该要能以纯文字形式直接发表
并且一眼看过去不存在任何标记用的标签或格式指令。- John Gruber不要机械记忆Markdown标记如果由我发明一种格式标记语言写文章时候如何表示标题、段落、列表你就知道Markdown是怎么发明出来的了。
Markdown基本语法
1标题(# h1-h6)2空格、段落和换行(pbr)3超链接([]() a)4图片(![]() img)和公式5列表(ulolli)6代码块( pre)7着重、强调(** emstrong)8表格(-|-|- table)9转义字符(\)10分隔线(--- hr) 1标题(# h1-h6)
!-- 标题用 2个或2个以上的或- --一级标题
二级标题
--!-- 或者 --# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题一级标题
二级标题
三级标题
四级标题
五级标题
六级标题 2空格、段落和换行(pbr)
空格直接在编辑器空格或换行md都只显示为一个空格段落回车两次编辑器换两行显示为段落p标签
少见情况
多个空格语义性原因不建议这么做可直接写HTML转义字符 nbsp;换行上一行结尾加两个空格再回车br。建议少用可用无序列表代替连续换行多行语义性原因不建议这么做可直接写HTML换行标签br
空 格
没 nbsp;nbsp;nbsp;nbsp;换行段落!-- 少见情况 --本行结尾空两格
回车就会换一行连续换行多行
brbrbr
换行结束空 格没 换行
段落
本行结尾空两格 回车就会换一行
连续换行多行 换行结束 3超链接([]() a)
3.1直接写链接地址http://www.aaa.com/ (VSCode不支持)3.2[超链接](http://www.aaa.com/)3.3[本页面锚点](#abc)
div idabc点击跳转到本页面锚点位置多用于文档目录/div4图片(![]() img)和公式
图片只比超链接前面多个 !图片路径相对链接、绝对链接均可复杂的写法例如 图片加超链接、图片设宽高 等建议用HTML或CSS实现
URL地址中带括号的图片一般是公式
图片调用和URL链接隔行书写
一行调用(描述可以不写)一行定义图片URL地址(括号内名字或数字对应)。
![][gs][gs]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)15列表(ulolli)
* 无序列表1
* 无序列表2* 无序列表3* 无序列表4* 无序列表51. 有序列表1
1. 有序列表21. 有序列表31. 有序列表41. 有序列表5无序列表
无序列表1无序列表2 无序列表3 无序列表4无序列表5
有序列表
有序列表1有序列表2 有序列表3 有序列表4有序列表5 6代码块( pre) 反引号
将编辑器内程序代码原格式显示内部的HTML特殊符号如 和都会自动转义为lt; gt; amp;代码块要离上下内容空一行否则易出问题
1行内代码块一个反引号HTML转义为code包裹区块保留布局
这是strong行内代码块/strong都在一行内效果这是strong行内代码块/strong都在一行内
2块级代码块三个反引号包含HTML转义为precode包裹区块保留布局 div这是块级代码块
/div效果
div这是块级代码块
/div如要带代码高亮效果3个反引号开始处加上编程语言名
html
div这是块级代码块
/div效果
div这是块级代码块
/div如要显示一个反引号或者pre标签用两个反引号包裹文档
在这个文本中夹杂一个反引号如何显示效果在这个文本中夹杂一个反引号如何显示
如要显示3个反引号用pre标签标签包裹文档
pre
javascript
function aaa(){var a 1;
}/pre效果
javascript
function aaa(){var a 1;
}7着重、强调(** emstrong)
着重 斜体 em *着重 斜体 em*
强调 粗体 strong **强调 粗体 strong** 8表格(-|-|- table)
默认左对齐
表头1 | 表头2 | 表头3
------|------|------
行1列1 | 行1列2 | 行1列3
行2列1 | 行2列2 | 行2列3
行3列1 | 行3列2 | 行3列3表头1表头2表头3行1列1行1列2行1列3行2列1行2列2行2列3行3列1行3列2行3列3 9转义字符(\)
\ 反斜杠
想在页面显示md标记或者你不小心写了其他重复md标记例如
### 标题__也是着重标记__1986. 数字点被转成有序列表
1986. 数字点被转成有序列表标题
也是着重标记
数字点被转成有序列表数字点被转成有序列表
反斜杠转义
\### 标题\__也是着重标记__1986\. 数字点被转成有序列表
1986\. 数字点被转成有序列表### 标题
_也是着重标记_
1986. 数字点被转成有序列表1986. 数字点被转成有序列表 10分隔线(--- hr) ---
前面空一行本行最少三个-表示水平线分隔线 Markdown拓展应用 1Markdown保存为HTML
最简单的方法Atom - 预览界面右键 - Save As HTML注意图片路径默认为绝对路径需要修改为相对路径高级方法 使用基于Node.js的gitbook库自动生成HTML文档使用基于Python的Sphinx库生成HTML文档使用基于Haskell的Pandoc转换任意电子文档格式 2在Markdown中直接写HTML/CSS/JavaScript
不在md范围内的标记或样式或者说用Markdown很难实现的标记或样式可以直接写HTML/CSS/JavaScript语言实现
你完全可以把md文档当成HTML文档在里面写原生HTML/CSS/JS代码注意环境支持度
HTML 所有编辑器都支持CSS 大部分支持。Atom VSCode支持JupyterNotebook只支持行内样式JS 基本都不支持。VSCode设置开启后支持其他环境如想写JS可导出HTML文档后自行编辑
div classd1d111/div
div idd2d222/divstyle
.d1{background:#f00;
}
/stylescript
d2.style.background #00f;
/scriptd111d2223在Markdown中载入基于文本的公式
上面图片标签讲了怎样载入基于图片的公式怎样载入基于文本的公式
MathJax是一个渲染公式的JS库LaTex语法书写使用MathJax显示公式文档浏览器必须支持JS Jupyter不需操作原生支持VSCode需手动载入MathJax.js再启用JS后支持Atom默认过滤JS不支持
使用方式
载入MathJax.jsJupyter不需要默认已载入载入JS库路径问号后面的参数必须带
CDN远程载入
script srchttp://cdn.mathjax.org/mathjax/latest/MathJax.js?configTeX-AMS-MML_HTMLorMML/script或下载JS库后本地载入
script srcimages/MathJax.js?configTeX-AMS-MML_HTMLorMML/script将LaTeX公式写入$$ $$之间空格分隔
$$ P(A \mid B) \frac{P(B \mid A) \, P(A)}{P(B)} $$效果(需启用JS支持才可预览)
$$ P(A \mid B) \frac{P(B \mid A) \, P(A)}{P(B)} $$
myscript网站可以手写公式自动转为LaTeX语法http://webdemo.myscript.com/views/math.html#
