博客园 Markdown编辑器简要教程

简介

?? 在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。
?? 目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如简书)也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。甚至可以利用 CloudApp 这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持 Mou 这类 Markdown 工具的直接上传。

教程参考

markdown 使用教程—— Jimmy_Nie的博客园
博客园markdown 编辑器指南—— 不忘初心,方得始终的博客园

博客园配置Markdown编辑器

  1. 从 我的博客 -> 管理 进入博客后台
  2. 点击左侧列表栏的 “设置默认编辑器”
  3. 选中 Markdown 并 SAVE
  4. 此时回到添加新随笔,可使用Markdown编辑新随笔了

博客园 Markdown简要语法

1. 标题

在需要被定义为标题的一段文字前加 #,并且以 # 的数量来区分标题的级别 这是引用内容

2. 列表

2.1 无序列表

在列表文字前加上-*+符号,即可变为无序列表,支持多级嵌套

2.2 有序列表

采用在文字前加1. 2. 3. 的形式,变为有序列表
注:符号与文字之间必须有 空格

3. 空格 & 空行

3.1 段落首行缩进/空格

  • 输入法切换至全角,双击 空格 「推荐」
  • 半方大的空白   或 &#8194 : 英文空格(半角)
  • 全方大的空白   或 &#8195 : 中文空格(全角)
  • 不断行的空白格   或 &#160

3.2 换行/空行

使用<br> 【推荐】

4. 引用

当需要引入有出处的一段话时,就使用引用的方式,其实现为在行开始处加入>,如下所示:

5. 图片 & 链接

  • 图片

    ![]() :[图片名称](图片网络地址)

  • 链接

    []() :[链接名称(可自定义)](链接地址)
    <>:使用<>将 网址 和 电子邮件信箱 包起来,Markdown就会自动把它转成链接

6. 字体设置

  • 粗体:
    字符串前后都加上**
  • 斜体:
    字符串前后都加上*
  • 删除线:
    字符串前后都加上~~
  • 删除线:
    字符串前后都加上 ` (Esc下方的那个键)

7. 分隔线

当上下文没有关联时,可以使用分隔线进行隔开,分隔符的格式如下:

  • 连续多个*(>=3)
  • 连续多个-(>=3)
  • 连续多个_(>=3)

**注:分隔符的中间可以有空格,但使用时分隔符的上方必须空一行

8. 表格

表格的通常做法如下:

####表格title
header 1 | header 2 | header 3
- | - | - 该行是thead 与 tbody的分隔符
col 1 | col 2 | col 3
col 1 | col 2 | col 3

可用<br>在单元格内换行,暂时不支持合并单元格;编辑表格时,上方须空一行

9. 代码框

若想要文章中的代码照原来的样子显示,只要简单地缩进 4 个空格或是 1 个制表符就可以,或者使用相应的符号将代码包裹起来。行内代码用`var sub = b - a;`,`(Esc下方的那个键),代码块则用:

```
//代码块
```

var sub = b - a;

$("#y_btn").click(function(event) {
        /* Act on the event */
        var sub = b - a;
    });

10. 生成目录

在文本中加入该元素 [TOC] ,文本中的一级#、二级##、三级###标题 都会自动成为目录列表标题

11. 转义

Markdown 支持以下符号前面加上反斜杠\,来帮助插入以下普通的符号:

\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号

总结

以上经测试,在博客园的Markdown均能得到支持

原文地址:https://www.cnblogs.com/vikeykuo/p/10955521.html

时间: 2024-10-25 04:59:12

博客园 Markdown编辑器简要教程的相关文章

博客园 Markdown 编辑器指南

标题 只要前面加 # 号即可,一共六级标题 列表 无序列表 无序列表前面加* 无序列表前面加* 无序列表前面加* 有序列表 前面加列号序号1 前面加列号序号2 前面加列号序号3 引用 只需要在前面加>符号 粗体于斜体 打两个**就是粗体 打一个*就是斜体 代码框 这是代码框,有包起来的 使用\`\`\`py更加好一点, 可以包含多行代码 分割线 分割线的语法只需要三个 * 号 在此处分割 在此处分割 博客园 Markdown 编辑器指南 原文地址:https://www.cnblogs.com/

