新人博客记录:Markdown语法学习

Markdown学习

标题语法学习:

n级标题=n*#+空格+标题名字+回车键

字体设置学习

粗体:两边加** 或者直接快捷键CTRL+b

eg:hello world

斜体:两边加* 或者直接快捷键CTRL+i

eg:hello world

斜体加粗:两边加三个***

eg:hello world

划线字体:两边加两个~

eg:hello world

下划线字体:建议直接快捷键CTRL+u

eg: helloworld

引用学习

引用方法:>加空格即可,要跳出引用按两下回车即可

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等

eg:

选择东华大学,走向人生巅峰!

东华信管人生首选!~

鸭梨山大==锻炼抗压!课程巨难=培养能力!同学巨强=共同进步!

分割线学习

分割线方法:---或者三个***

eg:



图片插入学习

插入图片方法:英文!+["图片名字"](输入图片路径)

本地图片插入尝试

![一棵树的双人成行游戏截图](img\2022-07-01 (22).png)

网络图片插入尝试

网络截图

在这里要注意导入本地图片时,不要使用绝对路径,简单解释当你的markdown文件给别人看时,其内部保存的绝对路径只是对于你自己的电脑,故最好创建一个img文件夹,将图片放在和markdown文件一起的img文件夹下,但这样发给别人必须有文件夹图片才可以看到图片

引用方法:向上用 ../../,向下用filename/filename/

关于图片引用网络上还有很多方法:这里放一个参考

Markdown语法及原理从入门到高级(可能是全网最全)

3. 插入图片

很明显地,要在纯文字应用中设计一个「自然」的语法来插入图片是有一定难度的。 Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式: 行内式参考式

行内式的图片语法看起来像是:

![Alt pic](/path/to/img.jpg)

![Alt pic](/path/to/img.jpg "Optional title")

详细叙述如下: 一个惊叹号 ! 接着一个方括号,里面放上图片的替代文字 * 接着一个普通括号,里面放上图片的网址或本地路径(可以是相对路径或绝对路径),最后还可以用引号包住并加上 选择性的 '标题' 文字。

参考式的图片语法则长得像这样:

![Alt pic][id]

「id」是图片参考的名称,图片参考的定义方式则和连结参考一样:

[id]: url/to/image  "Optional title attribute"

但是在这里有两个很大的问题: 1. 如果使用本地路径插入本地图片,不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。 2. 插入网络图片,则非常依赖网络,如果是本地图片,还需要先上传到网络服务器上。

所以,如果你想上传本地图片,这里我也列出两个解决方法,这也是我查了很多文章总结的,这里欢迎大家来补充指教:

1. 将本地图片上传到github

首先在github中新建一个repo,然后git clone下来,然后把你想要的图片放到这个文件夹中然后上传,然后到GitHub中找到这个图片查看地址,在markdown中引用就好了。

这种方法的优点就在于插入式很灵活,github没有墙,你的文章上传到各个平台,图片也都基本不会丢失或找不到,但缺点就在于图片的管理很不方便,图片一旦多起来,你的本地仓库将会变得很大,而且你的文章可能涉及很多方面,管理也不方便,不过,也算是一个比较理想的解决方案。

2. 把图片存入markdown文件

  1. 用base64转码工具把图片转成一段字符串
  2. 把字符串填到基础格式中链接的那个位置。
  3. 由于图片转成base64编码,会非常的大,一般至少都要上千行,这个时候会发现插入的这一长串字符串会把整个文章分割开,非常影响编写文章时的体验。这时候就可以用参考式,把大段的base64字符串放在文章末尾,然后在文章中通过一个id来调用,文章就不会被分割的这么乱了。

这种方法的优点就是图片真的是不会丢啊,相当于直接将图片编码嵌入到文档中,但缺点也是显而易见的,就是base64编码实在是太长了啊,太长了,虽然可以放到文章结尾,但还是太长了,所以目前我还没找到更好的解决方法。

超链接学习

超链接方法:["点击跳转"]+(地址)

eg:点击跳转到东华大学官网

在markdown中点击是不会跳转的上传到网站点击可以跳转

markdown中按住ctrl再点击才可跳转

列表学习

列表方法

有序:数字.空格,连按两下回车跳出列表

eg:

  1. 1
  2. 2

无序:-+空格或者*+空格,连按两下回车跳出列表,空心必须在实心里面,即实心里嵌套列表为空心

eg:

  • 无序
  • 列表
  • 嵌套
    • 嵌套
      • 嵌套

表格学习

表格方法:

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

eg:

头部1 头部2 头部3
张某 2002.3.9

代码学习

```"所使用语言"+回车即可

需要显示行号较为麻烦,可以参考:

markdown代码高亮,并显示行号

如果使用Typora(本人在用):文件->偏好设置中即可点击代码块行号设置,然后重启即可

eg:

print(123)
print(456)
posted @   粟一柯种一棵树  阅读(44)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示