CSDN-MarkDown-模板

CSDN-MarkDown模板

我是头部

目录

[TOC]来生成目录:

  • CSDN-MarkDown模板

    • 目录
    • 简介
    • CSDN-MarkDown神秘功能
    • 神秘功能展示
      • 锚点功能
      • 自定义颜色列表功能
      • Html标签在markdown环境下的效果
      • 改变区域颜色
    • 综上所述-代码展示
      • 锚点代码
      • 自定义颜色列表代码
      • Html标签在markdown环境下的效果代码
      • 改变区域颜色
  • 黄金分割线
    • 快捷键
    • Markdown及扩展
      • 表格
      • 定义列表
      • 代码块
      • 数学公式
      • UML 图
    • 离线写博客
    • 浏览器兼容
      • 脚注

简介

先说一说我为啥要开始写博客了?

  1. 发现了CSDN的极客世界博客皮肤以后,发现这个皮肤逼格十足,继而就学习一哈MarkDown的基础语法,希望自己能写出比较美观的博文出来(其实这是扯淡的,O(∩_∩)O哈哈~,但不得不承认CSDN的这个举动确实让你根本停不下来)
  2. 毕业了刚好一年,因为在小公司,学的东西比较杂,接触了服务端(C#,nodejs),数据库(sqlSever,mongodb),前端知识(html,css,js),移动端(android),虽然学的多,但是比较乱,知识不扎实,感觉很容易翻船,借写博客来整理一哈自己学习的资料,自己有所感悟的东东。
  3. 是时候报复社会了,咳咳~,回报社会,回报社会,来啊,互相伤害

CSDN-MarkDown神秘功能

由于之前没接触过其他MarkDown编译器,在学习Markdown语法的时候,开始就认为markdown的语法就只局限于很多特殊符号(##,**,>…)来表示不同的html页面结构,但后来发现了一个锚点的功能很炫酷, 从而发现MarkDown是支持嵌套html语法的,但是不支持CSS样式

神秘功能展示

锚点功能

[滚动到底部,点我,使劲点我,使劲点我]


自定义颜色列表功能

七色彩虹糖

    1. 成都
    2. 这两天
    3. 好热
  1. 不热
    1. 不裸奔对不起自己
    2. 好冷
    3. 真的好冷

Html标签在markdown环境下的效果

我是div 但在这里并没有什么卵用

我是p 但在这里并没有什么卵用

我是a,点击我,我就施法:!#¥%,嘿,滚动到头部

我是table,在这里有用! 哈哈~ 哈哈~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
但是实现table有快捷键 - -! 呵呵~ 呵呵~
重要的事情说三遍- -!

改变区域颜色

这样就把这片区域的颜色变成了屎黄色,哈哈,屎黄屎黄的有木有?

屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎



借鉴了其他博客主的实现方案,暂时骚气比较重的功能就这些,以后如果出现了,我会添加入我的小金库的,哈哈,下面我开始放代码

综上所述-(代码展示)

锚点代码

<a href="#gofooter" >[滚动到底部,点我,使劲点我,使劲点我]</a> 

//在想要跳转的位置
<font id=‘gofooter‘ color=green  face="微软雅黑">大家好,我是底部</font>
//其实name也可以,但是由于浏览器兼容性问题和csdn-markdown不支持,所以使用id

自定义颜色列表代码

<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>

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>

改变区域颜色

<table>
<tr>
<td bgcolor=Chocolate>
这样就把这片区域的颜色变成了屎黄色,哈哈,屎黄屎黄的有木有?<br>
屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎黄屎
</td></tr>
</table>


也就只有这篇博文会出现以下内容

下面的内容是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

Markdown及扩展

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。

本编辑器支持 Markdown Extra ,  扩展了很多好用的功能。具体请参考[Github][2].

表格

Markdown Extra 表格语法:

项目 价格
Computer $1600
Phone $12
Pipe $1

可以使用冒号来定义对齐方式:

项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234

定义列表

Markdown Extra 定义列表语法:
项目1
项目2
定义 A
定义 B
项目3
定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码,例如:

@requires_authorization
def somefunc(param1=‘‘, param2=0):
    ‘‘‘A docstring‘‘‘
    if param1 > param2: # interesting
        print ‘Greater‘
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = ‘‘‘interpreter
... prompt‘‘‘

数学公式

使用MathJax渲染LaTex 数学公式,详见[math.stackexchange.com][1].

  • 行内公式,数学公式为:Γ(n)=(n?1)!?n∈N。
  • 块级公式:

x=?b±b2?4ac???????√2a

更多LaTex语法请参考 [这儿][3].

UML 图:

可以渲染序列图:

Created with Rapha?l 2.1.0张三张三李四李四嘿,小四儿, 写博客了没?李四愣了一下,说:忙得吐血,哪有时间写。

或者流程图:

Created with Rapha?l 2.1.0开始我的操作确认?结束yesno

  • 关于 序列图 语法,参考 [这儿][4],
  • 关于 流程图 语法,参考 [这儿][5].

离线写博客

即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。

博客发表后,本地缓存将被删除。 

用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱

浏览器兼容

  1. 目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
  2. IE9以下不支持
  3. IE9,10,11存在以下问题
    1. 不支持离线功能
    2. IE9不支持文件导入导出
    3. IE10不支持拖拽文件导入


大家好,我是底部

脚注

生成一个脚注1.


  1. 翻录必究,Copyright ? 1994-2116, ZeroBegining, All Rights Reserved

    欢迎大家转载,O(∩_∩)O ?

时间: 2024-10-10 16:16:15

CSDN-MarkDown-模板的相关文章

CSDN Markdown与其他markdown编辑器的功能对比

引言 迄今为止,我用过的Markdown编辑器有:MarkdownPad(客户端).StackEdit.马克飞象.Cmd Markdown.简书,以及现在的CSDN Markdown,由于CSDN Markdown是在StackEdit的基础上开发而来,因此两者在使用及样式上基本相同,但是CSDN Markdown优化了部分细节,比如代码高亮样式更美观.下面我就针对CSDN Markdown.简书.马克飞象.Cmd Markdown以及MarkdownPad Pro这五种编辑器,做一个简单的功能

CSDN markdown 编辑器 第一篇

最近CSDN 新出了markdown编辑器.我这也算是尝鲜. 最初接触markdown编辑器是在2011年.那个时候,使用markdown编辑器写blog.然后将blog放到github上托管.markdown还不能像现在这样可以实时编辑显现.那个时候有一个markdown engine专门将markdown语法转换成html. 每次感觉自己写对了.实际上语法各种不对. 究竟什么是markdown? markdown是一种更加贴近自然表达的语法,它可以转换成互联网上通用展示的html格式. -

CSDN Markdown 超链接

CSDN Markdown 的超链接总是在当前页面打开新的链接,后来找到了一种可以在新窗口打开超链接的语法,如下: <a href="https://zh.wikipedia.org/wiki/Markdown" target="_blank"> [ 维基百科 ] PS: 仅供参考

CSDN markdown 编辑器 第四篇 LaTex语法

Latex是为了写数学公式的.嗯-但实际这种语言的作用是为了排版的.数学公式只是他的附加属性. 但是markdown引入这个完全是为了写公式.其他的Latex语法不支持. CSDN markdown语法支持的latex,分为两类 - 行内公式: $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 这是行内公式: Γ(n)=(n?1)!?n∈N 块级公式: $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$ 这个是块

CSDN Markdown语法之如何插入图片

目录 图片上传方式 插入在线图片 插入本地图片 图片链接方式 行内式图片链接 参考式图片链接 几个问题探讨 问题1:图片上传和图片链接两种方式的区别 问题2:Markdown中如何指定图片的高和宽? 问题3:Markdown中如何指定图片的对齐方式? 正文 在CSDN Markdown编辑器中插入图片有两种方式: 使用工具栏上的图片上传功能 自己动手写图片链接的方式 下面分别介绍它们的使用方法. 图片上传方式 这种方式最简单,属图形化方式.大家可以很容易的在CSDN Markdown编辑器的工具

CSDN markdown 编辑器 第二篇 markdown简单使用

第一篇简单介绍了markdown. 第一篇地址 第二篇主要会介绍不熟悉markdown语言的人如何使用CSDN新的编辑器.这里主要介绍图形编辑器.已经掌握的人请挪步. 前面几个都非常简单.例如对字体加粗和斜体. - 或者是对 [帐前卒专栏](http://chillyc.info) 加个链接.用![连接图标](http://img.blog.csdn.net/20150312221433385) - 再者就是加个图片:![图片图标](http://img.blog.csdn.net/201503

《CSDN Markdown简明教程》课程上线!

0. 目录 目录 前言 课程详情 课程介绍 课程目标 课程目录 课程简介 快速上手1-文本格式化 快速上手2-代码格式化和列表 快速上手3-链接和图片 快速上手4-目录脚注和表格 公式编辑 UML图绘制-序列图 UML图绘制2-流程图 健步如飞 参考博文 等待您的建议 声明 1. 前言 为提高广大C友 Markdown水平,响应CSDN号召,本博录制<CSDN Markdown简明教程>专栏的配套视频教程,业已上线,请广大C友批评指正! 2. 课程详情 <CSDN Markdown简明教

[csdn markdown]使用摘记一源代码高亮及图片上传和链接

本文主要内容是体验csdn markdown的代码块高亮显示和图片链接及上传. 图片上传 上边这是标题行,只需要使用一个#就可以表示,几个表示是几级标题 图片上传 本地图片上传控件 本地图片上传方式 csdn markdown编辑器的整体风格 源代码高亮显示 插入链接 如果想要自动根据标题生成目录,那么就使用[TOC] 标记来表示这里是目录,并且会自动生成.在我们编辑文章的时候,可以看到左边是编辑区,右边是预览图,编辑的实时效果都在右边显示. 本地图片上传控件 当我们想上传本地图片的时候,只需要

csdn MarkDown 第六篇 技术篇--UML 序列图 实现

这一篇开始讨论代码层面的问题.主要是markdown的功能的设计实现. 这一篇先从markdown外围的代码开始讲起: UML序列图是从https://github.com/bramp/js-sequence-diagrams copy得到的. 当如这个UML代码还用到了两个JS,功能库和画图. <script src="underscore-min.js"></script> <script src="raphael-min.js"&

[csdn markdown]使用摘记二 快捷键及导入导出Markdown文件

csdn推出了新的编辑器markdown,对于习惯使用离线编辑的人员来说是个大的福利,比如上班的时候,不能联网,但是又有好些知识点需要记录,等到下班了呢,又想直接把这些排版格式良好的文件直接上传到csdn博客,那么好了,现在有了这个编辑器,使用它的导入Markdown文件 就可以了. 目录 目录 导入导出 菜单位置 导入操作 导出操作 快捷键 导入导出 菜单位置 点击这个按钮,出现导入对话框,注意,这个导入会全部覆盖当前编辑的文章,如果不是全部使用要导入的文件,请谨慎使用此操作. 导入操作 弹出