CSDN-MarkDown-模板
2017-04-06 23:10
99 查看
CSDN-MarkDown-模板(转载)
test csdn markdown
CSDN-MarkDown模板
我是头部
目录
用 [TOC]来生成目录:
发现了CSDN的极客世界博客皮肤以后,发现这个皮肤逼格十足,继而就学习一哈MarkDown的基础语法,希望自己能写出比较美观的博文出来(其实这是扯淡的,O(∩_∩)O哈哈~,但不得不承认CSDN的这个举动确实让你根本停不下来)
毕业了刚好一年,因为在小公司,学的东西比较杂,接触了服务端(C#,nodejs),数据库(sqlSever,mongodb),前端知识(html,css,js),移动端(android),虽然学的多,但是比较乱,知识不扎实,感觉很容易翻船,借写博客来整理一哈自己学习的资料,自己有所感悟的东东。
是时候报复社会了,咳咳~,回报社会,回报社会,来啊,互相伤害
1.锚点功能
[滚动到底部,点我,使劲点我,使劲点我]
锚点功能HTML代码
[滚动到底部,点我,使劲点我,使劲点我]
//在想要跳转的位置
//其实name也可以,但是由于浏览器兼容性问题和csdn-markdown不支持,所以使用id
大家好,我是底部
滚动到底部
锚点功能MarkDown代码
滚动到底部
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
自定义颜色列表功能Html代码
···
七色彩虹糖
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
自定义颜色列表功能MarkDown代码
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
当需要分级列表时,使用Tab键,来分级列表
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
我是p 但在这里并没有什么卵用
我是a,点击我,我就施法:!#¥%,嘿,滚动到头部
我是table,在这里有用! 哈哈~ 哈哈~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
重要的事情说三遍- -! 恩 好
4.Html标签在markdown环境下的效果代码
我是div 但在这里并没有什么卵用
我是p 但在这里并没有什么卵用
我是a,点击我,我就施法:!#¥%,嘿,滚动到头部
屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎
改变区域颜色html代码
项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234
表格功能markdown代码
纵跨三行的表格
值班人员 星期一 星期二 星期三
德玛 亚索 布隆
李白清 赵本山 冯小刚
纵跨三行的表格Html代码
7.插入图片
yesOrNo
1
借鉴了其他博客主的实现方案,暂时骚气比较重的功能就这些,以后如果出现了,我会添加入我的小金库的,哈哈,下面我开始放代码
也就只有这篇博文会出现以下内容
下面的内容是CSDN的原创内容,由于有些功能自己没用过和有些快捷键不熟悉,污一哈CSDN,感谢CSDN!
来呀,看我不爽,打我3。来,互相伤害。。。。
黄金分割线
快捷键
加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y
大家好,我是底部
脚注
生成一个脚注1.
test csdn markdown
CSDN-MarkDown模板
我是头部
目录
用 [TOC]来生成目录:
简介
先说一说我为啥要开始写博客了?发现了CSDN的极客世界博客皮肤以后,发现这个皮肤逼格十足,继而就学习一哈MarkDown的基础语法,希望自己能写出比较美观的博文出来(其实这是扯淡的,O(∩_∩)O哈哈~,但不得不承认CSDN的这个举动确实让你根本停不下来)
毕业了刚好一年,因为在小公司,学的东西比较杂,接触了服务端(C#,nodejs),数据库(sqlSever,mongodb),前端知识(html,css,js),移动端(android),虽然学的多,但是比较乱,知识不扎实,感觉很容易翻船,借写博客来整理一哈自己学习的资料,自己有所感悟的东东。
是时候报复社会了,咳咳~,回报社会,回报社会,来啊,互相伤害
CSDN-MarkDown神秘功能
由于之前没接触过其他MarkDown编译器,在学习Markdown语法的时候,开始就认为markdown的语法就只局限于很多特殊符号(##,**,>…)来表示不同的html页面结构,但后来发现了一个锚点的功能很炫酷, 从而发现MarkDown是支持嵌套html语法的,但是不支持CSS样式1.锚点功能
[滚动到底部,点我,使劲点我,使劲点我]
锚点功能HTML代码
[滚动到底部,点我,使劲点我,使劲点我]
//在想要跳转的位置
//其实name也可以,但是由于浏览器兼容性问题和csdn-markdown不支持,所以使用id
大家好,我是底部
滚动到底部
锚点功能MarkDown代码
滚动到底部
2.自定义颜色列表功能
七色彩虹糖热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
自定义颜色列表功能Html代码
···
七色彩虹糖
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
<font>七色彩虹糖</font> <ol> <li><font color=DarkRed>热</font></li> <ol> <li><font color=Red>成都</font></li> <li><font color=Orange>这两天</font></li> <li><font color=SkyBlue>好热</font></li> </ol> <li><font color=red>不热</font></li> <ol> <li><font color=Chocolate>不裸奔对不起自己</font></li> <li><font color=Purple>好冷</font></li> <li><font color=Green>真的好冷</font></li> </ol> </ol>
自定义颜色列表功能MarkDown代码
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
当需要分级列表时,使用Tab键,来分级列表
热
成都
这两天
好热
不热
不裸奔对不起自己
好冷
真的好冷
Html标签在markdown环境下的效果
我是div 但在这里并没有什么卵用我是p 但在这里并没有什么卵用
我是a,点击我,我就施法:!#¥%,嘿,滚动到头部
我是table,在这里有用! 哈哈~ 哈哈~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
重要的事情说三遍- -! 恩 好
4.Html标签在markdown环境下的效果代码
我是div 但在这里并没有什么卵用
我是p 但在这里并没有什么卵用
我是a,点击我,我就施法:!#¥%,嘿,滚动到头部
我是table,在这里有用! | 哈哈~ | 哈哈~ |
---|---|---|
但是实现table有快捷键 - -! | 呵呵~ | 呵呵~ |
但是实现table有快捷键 - -! | 呵呵~ | 呵呵~ |
但是实现table有快捷键 - -! | 呵呵~ | 呵呵~ |
重要的事情说三遍- -! | 恩 | 好 |
<table> <tr><th>我是table,在这里有用!</th><th>哈哈~</th><th>哈哈~</th></tr> <tr><td>但是实现table有快捷键 - -!</td><td>呵呵~</td><td>呵呵~</td></tr> <tr><td>但是实现table有快捷键 - -!</td><td>呵呵~</td><td>呵呵~</td></tr> <tr><td>但是实现table有快捷键 - -!</td><td>呵呵~</td><td>呵呵~</td></tr> <tr><td>重要的事情说三遍- -!</td><td>恩</td><td>好</td></tr> </table>
5.改变区域颜色功能
这样就把这片区域的颜色变成了屎黄色,哈哈,屎黄屎黄的有木有?屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎
改变区域颜色html代码
这样就把这片区域的颜色变成了屎黄色,哈哈,屎黄屎黄的有木有? 屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎 |
<table> <tr> <td bgcolor=Chocolate> 这样就把这片区域的颜色变成了屎黄色,哈哈,屎黄屎黄的有木有?<br> 屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎 </td></tr> </table>
6.表格功能
可以使用冒号来定义对齐方式:项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234
表格功能markdown代码
Computer | 1600 元 | 5 |
Phone | 12 元 | 12 |
Pipe | 1 元 | 234 |
值班人员 星期一 星期二 星期三
德玛 亚索 布隆
李白清 赵本山 冯小刚
纵跨三行的表格Html代码
值班人员 | 星期一 | 星期二 | 星期三 |
---|---|---|---|
德玛 | 亚索 | 布隆 | |
李白清 | 赵本山 | 冯小刚 |
<table> <tr> <th rowspan="3">值班人员</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> </tr> <tr> <td>德玛</td> <td>亚索</td> <td>布隆</td> </tr> <tr> <td>李白清</td> <td>赵本山</td> <td>冯小刚</td> </tr> </table>
7.插入图片
yesOrNo
1
借鉴了其他博客主的实现方案,暂时骚气比较重的功能就这些,以后如果出现了,我会添加入我的小金库的,哈哈,下面我开始放代码
也就只有这篇博文会出现以下内容
下面的内容是CSDN的原创内容,由于有些功能自己没用过和有些快捷键不熟悉,污一哈CSDN,感谢CSDN!
来呀,看我不爽,打我3。来,互相伤害。。。。
黄金分割线
快捷键
加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y
大家好,我是底部
脚注
生成一个脚注1.
相关文章推荐
- CSDN-MarkDown-模板
- 使用CSDN-markdown模板
- 欢迎使用CSDN-markdown编辑器模板编辑
- CSDN-markdown编辑器模板
- CSDN Markdown 模板
- CSDN Markdown 模板
- CSDN-markdown编辑器模板
- 模板-欢迎使用CSDN-markdown编辑器
- CSDN-markdown编辑器模板
- CSDN-markdown编辑器 模板
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- CSDN-markdown编辑器语法——字体、字号与颜色