来源://p/.html
hi!我是山楂~
前言
一次偶然的机会,让我接触到了 .md 文档,进而开始摸索 如何查看 .md 文档,并意外结识了 这个编辑器。
1 简介
是一种轻量级标记语言,创始人为 John 。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。
2 为什么要用
对于我而言,我选择的原因如下:
1.回归到内容本身,注重文章本身的结构,而不是样式
2.的语法简单,记住几个常用的就可以释放鼠标了
3.当前许多网站都支持用 来撰写文档
基本语法
1.标题
语法格式:#+空格+标题,一个#是一级标题,两个##是两级标题,以此类推,支持六级标题。
2. 字体
语法格式:**加粗**
语法格式:*斜体*
语法格式:``斜体加粗`
语法格式:~~删除线~~
语法格式:==高亮==
3.引用
语法格式:>+引用文字
我是引用文字
引用也可以嵌套:
如加两个>>
三个>>>
支持无线套娃~~
4.分割线
语法格式:三个或者三个以上的 - 或者 * 都可以,如***
5.图片
语法格式:
alt 指的是当图片链接失效时显示的提示文字,最好设置 alt 为本地存储的图片名,方便查找
如果你想要调整图片大小,有两种方式:
<div align="center">
<img style="border-radius: 20px;"
src="#"
alt="#"
width="688" >
</div>
你也可以通过如下代码为图片添加图注:
<center>
<img width="688"
src=""
alt="">
<br>
<div style="color: #999;">
图注
</div>
</center>
Hello,I'm ,your .
我使用的博客园主题不支持缩放代码,所以我选择了使用HTML的方式调整图片大小。
6.超链接
语法格式:[超链接名](超链接地址)
7.列表
语法格式:无序列表用 - + * 任何一种都可以,如+ 我是无序列表
加号和内容之间需要放置一个空格
语法格式:数字+点+空格+内容,如1. 我是有序列表
在子列表前按下tab键即可构成子列表。
8.表格
语法格式:
|左对齐|居中对齐|右对齐|
|:----|:----:|---:|
|左|中|右|
第二行分割表头和内容,并声明内容的对齐格式。
一般而言,不这么用,感觉太费劲了,下面再介绍快捷键。
9.代码
语法格式:用一个反引号包起来 `代码内容`,代码会以主题中设置的样式出现在行内,但不会实现代码高亮。
语法格式:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
``` 语言
代码内容
```
语言:C、C++、JAVA 等
10.高级技巧
1. 转义
使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符, 使用反斜杠转义特殊字符:
反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
2.行内公式()用 $...$ 括起公式,公式会出现在行内。
3.块间公式(),用 $$...$$ 括起公式(注意 $$ 后需要换行),公式会默认显示在行中间。
$
块间公式
$
4.支持HTML
是一款轻便简洁的 编辑器,支持即时渲染技术,这也是与其他编辑器最显著的区别。
即时渲染使得你写 就像是写Word文档一样流畅自如。
个人认为是一款很好用的 编辑器,特来分享给大家❤️
1. 软件安装
官网下载:
阿里云:
2.支持正版
以下内容引用自 的下载和破解|博客园
D:\
1.打开 ,点击输入序列号;
2.邮箱一栏中任意填写(但须保证邮箱地址格式正确),输入序列号,点击激活。
可选序列号:
3.在中书写
TOC从文档中提取所有标题,其内容将自动更新。
4 图片插入
插入图片除了使用插入语句外,还可以:
会自动帮你插入符合 语法的图片语句,并给它添加alt。
5.打字机模式和专注模式
通过 视图→打字机模式/专注模式 开启或关闭:
6. 空格与换行
空格:在输入连续的空格后, 会在编辑器视图里为你保留这些空格,但当你打印或导出时,这些空格会被省略成一个。
你可以在源代码模式下,为每个空格前加一个 转义符,或者直接使用 HTML 风格的 &nbps; 来保持连续的空格。
需要说明的是,在 语法中,换行(line break)与换段是不同的,且换行分为软换行和硬换行。
7.支持emoji 表情
在 中,你可以用 :emoji: 的形式来打出 emoji,软件会自动给出图形的提示。
8. Tips
安利一个快捷键提示工具,轻量级+快捷方便。
官网:
它本身支持的软件列表并不包含,但给出了 自定义软件快捷键 的方式,所以,我就自己捣鼓了一下:
自行选择下载:[.json]
不含开机自启的选项,如果你想要设置成开机自启博客园主题,可参考如下方法:
将需要自启动软件创建一个快捷方式
按 win+ R,键入shell:,打开 「启动」 文件夹
将需要开机自启动的软件的快捷方式拖到启动文件夹中
9.设置图片自动上传
固然好用,也固然好用,但图片该怎么处理?
总不能自己一张张的上传,然后在复制网络连接吧,也不是不可以
下面介绍两种方式实现自动上传。
1 .使用 PicGo-Core
下载 PicGo-Core
选择sm.ms作为图床并配置 token
免费版存储容量 5GB,每分钟限制上传20张,每小时限制上传100张,每天限制上传200张,每周限制上传500张,每月限制上传1000张,单张图片最大5M。
该图床建立于2015年博客园主题,目前免费用户无法使用香港节点因此速度比较慢(白嫖党没这么多事)。
打开官网 ,注册后登录。
打开该网址 ,生成 token。
最后点击③位置配置 token,放置如下代码:
{
"picBed": {
"uploader": "smms",
"smms": {
"token": "xxxxxxxxxxxxxxxxxxxxxx"
}
},
"picgoPlugins": {}
}
token 换成刚刚生成的 sm.ms 的token。
按照步骤配置好后,点击验证图片上传选项,如果提示验证成功,那么恭喜,你毕业了;
拖拽图片到 实现自动上传并更改 url 的功能。
2. 使用 PicGo+Gitee
安装 Node.js
因为PicGo中默认不支持 gitee,所以我们需要安装Node.js插件。
下载地址:
安装步骤:
双击``node-v16.14.2-x64.msi`进行安装。
自定义安装路径
> 注意:不要勾选附加选项
4. 安装完成记得**重启电脑**。
Gitee相关
注意保存好私人令牌的序列号,该令牌只显示这一次。
如果你不幸忘记了该令牌,那就是好重新生成一个了。
安装 PicGo
下载地址:
在官网上下载要选择正式稳定的版本。
安装步骤:
1.插件安装,选择`-plus`或者`gitee-`,二者择其一即可,我选择的是`git-plus`。
2. 配置 gitee,并设置为默认图床:
> token放置上述过程生成的序列号即可
3.重启 PicGO 软件(关闭后重新打开)。
配置
重新打开 ,选择 文件->偏好设置->图像:
如果出现如下选项:
恭喜你,你拥有了自己的图床了。
3.我的配置
对于我而言,我更倾向于先将图像保存到本地:
最后可以选择统一上传:
4. 注意事项
注意事项
既然提到了图床,那就顺带安利一个图片压缩工具:
如果使用可视化工具,在获取API的时候,若长时间未收到反馈邮件,去垃圾邮件看看,会有意想不到的收货
主题
主题预览及下载:主题
我根据他们的样式,在主题的基础上,做了小小的改动️
结尾
希望这篇 保姆级教程能够帮助到大家,如果这篇文章对你有帮助,你能给我三连一下是最大的支持!
技术交流
我是山楂,一枚不断学习、追求 nobug 的程序媛妹子,欢迎大家加我微信和我交流技术~
也麻烦大家多给山楂的文章点赞和在看昂
往期精选