测试博客园的MarkDown性能

目录

  • 测试博客园的MarkDown性能

    • 第一节、添加文章各种内容

      • 一、文本格式
      • 二、引用
      • 三、特殊字符
      • 四、跳转
      • 五、其他
    • 第二节、在博客园上发表文章

按右边的1跳转到文章尾部 1

测试博客园的MarkDown性能

第一节、添加文章各种内容

一、文本格式

1、无序列表

用以下三种符号+-*都可以。

+ 文本1
- 文本2
* 文本3
  • 文本1
  • 文本2
  • 文本3

2、有序列表

1. 文本1
2. 文本2
3. 文本3
  1. 文本1
  2. 文本2
  3. 文本3

有序列表与无序列表都可以嵌套使用。

1. 第一项
+ 文本1
+ 文本2
+ 文本3
2. 第二项
+ 文本1
+ 文本2
+ 文本3
  1. 第一项
  • 文本1
  • 文本2
  • 文本3
  1. 第二项
  • 文本1
  • 文本2
  • 文本3

还有一种不是很常用的任务列表。

- [ ] 任务一 未做任务
- [x] 任务二 已做任务
  • [ ] 任务一 未做任务
  • [x] 任务二 已做任务

3、粗体和斜体、下划线与删除线

第一种是斜体，第二种是粗体。第三种，斜体与粗体综合起作用。

*介绍一下博客园的markdown的使用方法*

**介绍一下博客园的markdown的使用方法**

***介绍一下博客园的markdown的使用方法***

介绍一下博客园的markdown的使用方法

介绍一下博客园的markdown的使用方法

介绍一下博客园的markdown的使用方法

MarkDown原生语法中,不存在下划线的语法。
我们可以用html代码达到下划线的效果。

<u>下划线</u>
~~删除这些~~

下划线
删除这些

4、缩进

开始一行作为标准，来看空了多少。
&ensp;半角的空格
&emsp;全角的空格
　　两全角空格
&emsp;&emsp;建议使用全角的空格。刚开始的时候，为了缩进，可能会按空格啊，Tab啊，会发现达不到满意的效果。现在可以看到，空两格的效果出来了。

开始一行作为标准，来看空了多少。
?半角的空格
?全角的空格
　　两全角空格
??建议使用全角的空格。刚开始的时候，为了缩进，可能会按空格啊，Tab啊，会发现达不到满意的效果。现在可以看到，空两格的效果出来了。

5、字体、字号和颜色

MarkDown原生语法中,做不到这些效果。
有些时候，可以用html代码来达到相应效果：

浅红色文字：浅红色文字：

浅红色文字：<font color="#dd0000">浅红色文字：</font><br/>

有些MarkDown软件，是通过层叠样式表（css）文件来进行相关设置。

设置背景色、文字颜色、和字体：

  --bg-color: #ececd8;
  --text-color: #0080ff;

html, body {
  background-color: var(--bg-color);
  font-family: Yahei Mono, Roboto, Open Sans, sans-serif;
}

6、表格

| 1左对齐 | 2右对齐 | 3居中 |
| :- | -: | :-: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
1左对齐 2右对齐 3居中
单元格 单元格 单元格
单元格 单元格 单元格
单元格 单元格 单元格

在Typora中，直接按快捷键 Ctrl+T ，然后进行相关操作即可。

二、引用

1、引用链接

网页链接

基本格式： [显示文本](链接地址)

