|
1 |
| ->微信公众号:**[颜家大少](#jump_10)** |
| 1 | +>微信公众号:**[bugstack虫洞栈](#jump_10)** |
2 | 2 | 关注可了解更多的教程及排版技巧。问题或建议,请公众号留言;
|
3 | 3 | **[如果你觉得Md2All对你有帮助,欢迎赞赏](#jump_20)[^1]**
|
4 | 4 |
|
@@ -58,24 +58,24 @@ function DisplayWindowSize(){
|
58 | 58 | 如果所有的"代码主题"都不符合你的要求,你可以参考"一键排版"下的"代码块样式"自定义自己喜欢的代码高亮
|
59 | 59 |
|
60 | 60 | <a id="jump_10"></a>
|
61 |
| -###图片显示 |
| 61 | +### 图片显示 |
62 | 62 |
|
63 | 63 | 下面的是我的公众号二维码图片,欢迎关注。
|
64 |
| - |
| 64 | + |
65 | 65 | 注:markdown对图片链接的语法是:`![]()`,如:``,
|
66 | 66 | 可直接把网络图片地址添加到markdown中,
|
67 | 67 | 默认为图片居中,如果想居左时,请打开"一键排版"下的css样式中的`img{margin:0 0;}`,
|
68 | 68 | `[这里写图片描述]`中对图片的描述内容会自动生成在图片的底部,对应样式`figcaption{}`
|
69 |
| -###云图床功能 |
| 69 | +### 云图床功能 |
70 | 70 | Md2All支持云图床,设置好云图床后,能把本地图片自动上传到云图床,并自动生成markdown.
|
71 | 71 | [请参考云图床教程:https://www.cnblogs.com/garyyan/p/9181809.html](https://www.cnblogs.com/garyyan/p/9181809.html)
|
72 | 72 |
|
73 |
| -###Latex数学公式(能正确复制到公众号等平台): |
| 73 | +### Latex数学公式(能正确复制到公众号等平台): |
74 | 74 | “复制”时会自动把Latex数学公式转换为图片,并自动上传到云图床(如果在“图片”设置了“...,自动上传到云图床”)。
|
75 | 75 | [请参考:Md2All,让公众号完美显示Latex数学公式](https://www.cnblogs.com/garyyan/p/9228994.html)
|
76 |
| -####行内公式:$...$ |
| 76 | +#### 行内公式:$...$ |
77 | 77 | 是的,我就是行内公式:$e^{x^2}\neq{e^x}^2$,排得OK吗?
|
78 |
| -####块公式:$$...$$ |
| 78 | +#### 块公式:$$...$$ |
79 | 79 | $$e^{x^2}\neq{e^x}^2$$
|
80 | 80 | 来个 *"复杂点"* 的:
|
81 | 81 | $$H(D_2) = -(\frac{2}{4}\ log_2 \frac{2}{4} + \frac{2}{4}\ log_2 \frac{2}{4}) = 1$$
|
|
89 | 89 | \end{pmatrix}
|
90 | 90 | $$
|
91 | 91 | 对应“一键排版”的css样式关键字为:`.katex`
|
92 |
| -####Latex复制到公众号等各平台的特别说明 |
93 |
| -#####复杂的行内公式(顶部和底部突出很多那种),转换后,如果显示不完整,请改为块公式 |
| 92 | +#### Latex复制到公众号等各平台的特别说明 |
| 93 | +##### 复杂的行内公式(顶部和底部突出很多那种),转换后,如果显示不完整,请改为块公式 |
94 | 94 | 有些比较复杂的行内公式,转换后,可能会出现顶部和底部很突出的部分看不见的情况,把它改成块公式就OK。
|
95 |
| -#####公众号报”图片粘贴失败“时,配合云图床完美解决 |
| 95 | +##### 公众号报”图片粘贴失败“时,配合云图床完美解决 |
96 | 96 | 如果你发现复制到公众号时报**”图片粘贴失败“**,那是因为公众号有个很奇怪的问题:当复制很小很小的本地图片时,就可能会报”图片粘贴失败“,而其它的平台暂时没遇到。
|
97 | 97 | 解决的办法是点“图片”图标,设置好图床信息,并选“...,自动上传到云图床”。
|
98 | 98 | [请参考云图床教程:https://www.cnblogs.com/garyyan/p/9181809.html](https://www.cnblogs.com/garyyan/p/9181809.html)
|
99 |
| -#####针对“知乎”的解决方法 |
| 99 | +##### 针对“知乎”的解决方法 |
100 | 100 | 知乎是一个比较神奇的网站,会把你的所有的样式恢复为默认的,并图片一定是居中的,也不能直接复制本地的图片。
|
101 | 101 | 所以你如果想要在知乎上正常显示:
|
102 | 102 | 1:只用块公式,或你可以接受行内公式在知乎上显示变成了块公式;
|
103 | 103 | 2:设置云图床,参考上面公众号那样设置“图片”->“...,自动上传到云图床”。
|
104 | 104 |
|
105 | 105 |
|
106 | 106 |
|
107 |
| -###Tips |
108 |
| -####自动保存 |
| 107 | +###T ips |
| 108 | +#### 自动保存 |
109 | 109 | 请点击左上角"编辑"图标再开始写作,这样就能自动保存写作内容,目前,所有保存的内容都是储存在本地浏览器缓存中(local storage),所以,就算重新开机,这些内容都不会丢失的呵,但为了安全起见,在未实现帐号云同步功能前,请自行备份重要内容;
|
110 |
| -####一键复制 |
| 110 | +#### 一键复制 |
111 | 111 | **一键复制** 请点击工具栏的 **复制**,否则会可能出现奇怪的问题。
|
112 | 112 |
|
113 |
| -####一键排版 |
| 113 | +#### 一键排版 |
114 | 114 | **"一键排版"** 支持标准的css,已提供了不少的样式模板,但因为每个人的喜好不一样,所以,如果现有的样式模板不适合你,请尽情地自定义css样式吧。
|
115 | 115 | 就算改错了也就"恢复预设值"就OK了,所以不用担心呵。一旦掌握自定义css样式后,你就会知到它到底有多大的威力了 ^_^;
|
116 | 116 |
|
117 |
| -####新版本对某主题样式更新时 |
| 117 | +#### 新版本对某主题样式更新时 |
118 | 118 | 当你保存了某排版主题的样式后,Md2All默认会使用你此主题保存的样式,所以,当新版本的Md2All对此主题样式有更新时,你需要“恢复预设值”才能看得到最新的样式。“恢复预设值”前,你可能需要备份一下你之前更改过的样式,否则会被覆盖掉。所以,我建议你把自己的样式保存在“最爱样式”下。
|
119 | 119 |
|
120 |
| -####浏览器兼容性问题,建议用Google chrome |
| 120 | +#### 浏览器兼容性问题,建议用Google chrome |
121 | 121 | 本人用Google Chrome 和Firefox 浏览器做测试时,没发现问题,但用Safari时会存在问题。如果你发现有奇怪的问题,建议用Google chrome。
|
122 | 122 |
|
123 |
| -###Markdown基本语法 |
124 |
| -####标题 |
| 123 | +### Markdown基本语法 |
| 124 | +#### 标题 |
125 | 125 | 支持6种大小的标题,分别对应`#`,`##`,`###`,`####`,`#####`,`######`,和样式文件中的`h1,...,h6`如:
|
126 |
| -#####H5 |
127 |
| -######H6 |
128 |
| -####行内代码 |
| 126 | +##### H5 |
| 127 | +###### H6 |
| 128 | +#### 行内代码 |
129 | 129 | 如:`AppCompatActivity`类,markdown对行内代码的语法是前后用:\`,其中 \` 为windows键盘左上角那个,
|
130 | 130 |
|
131 |
| -####强调 |
| 131 | +#### 强调 |
132 | 132 | **我是强调**
|
133 |
| -####斜体 |
| 133 | +#### 斜体 |
134 | 134 | 试试*斜体*
|
135 |
| -####强调的斜体 |
| 135 | +#### 强调的斜体 |
136 | 136 | 试试***强调的斜体***
|
137 |
| -####删除 |
| 137 | +#### 删除 |
138 | 138 | 试试 ~~删除~~
|
139 |
| -####外链的超链接 |
| 139 | +#### 外链的超链接 |
140 | 140 | 试试外链的超链接:[我是外链的超链接](http://blog.csdn.net/gary_yan/article/details/78645303),markdown对链接的语法为:`[]()`,如:`[我是外链的超链接](http://blog.csdn.net/gary_yan/article/details/78645303)`
|
141 |
| -####页内的超链接 |
| 141 | +####页 内的超链接 |
142 | 142 | 试试页内的超链接:[我是页内的超链接](#jump_1),注:你先要在要跳转的到地方放置一个类似:`<a id="jump_1">任意内容</a>`的锚点。由`id="jump_1" `来匹配。
|
143 | 143 |
|
144 | 144 |
|
145 |
| -####有序列表 |
| 145 | +#### 有序列表 |
146 | 146 | 1. 有序列表 1
|
147 | 147 | 2. 有序列表 2
|
148 | 148 | 3. 有序列表 3
|
149 | 149 |
|
150 |
| -####无序列表 |
| 150 | +#### 无序列表 |
151 | 151 | - 无序列表 1
|
152 | 152 | - 无序列表 2
|
153 | 153 | - 无序列表 3
|
154 | 154 |
|
155 |
| -####引用块 |
| 155 | +#### 引用块 |
156 | 156 | 只需要在前面加 `>`,如下:
|
157 | 157 | >我是引用块
|
158 |
| -微信公众号:颜家大少 |
| 158 | +微信公众号:bugstack虫洞栈 |
159 | 159 | 欢迎关注我,一起学习,一起进步!
|
160 | 160 |
|
161 |
| -####分隔线 |
| 161 | +#### 分隔线 |
162 | 162 | ***
|
163 | 163 |
|
164 | 164 |
|
165 |
| -###Markdown扩展语法 |
| 165 | +### Markdown扩展语法 |
166 | 166 |
|
167 |
| -####表格 |
| 167 | +#### 表格 |
168 | 168 | | 班级 | 男生 | 女生 |
|
169 | 169 | |-----|-----|------|
|
170 | 170 | | 一(7)班 | 30 | 25 |
|
171 | 171 | | 一(8)班 | 25 | 30 |
|
172 | 172 |
|
173 | 173 | 注:表格在公众号预览时,可能在PC端显示的不是正确的全屏,但在手机上预览时就会正常显示为全屏的了。
|
174 | 174 |
|
175 |
| -####任务列表 |
| 175 | +#### 任务列表 |
176 | 176 | - [x] 任务1,已完成;
|
177 | 177 | - [x] 任务2,已完成;
|
178 | 178 | - [ ] 任务3,未完成;
|
179 | 179 |
|
180 |
| -####注脚 |
| 180 | +#### 注脚 |
181 | 181 | 我是注脚[^10]。点点就能知到我跳到了那儿。
|
182 | 182 | 或跳到放置:`<a id="footnote-10">任意内容</a>`的地方,[^10] 对应`id="footnote-10"`
|
183 | 183 |
|
184 | 184 |
|
185 |
| -####TOC |
| 185 | +#### TOC |
186 | 186 | 看内容目录就是用`[toc]`生成的
|
187 | 187 | 注:只要放置:`[TOC]`,就能把其后面的标题如:`#,##,...######`自动生成目录树,注意,`[TOC]`要独立一行,并前面和后面都要空一行
|
188 | 188 |
|
189 | 189 |
|
190 |
| -###直接支持html,css |
| 190 | +### 直接支持html,css |
191 | 191 | 如果你懂html和css,那下面这些效果就不在话下了:
|
192 | 192 |
|
193 | 193 | <a href="#jump_1">来个页内跳转</a>,跳转到文未的:`<a id="jump_1">我是页内跳转到的位置</a>` ,对应:`id="jump_1"`
|
|
212 | 212 | </p>
|
213 | 213 |
|
214 | 214 | 请参考"一键排版"中的"标题首字突出"样式的提示修改,可把此标题首字突出:
|
215 |
| -###<span class="firstletter">1</span>试试首字突出 |
| 215 | +### <span class="firstletter">1</span>试试首字突出 |
216 | 216 |
|
217 | 217 | 注:理论上Md2All是支持所有标准的html和css,但问题是公众号很多都不支持,所以上面只演示了部分支持的。
|
218 | 218 |
|
219 | 219 | <a id="footnote-1"></a>
|
220 | 220 | <a id="jump_20"></a>
|
221 | 221 | ###赞赏Md2All
|
222 | 222 | 如果你觉得到Md2All对你有帮助,欢迎赞赏,有你的支持,Md2All一定会越来越好!
|
223 |
| - |
| 223 | + |
224 | 224 |
|
225 | 225 | ###版本更新记录
|
226 | 226 | ***
|
|
0 commit comments