修改博客园markdown编辑器代码高亮风格的方法

???????作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式可供我们开箱即用.Highlightjs就是这样一款产品. ???????下面介绍一下我是如何将这款产品应用于博客园markdown编辑器中的. 第一步,找到你所喜欢的高亮主题 ???????打开Hightlightjs的demo页面 选择你所喜欢的高亮主题.我选择的是Atom One

公开求助:博客园Markdown编辑器的改进(太简陋)

本人学生党,学业繁重,对JavaScript等一无所知,同时无法忍受博客园默认的markdown编辑器--它太丑.太简陋了. 然后,我看到一个网站:这大概是"所见即所得"Markdown吧_V2EX 上也能用 发现这个项目 HyperMD HyperMD是一个在线的能够"实时预览"的markdown编辑器. HyperMD 是一组 [CodeMirror][] 插件.模式.主题.编辑器命令(Commands)和按键绑定(KeyMap)等. 你可以在一个页面上同时使用

博客园markdown编辑器下上传图片

先对图片进行base64转码 再写语法,eg: ![picture](base64密钥) 为不影响编辑,可将密钥内容放到文章最后,eg: ![picture][img] [img]:base64密钥 转码链接:link 原文地址:https://www.cnblogs.com/junecode/p/11829717.html

博客园 markdown测试

##1.是否能用markdown呢 这是个问题 似乎不可以的 ======================= 这是怎么回事呢 来自为知笔记(Wiz) 博客园 markdown测试

MarkWord - 可发布博客的 Markdown编辑器 代码开源

因为前一段时间看到 NetAnalyzer 在Windows10系统下UI表现惨不忍睹,所以利用一段时间为了学习一下WPF相关的内容,于是停停写写,用了WPF相关的技术,两个星期做了一个Markdown编辑器,并且集成了:编辑时与网页同步,博客发布,PDF导出等功能.也主要是不忿某款外国软件收费,故有此作. 代码下载地址 https://github.com/Twzy/MarkWord 展示与说明 代码同步编辑 博客发布 代码说明 博客发布 MarkWord支持博客园和CSDN博客发布,并且可以

博客园Markdown模式的MATLAB代码高亮方案

前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ?```language code-content ?``` 一般来说,指明了 language 后,应该是可以是实现语法高亮的.其基本原理就是将代码中的 关键字 .变量 .函数 等待字符做正则化匹配,将纯文本的代码内容分块,与固定语法内容的着色方案(css样式)对应上. 然鹅!!大部分编程语言都能实现较好的高亮,而 Matlab 效果却很差,语法样式是错误的!看着很不舒服. 就像下面

博客园主题样式修改教程

实现代码高亮 那怎么使用呢?我是先向博客园申请了js代码的权限,申请入口还是在刚刚那个[设置]里: 我这里是批准了所以显示支持js代码,你们要想实现这个代码高亮,那就得先申请(希望博客园的管理员别打我 —..— ) 然后复制下面代码到[博客侧边栏公告]里: <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script> <script type="text/jav

博客园markdown语法扩展

从Markdown语法解析说起 Markdown作为一种非常轻便的标记语言,非常适合博客的写作.其语法十分简单,一般都是一些特殊的字符组合来实现特定的语法,比如一级标题.二级标题,插图.插表等等.这些语法和HTML之间存在一种转换关系,或者说映射.其中担当这个转化工作的就是 js 脚本文件,其术语称之为解析 . 查阅相关资料后得知,目前来说,对于Markdown这门语言,标准语法很有限,所以后面不断发展出了许多扩展语法,但是仍然十分有限,并且不太好自定义扩展语法(教程太复杂,不适合新手),为此我