[博客园](https://www.cnblogs.com/)
[百度](https://www.baidu.com/)

博客园
百度

本地链接

MarkDown 可以指向本地硬盘上的目录与文件。

选择打开链接，会打开对应的文件夹或文件。

网页上试不出来的。本地的MarkDown文件打开之后，就可以试了。

这对管理本地文件夹和文件，非常方便。

[指向x盘文件夹](file://x:)
[指向文件aaa.txt](file://x:/aaa.txt)

指向x盘文件夹
指向文件aaa.txt

2、引用图片

基本格式： ![图片名称](图片链接地址)

把图片文件，上传到某图床网站之后，得到一个图片URL链接，就可以引用图片了。

有时候打开网页，会看不到图片，那可能是因为浏览器的关系，可以换一个浏览器再试试。

![KEjNm4.jpg](https://s2.ax1x.com/2019/10/17/KEjNm4.jpg)

当然，也可以引用本地图片，比如这样写：

![图片名称](file://x:/md.jpg)

3、段落引用

段落引用可以嵌套的。

>相见时难别亦难，东风无力百花残。
春蚕到死丝方尽，蜡炬成灰泪始干。
>>晓镜但愁云鬓改，夜吟应觉月光寒。
蓬山此去无多路，青鸟殷勤为探看。

相见时难别亦难，东风无力百花残。
春蚕到死丝方尽，蜡炬成灰泪始干。

晓镜但愁云鬓改，夜吟应觉月光寒。
蓬山此去无多路，青鸟殷勤为探看。

4、代码引用

不分行的代码引用,用反引号" ` "包裹。
反引号在键盘左上角Esc键的下面。
比如：

浅红色文字：<font color="#dd0000">浅红色文字：</font><br/>

分行的用三个反引号" ``` "包裹。
第一行反引号后面可以跟要使用的语言，也可不加。

代码引用，起到了一个保存代码格式不变的效果。

有些还可以使代码有不同颜色、加亮的效果。

三个反引号，没有嵌套的功能。如果我想把整个包含MarkDown标记的文章，作为代码保存下来，再引用到文章中来，是做不到预想的效果的。

三、特殊字符

如果我想在文章中用#号，而不想这个#号，起到标记标题的作用，咋办？

可以用\#。

类似地，其他符号也这样解决：

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

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

四、跳转

页内跳转，用html代码来实现的话，最常用的就是加锚点。
在Typora中，有非常详细的树形目录结构，跳转已经很方便了。
在页面的任何地方，加上：[TOC]
然后回车，就会自动生成树形目标结构，而且是带链接的。点击即可实现跳转。

五、其他

  • 分隔线

用三个星号、减号来建立一个分隔线，行内不能有其他东西。

***
---

加号不行。

++++++

  • 备注
测试注释2 [^2]
中间是长文。。。。。。

[^2]: 这是注释2

测试注释2 2
中间是长文。。。。。。

第三行不见了，因为自动到文章尾部去了。
在博客园中，注释会自动跑到文章最后面。
转换成pdf文件后，也这样。

很多时候，我们需要立刻返回文章头部。在手机阅读的时候，只能不断往上拉。文章很长的时候，要拉老半天。
用注释的功能，可以解决这个问题。
(还有一个解决方法，是在文章尾部加入链接。这就需要后期编辑，因为写文章的时候，还不知道链接地址。)

在文章头部加上：
按右边的1跳转到文章尾部 [^1]
中间一定要至少一个空行。。
[^1]: 按右边的回车符跳转到文章头部
  • 换行

连续两个以上空格+回车。

如果不加空格就回车，导出pdf文件后可能会发现并没有产生换行。

第二节、在博客园上发表文章

非常简单，在Typora中，写好文章之后，复制全部。

在博客园中，在设置中，设置默认编辑模式为：MarkDown编辑器。

发布就可以了。

MarkDown很好玩，很给力。

Enjoy!

19.12.21

  1. 按右边的回车符跳转到文章头部?
  2. 这是注释2?

原文地址：https://www.cnblogs.com/xin01/p/12075819.html

时间： 2024-11-05 13:37:58

测试博客园的MarkDown性能的相关文章

MarkWord - 可发布到博客园的Markdown编辑器（支持图片同步）

这一段时间一直很迷恋MarkDown,语法简单,排版整洁.对于经常要整理归档文件是绝对的好东西. 于是就去上网搜一些Markdown软件,别说还真多,各种类型,然后就挑了几个都不进人意,因为我比较喜欢把文档生成为Pdf方便查阅.但是着了好多都没这个功能,唯一找到的一个还是要收费才能使用.所以就萌生自己做(zuzhuang)一个MarkDown软件的想法,另外也是想借这个软件学习一下WPF. 在本篇我先介绍一下本软件的使用方法,看看大家的反馈,如果好的话会出一个系列,并且会考虑放出代码. Mark

博客园添加markdown文章导航栏

博客园添加Markdown文章导航栏 我正在翻译Spring Framework文档,发布到博客园之后发现文章太密集,猛一看到比较懵,由于看到博客园支持自定义页面,我觉得添加一个导航栏,结构上会更加清晰一些. 所以在网上搜了搜关于添加导航栏的文章,搜到一个试了试,有些问题,所以就自己写了一个,实现功能如下: 主要搜索主页面中的h1-h6 根据1-6的级别设置字体大小和缩进宽度 滚动时页面最上方的标题对应导航将加粗 支持展开隐藏(默认隐藏,如果默认打开,就将js代码第6行display:none改

测试博客园样式

测试博客园样式 博客园是面向开发者的知识分享社区,不允许发布任何推广.广告.政治方面的内容.博客园首页(即网站首页)只能发布原创的.高质量的.能让读者从中学到东西的内容. 测试博客园样式 博客园是面向开发者的知识分享社区,不允许发布任何推广.广告.政治方面的内容. 博客园首页(即网站首页)只能发布原创的.高质量的.能让读者从中学到东西的内容. 测试博客园样式 博客园是面向开发者的知识分享社区,不允许发布任何推广.广告.政治方面的内容. 博客园首页(即网站首页)只能发布原创的.高质量的.能让读者从

测试博客园不能显示html代码

进过测试,发现博客园的博客标题只要含有“黑马程序员”关键字,博客内容里面的html代码就会无法显示. ------- android培训.java培训.期待与您交流! ----------

如何在博客园的markdown编辑器中输入数学公式

如果您在mardown编辑器中不仅输入markdown,还想输入LateX数学公式,需要将LateX数学公式放在某个html标签之中,比如<p></p>,这样可以避免数学公式中的一些字符被markdown引擎处理. 比如下面的数学公式: \begin{align}\notag \dot{x}&=\mathbf{A}x+\mathbf{B}u\y&=\begin{bmatrix}1&0\0&1\end{bmatrix}x+\begin{bmatrix}

博客园的Markdown编辑器学习

Markdown!!! 在线编辑器点击打开链接 学习语言地址点击打开链接 原文地址:https://www.cnblogs.com/hirampeng/p/9351784.html

MarkDown语法-使用博客园的markDown编辑

一个是一个大标题 两个是一个小标题 是三级标题 最高阶标题加下划线 高阶标题加双下划线 是二阶标题 二阶标题 区块引用blockquotes 换行也是没有关系的啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿啦啦啦啦啦啦啦啦绿绿了 区块引用可以嵌套 嵌套 标题区块引用中的标题 这是第一行 这是第二行 这是和*号的作用一样的 *号作用一样 和*+作用一样 使用英文句点+空格 表示有序列表 111 333 重新来过 222222222222222222222222222222222222

博客园 Markdown编辑器简要教程

简介 ?? 在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版.字体设置.它使我们专心于码字,用「标记」语法,来代替常见的排版格式.例如此文从内容到格式,甚至插图,键盘就可以通通搞定了.?? 目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如简书)也支持了 Markdown 的文字录入.Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格

如何在博客园上使用markdown

目录1 [Toc] 1. 打开markdown编辑器 在你的博客园首页面选择新随笔,在编辑页面左上角有设置默认编辑器,点击选择markdown即可.这时你已经可以编辑了,但你会注意到,编辑页面是没有预览按钮的,当然你也可以滑到最底部选择保存为草稿,然后就可以查看了.如果你觉得很麻烦(确实麻烦),就可以寻找新的编辑工具或博客客户端. 2. 寻找编辑工具 博客园有推荐专门的博客客户端给我们,如windows Live Writer和Open Live Writer.但不幸的是这两者都不支持markd