码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Markdown基础与进阶语法


    文章目录

      • 一、Markdown介绍
        • (一)、Markdown语言
        • (二)、Markdown编辑器
        • (三)、Markdown与HTML
      • 二、Markdown语法
        • (一)、基础语法
        • (二)、进阶语法
          • 1、文本选择性隐藏
          • 2、文章内部跳转
          • 3、添加键盘按键图标
          • 4、添加表情包
          • 5、隐藏文字
          • 6、为链接添加Title提示
          • 7、自动生成目录
          • 8、换行
          • 9、首行缩进
      • 三、Reference

    一、Markdown介绍

    (一)、Markdown语言

      markdown是一种轻量级标记语言,我们可以通过该语言快速编写易读的纯文本格式文档,Markdown 编写的文档后缀为 .md, .markdown,Markdown 编写的文档可以导出 HTML 、Word、PDF、Epub 等多种格式的文档。


    (二)、Markdown编辑器

      有多种编辑器可以编写Markdown文档,如Typora、语雀、Sublime Text等。


    (三)、Markdown与HTML

      Markdown与HTML一样都是标记语言,它只是单纯用来书写的语言,可以快速地书写出简洁、富有层次结构的文档,除了Markdown中基本的语法, 它还可以使用HTML语法,不需要额外标注HTML或是Markdown语法,如HTML中的块级元素、div、p、span、img标签等。

      但是要注意的是,在HTML区块标签内的Markdown格式语法不会被处理,如使用int a = 1; 不会被处理为代码插入。


    二、Markdown语法

    (一)、基础语法

      基础语法很多文档中有,这里就不再赘述,给出参考的文档:

    (360条消息) Markdown 语法手册 (完整整理版)_witnessai1的博客-CSDN博客_markdown语法

    (361条消息) Markdown 基础操作 | 高级操作 大全+Typora常用快捷键_Li Yikou的博客-CSDN博客_markdown 隐藏文字

    (372条消息) Markdown语法文档,Markdown教程,Markdown语法大全,_伊人夕岸_的博客-CSDN博客_markdown语法文档


    (二)、进阶语法

    1、文本选择性隐藏

      我们可以选择性地隐藏一些段落、代码,如隐藏一个问题的答案可以通过该种方式,阅读者可以手动展开隐藏的段落。

      通过

    和来选择性地隐藏部分段落,summary代表非隐藏文本,下面空白处就是隐藏的文本。下面是markdown文本中编写的内容,如下所示:

    <details>
        <summary>
            非隐藏内容
        summary>
        <br>
        隐藏内容
    details>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

      下面是隐藏的效果:

    在这里插入图片描述

      可以应用在一问一答的展示形式上,如下所示:

    在这里插入图片描述
      但是,CSDN上好像无法显示该效果!!!


    2、文章内部跳转

      我们在写文档时,可能会引用到当前文档下的其他内容,因此需要快速定位到指定的位置,要实现该种操作一共分为两步。

      第一步埋下锚点:

     <span id="point">跳转锚点</span>
    
    • 1

      注意,typora中由于版本不同可能不能使用id属性来标识锚点,可以使用name属性,如下所示:

    <span name="point">跳转锚点</span>
    
    • 1

      效果如下所示:

    跳转锚点

      第二步设置链接指向锚点:

      可以设置展示的文本,以及跳转的锚点属性,在HTML页面中点击即可跳转,但是在Typora中需要CTRL+点击才能够跳转。

    [点击跳转](#point)
    
    • 1

    点击跳转


    3、添加键盘按键图标

      我们在文章中表示键盘输入时,通常直接输入文本字符,该种表示方式可以更进一步,使用键盘按键图标表示。

      如表示CTRL键,可以通过如下HTML代码:

    <kbd>Ctrl</kbd>
    
    • 1

      效果如下所示:

    Ctrl


    4、添加表情包

      在Typora中通过快捷键Win+.来选择想要添加的Emoji表情,如😘😘;

      也可以通过表情符号代码添加,如:joy:,效果为:😂


    5、隐藏文字

      我们可以直接隐藏部分文本,如果使用鼠标选择这些文本就可以重现这些文本了,使用HTML标签将该文本的背景设置为当前的背景颜色:

    nobody can f*** me!!!
    
    • 1

    nobody can f*** me!!鼠标左滑查看隐藏文本!!!


    6、为链接添加Title提示

      当我们添加链接时,可以为该链接添加提示,也就是在鼠标悬浮在链接上时可以展示提示的文本,如下所示:

    [百度一下,你就知道 (baidu.com)](https://www.baidu.com/)
    
    
    • 1
    • 2

    百度一下,你就知道 (baidu.com)


    7、自动生成目录

      为文章添加目录,通过如下语法:

    @[toc]
    
    • 1

    8、换行

      使用HTML中的语法
    来换行;


    9、首行缩进

      使用HTML中的空格符来缩进,直接在文本前添加即可,如下所示:

    &emsp;&emsp;
    
    • 1

    三、Reference

    (360条消息) Markdown 语法手册 (完整整理版)_witnessai1的博客-CSDN博客_markdown语法

    (361条消息) Markdown 基础操作 | 高级操作 大全+Typora常用快捷键_Li Yikou的博客-CSDN博客_markdown 隐藏文字

    (372条消息) Markdown语法文档,Markdown教程,Markdown语法大全,_伊人夕岸_的博客-CSDN博客_markdown语法文档

    (377条消息) Markdown缩进控制_God-Excious的博客-CSDN博客_markdown缩进

  • 相关阅读:
    今日睡眠质量记录79分
    php如何把数组元素反转-array_reverse使用要点
    8.3 矢量图层点要素单一符号使用二
    针对 SAP 的增强现实技术
    有哪些好用到爆的软件呢?且看本文分析
    中国电影城市排名易语言查询代码
    自建Elasticsearch 集群的规划和常见问题
    Recurrence relation
    线程池介绍及用法
    那些项目中遇到的注解
  • 原文地址:https://blog.csdn.net/Mrwxxxx/article/details/127832584
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号