新人博客记录: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:
图片插入学习
插入图片方法:英文!+["图片名字"](输入图片路径)
本地图片插入尝试:
.png)
网络图片插入尝试:
在这里要注意导入本地图片时,不要使用绝对路径,简单解释当你的markdown文件给别人看时,其内部保存的绝对路径只是对于你自己的电脑,故最好创建一个img文件夹,将图片放在和markdown文件一起的img文件夹下,但这样发给别人必须有文件夹图片才可以看到图片
引用方法:向上用 ../../
,向下用filename/filename/
关于图片引用网络上还有很多方法:这里放一个参考
3. 插入图片
很明显地,要在纯文字应用中设计一个「自然」的语法来插入图片是有一定难度的。 Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式: 行内式和参考式。
行内式的图片语法看起来像是:
 
详细叙述如下: 一个惊叹号 ! 接着一个方括号,里面放上图片的替代文字 * 接着一个普通括号,里面放上图片的网址或本地路径(可以是相对路径或绝对路径),最后还可以用引号包住并加上 选择性的 '标题' 文字。
参考式的图片语法则长得像这样:
![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文件
- 用base64转码工具把图片转成一段字符串
- 把字符串填到基础格式中链接的那个位置。
- 由于图片转成base64编码,会非常的大,一般至少都要上千行,这个时候会发现插入的这一长串字符串会把整个文章分割开,非常影响编写文章时的体验。这时候就可以用参考式,把大段的base64字符串放在文章末尾,然后在文章中通过一个id来调用,文章就不会被分割的这么乱了。
这种方法的优点就是图片真的是不会丢啊,相当于直接将图片编码嵌入到文档中,但缺点也是显而易见的,就是base64编码实在是太长了啊,太长了,虽然可以放到文章结尾,但还是太长了,所以目前我还没找到更好的解决方法。
超链接学习
超链接方法:["点击跳转"]+(地址)
eg:点击跳转到东华大学官网
在markdown中点击是不会跳转的上传到网站点击可以跳转
markdown中按住ctrl再点击才可跳转
列表学习
列表方法:
有序:数字.空格,连按两下回车跳出列表
eg:
- 1
- 2
无序:-+空格或者*+空格,连按两下回车跳出列表,空心必须在实心里面,即实心里嵌套列表为空心
eg:
- 无序
- 列表
- 嵌套
- 嵌套
- 嵌套
- 嵌套
表格学习
表格方法:
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
eg:
头部1 | 头部2 | 头部3 |
---|---|---|
张某 | 男 | 2002.3.9 |
代码学习
```"所使用语言"+回车即可
需要显示行号较为麻烦,可以参考:
如果使用Typora(本人在用):文件->偏好设置中即可点击代码块行号设置,然后重启即可
eg:
print(123)
print(456)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具