zoukankan      html  css  js  c++  java
  • Markdown基础语法

    一、前言

    • 由于有些语法无法在博客园展示,推荐使用Typora解锁全套,下载地址:点我
    • 推荐使用jupyter,使用方法:点我
    • markdown数学公式大全,点我
    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,
    它可以使普通文本内容具有一定的格式。   	 			--摘自百度百科
    

    没想到一向不太靠谱的百度百科这次竟有了如此精辟的解释。之前项目一直使用word撰写文档,有比较大的弊病:

    • 只能对纯文本文件进行版本控制,而word是二进制格式
    • 格式繁杂,经常需要中断写作来控制格式
    • 代码与文档分离,给写文档造成更大的阻力

    而假如单纯的使用txt,就没有一点格式了,用html虽然既有格式又能加入版本控制,但是需要花费较多的时间在标签上,而且标签占了文档的较大百分比,不易阅读。

    所以,最终的解决方案就是 Markdown ,作为一种轻量级的标记语言,能在非常短的时间内掌握。
    而且不仅可以用于写文档,还可以写博客、写简书、做一些随手笔记。Markdown文件以.md结尾,
    可以导出为html和PDF(需要使用的工具支持)。它是一种语法(个人认为是简化版的html),
    但是和html不同的是,各种解析器对其会有不同的表现。比如我的IDEA Markdown插件会把分割
    线显示成一条细灰线,Cmd Markdown则是显示一条虚线。所以建议保持使用一种Markdown工具和
    尽量使用标准语法。
    

    二、Markdown基本语法

    所有的代码语法, 并不建议复制粘贴, 手打一遍效果最佳, 谢谢 ! !

    2.1 标题

    代码:

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 最小只有六级标题
    

    效果:
    过于粗暴,不予以展示,你复制粘贴即知晓!!!

    2.2 加粗

    代码:

    **我被加粗了**
    

    效果:
    我被加粗了

    2.3 斜体

    代码:

    *我倾斜了了*
    

    效果:
    我倾斜了了

    2.4 高亮

    代码:

    ==我高亮了==
    

    效果:
    我高亮了

    2.5 上标

    代码:

    2^2^
    

    效果:
    2^2^

    2.6 下标

    代码:

    H~2~o
    

    效果:
    H~2~o

    2.7 代码引用(>式)

    代码:

    > hello markdown!
    

    效果:

    hello markdown!

    代码:

    > hello markdown!
    >> hello markdown!
    

    效果:

    hello markdown!

    hello markdown!

    2.8 代码引用(```式)

    代码:

    # 源码模式下 ( ctrl + / ) 复制这一句话,谢谢!
    ​```python
    print('hello jax')
    ​```
    

    效果:

    print('hello jax')
    

    2.9 代码引入(`式)

    代码:

    # 不要复制这一句话,要手打, 并且去掉下面的反斜杠,谢谢!
    \`print("hello jax")\`
    

    效果:
    print("hello nick")

    2.10 插入链接(链接显示)

    代码:

    <https://www.baidu.com>
    

    效果:
    <www.baidu.com>

    2.11 插入链接(链接描述显示)

    代码:

    [百度传送门](https://www.baidu.com)
    

    效果:
    百度传送门

    2.12 插入图片(链接)

    代码:

    ![插入图片演示](http://ww1.sinaimg.cn/large/006qX6GLgy1g8bne0vg58g30680523z7.gif)
    

    效果:
    插入图片演示

    2.13 插入图片(图片路径)

    • 绝对路径:.md文本同目录下图片的名字,如数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark
    • 相对路径:图片在电脑中的路径地址,如Users ickmacdesktop数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark

    代码:

    ![数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark](数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark '描述信息')
    
    ![数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark](Users
    ickmacdesktop数据类型总结-搞笑结束.jpg?x-oss-process=style/watermark '描述信息')
    

    效果:
    效果就不显示了, 这里的图片链接的是本地资源

    2.14 有序列表

    代码:

    # 注意是输入数字, 紧跟上一个点(.)符号, 再跟上一个空格符号
    1. one
    2. two 
    3. three
    

    效果:

    1. one
    2. two
    3. three

    2.15 无序列表

    代码:

    - one
    - two
    - three
    

    效果:

    • one
    • two
    • three

    2.16 分割线

    代码:

    ---
    

    效果:


    ### 2.17 表格

    插入表格第二行必须得有,并且第二行的冒号代表对齐格式,分别为居中;右对齐;左对齐):

    知识点 : 作为SB(帅逼)的我从不用这么麻烦的方法,可以试试 | | |竖线空格竖线空格竖线回车, 或者在Typora中快捷键Ctrl + T就好了

    name | age | sex 
    :-:|:-|-:
    tony|20|男
    lucy|18|女
    

    效果:

    name age sex
    jax 18 female
    nick 40 male

    2.18 数学公式(行内嵌)

    代码:

    内嵌数学公式$sum_{i=1}^{10}f(i)\,\,	ext{thanks}$
    

    效果:
    内嵌数学公式(sum_{i=1}^{10}f(i),, ext{thanks})

    2.19 数学公式(块状)

    代码:

    $$
    sum_{i=1}^{10}f(i)\,\,	ext{thanks}
    $$
    

    效果:

    $$
    sum_{i=1}^{10}f(i)\,\,	ext{thanks}
    $$
    

    知识点 : 作为SB(帅逼)肯定是直接快捷键Ctrl + Shift + k或者是Ctrl + Shift + M

    2.20 选中方式格式

    - [ ] 计划任务
    - [ ] 完成任务
    
    • [ ] 计划任务
    • [ ] 完成任务

    三、总结

    以上所述就是Markdown的基本标签,虽然不多,但是可以解决大部分情况。

    SB知识点时间, 设置字体, 字体大小, 以及字体颜色, 字体背景作为独特的癖好(着重点)可以试试这些. 附送在线取色网

    <font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font> 
    
    <table><tr><td bgcolor=#09F797>当然还是最喜欢它啦~</td></tr></table>  
    

    显示效果咯

    我是黑体,绿色,尺寸为5

    当然还是最喜欢它啦~
    基础markdown语法参考:https://www.appinn.com/markdown/ 插入数学公式markdown语法参考:https://www.zybuluo.com/codeep/note/163962
  • 相关阅读:
    jQuery.extend()
    reconnecting-websocket.js
    网页防止嵌套
    mysql 一张表的多个字段关联另外一张表
    php把一些预定义的 HTML 实体转换为字符。
    weex用阿里矢量图
    nodeJS有多快
    关于jquery中prev()和next()的用法
    关于手动添加属性的方法总结
    关于一个div上下左右居中的css方法
  • 原文地址:https://www.cnblogs.com/Dr-wei/p/11844365.html
Copyright © 2011-2022 走看看