CSDN-MarkDown-模板
2016-07-21 15:34
246 查看
CSDN-MarkDown模板
我是头部目录
用[TOC]来生成目录:
CSDN-MarkDown模板
目录
简介
CSDN-MarkDown神秘功能
锚点功能
锚点功能HTML代码
锚点功能MarkDown代码
自定义颜色列表功能
自定义颜色列表功能Html代码
自定义颜色列表功能MarkDown代码
Html标签在markdown环境下的效果
Html标签在markdown环境下的效果代码
改变区域颜色功能
改变区域颜色html代码
表格功能
表格功能markdown代码
纵跨三行的表格
纵跨三行的表格Html代码
插入图片
黄金分割线
快捷键
脚注
简介
先说一说我为啥要开始写博客了?发现了CSDN的极客世界博客皮肤以后,发现这个皮肤逼格十足,继而就学习一哈MarkDown的基础语法,希望自己能写出比较美观的博文出来(其实这是扯淡的,O(∩_∩)O哈哈~,但不得不承认CSDN的这个举动确实让你根本停不下来)
毕业了刚好一年,因为在小公司,学的东西比较杂,接触了服务端(C#,nodejs),数据库(sqlSever,mongodb),前端知识(html,css,js),移动端(android),虽然学的多,但是比较乱,知识不扎实,感觉很容易翻船,借写博客来整理一哈自己学习的资料,自己有所感悟的东东。
是时候报复社会了,咳咳~,回报社会,回报社会,来啊,互相伤害
CSDN-MarkDown神秘功能
由于之前没接触过其他MarkDown编译器,在学习Markdown语法的时候,开始就认为markdown的语法就只局限于很多特殊符号(##,**,>…)来表示不同的html页面结构,但后来发现了一个锚点的功能很炫酷, 从而发现MarkDown是支持嵌套html语法的,但是不支持CSS样式1.锚点功能
[滚动到底部,点我,使劲点我,使劲点我]锚点功能HTML代码
<a href="#gofooter" >[滚动到底部,点我,使劲点我,使劲点我]</a> //在想要跳转的位置 <font id='gofooter' color=green face="微软雅黑">大家好,我是底部</font> //其实name也可以,但是由于浏览器兼容性问题和csdn-markdown不支持,所以使用id
滚动到底部
锚点功能MarkDown代码
[滚动到底部](#gofooter '锚点测试')
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键,来分级列表
- 热 - 成都 - 这两天 - 好热 - 不热 - 不裸奔对不起自己 - 好冷 - 真的好冷
3.Html标签在markdown环境下的效果
我是div 但在这里并没有什么卵用我是p 但在这里并没有什么卵用
我是a,点击我,我就施法:!#¥%,嘿,滚动到头部
我是table,在这里有用! | 哈哈~ | 哈哈~ |
---|---|---|
但是实现table有快捷键 - -! | 呵呵~ | 呵呵~ |
但是实现table有快捷键 - -! | 呵呵~ | 呵呵~ |
但是实现table有快捷键 - -! | 呵呵~ | 呵呵~ |
重要的事情说三遍- -! | 恩 | 好 |
4.Html标签在markdown环境下的效果代码
<div>我是div 但在这里并没有什么卵用</div> <span>我是p 但在这里并没有什么卵用</span> <a href='#goStart' title='锚点测试'>我是a,点击我,我就施法:!#¥%,嘿,滚动到头部</a> <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](http://img.blog.csdn.net/20160722143450018)
借鉴了其他博客主的实现方案,暂时骚气比较重的功能就这些,以后如果出现了,我会添加入我的小金库的,哈哈,下面我开始放代码
也就只有这篇博文会出现以下内容
下面的内容是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.翻录必究,Copyright © 1994-2116, World Closer, All Rights Reserved
欢迎大家转载,O(∩_∩)O ↩
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具