HelloMarkDown

最新推荐文章于 2024-09-05 14:18:51 发布
最新推荐文章于 2024-09-05 14:18:51 发布
阅读量118 收藏
点赞数
分类专栏： 笔记 文章标签： markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tanguniang/article/details/120187248
版权

markdown study

欢迎使用Markdown编辑器

这是我第一次使用Markdown编辑器，很开心啊～！

新的改变

csdn的markdown编辑器有一些扩展功能：

  1. 全新的界面设计，带来新的写作体验；
  2. 设置喜爱的代码高亮样式
  3. 增加图片拖拽功能
  4. 全新的Katex数学公式
  5. 增加了支持甘特图的mermaid语法1 功能；
  6. 增加了多屏幕编辑
  7. 增加了更多的写作模式
  8. 增加了检查列表功能

功能快捷键

撤销 Ctrl/Command + Z
重做 Ctrl/Command + Y
加粗 Ctrl/Command + B
斜体 Ctrl/Command + I
查找 Ctrl/Command + F
替换 Ctrl/Command + G
标题 Ctrl/Command + Shift + H
有序列表 Ctrl/Command + Shift + O
无需列表 Ctrl/Command + Shift + U
待办列表 Ctrl/Command + Shift + C
插入代码 Ctrl/Command + Shift + K
插入链接 Ctrl/Command + Shift + L
插入图片 Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

一个 #space，将生成1级标题。
两个 ##space，将生成2级标题。
一共支持6级标题

如何改变文本样式

强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本

引用文本

H2O是液体
210运算结果是1024.

插入链接和图片

链接：link.
图片：
Alt

带尺寸的图片
在这里插入图片描述
居中的图片：
在这里插入图片描述
居中并且带尺寸的图片：
在这里插入图片描述

如何插入漂亮的代码片

// An highlighted block
var foo = 'bar';

生成一个适合我自己的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目Value
电脑$1600
手机$12
导管$1

设定内容居中，巨左，居右

使用:---------:居中
使用:---------居左
使用---------:居右

第一列第二列第三列
第一列文本居左第二列文本居中第三列文本居右

SmartyPants

SmartyPants将ASCII标点字符转换为印刷标点HTML实体，如：

TYPEASCIIHTML
Single backticks'Isn't' this fun?‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash–is en-dash, — is em-dash

创建一个自定义的列表

Markdown
Text-to- HTML convertion tool
Authors
John
Luke

如何创建一个注脚

一个具有注脚的文本。2

注释也是必不可少

Markdown将文本转换为 HTML。

KaTeX数学公式

使用渲染LaTex数学表达式 Katex

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

可以找到更多的信息LaTeX数学表达式here.

新的甘特图功能

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于甘特图语法，参考这儿

UML 图表

可以使用UML图表进行渲染， Mermaid. 例如如下例子：

张三 李四 王五 你好！李四，最近怎么样？ 你最近怎么样，王五？ 我很好，谢谢！ 我很好，谢谢！ 李四想了很长时间，文字太长了 不适合放在一行 打量着王五... 很好...王五，你怎么样？ 张三 李四 王五

这将产生一个流程图：

链接
长方形
圆
圆角长方形
菱形
  • 关于 Mermaid 语法，参考这儿

Flowchart流程图

Created with Raphaël 2.3.0 开始 我的操作 确认？ 结束 yes no
  • 关于Flowchart流程图语法，参考这儿.

  1. mermaid语法说明 ↩︎

  2. 注脚的解释 ↩︎

csdn谭琴琴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用Vue实现一个markdown编辑器实例代码
10-16
接下来，我们将创建一个名为`HelloMarkDown`的Vue组件。这个组件包含一个Markdown编辑器区域和一个预览区域，以及一些基本的编辑功能按钮（如加粗、下划线和斜体）。 ```html , height: this.height}"> <!-- ...
VitePress 动态路由与路径加载器详解
软考鸭
09-05 211
在使用 VitePress 构建静态网站时，动态路由功能允许我们通过单个 Markdown 文件和动态数据生成多个页面。本文将详细介绍如何使用动态路由以及路径加载器文件来生成这些页面，并提供实例代码和解释说明。
Markdown语法与Latex公式汇总
欢迎来到我的博客
09-01 770
markdown语法总结以及latex公式汇总
MarkDown 基础语法
2401_85828611的博客
09-02 521
轻量级标记语言,比word方便操作且语法简单，文件以md为后缀名常见于github.com仓库上的readme.md。
【Godot4.3】MarkDown编辑和控件事实渲染
巽的博客
09-01 813
这是本人2024年5月份左右编写的一个简易的MarkDown编辑和渲染测试项目，基于自己编写的MarkDown解析和生成类MDdoc编写。之前是作为一个试验性的内容混乱的放置在另一个测试项目中，现在独立为一个单独项目。因为测验成功后就一直没改动，所以这仍然是一个很初期的版本。
VitePress中的Markdown扩展：深入探索Frontmatter
软考鸭
09-05 251
Frontmatter是Markdown文件开头的一段YAML格式的元数据块，用于指定页面的各种属性，如标题、语言、作者等。在VitePress中，Frontmatter数据被解析后，可以在页面的模板、脚本或样式中灵活使用。Frontmatter是VitePress中一个非常强大的特性，它允许我们在Markdown文件的开头添加元数据，并在页面的其余部分以及自定义组件和主题中使用这些数据。通过合理使用Frontmatter，我们可以更加灵活地构建和定制文档网站，满足不同的需求和场景。
VitePress中的Markdown扩展：Emoji支持
最新发布
软考鸭
09-05 895
在VitePress中，你可以直接在Markdown文件中使用Emoji的短代码（也称为Emoji别名）来插入对应的Emoji符号。这些短代码通常以冒号（:）开头和结尾，中间是Emoji的名称或描述。例如，会被转换为 🎉，会被转换为 💯。
VitePress中的Markdown扩展：优化内部与外部链接
软考鸭
09-05 132
VitePress对Markdown中的链接进行了全面的优化处理，无论是内部链接还是外部链接，都能得到便捷和安全的处理。通过合理使用这些链接功能，你可以轻松构建出结构清晰、导航便捷的文档网站。希望本文能够帮助你更好地理解和使用VitePress中的链接功能。
本地编写Markdown格式文件，浏览器查看
qq_42591591的博客
08-31 623
VsCode.md---代表分割线。
VitePress 文件路由解析：从 Markdown 到 HTML 的映射艺术
软考鸭
09-05 233
VitePress 采用文件路由的方式，将 Markdown 文件的目录结构直接映射为生成的 HTML 页面的 URL 路径。这种设计使得网站的结构清晰易懂，同时也方便了内容的组织和维护。VitePress 的文件路由机制为文档网站的构建提供了一种直观且高效的方式。通过简单地组织和编写 Markdown 文件，你可以快速生成结构清晰、易于导航的静态网站。无论是个人博客、项目文档还是企业官网，VitePress 都是一个值得尝试的选择。
VitePress中的Markdown扩展：Header Anchors与自定义锚点
软考鸭
09-05 183
在VitePress中，标题（Headers）会自动被应用上锚点链接。这意味着，每个标题都会拥有一个唯一的URL，方便用户直接跳转到该标题所在的位置。这一特性默认开启，但你可以通过选项来配置锚点的渲染方式。有时候，自动生成的锚点可能不够直观或者与你的需求不符。这时，你可以通过为标题添加后缀来指定一个自定义的锚点标签。# 使用自定义锚点 {#my-anchor}在这个例子中，#使用自定义锚点是Markdown文档中的标题，而是你指定的自定义锚点。渲染后，你可以通过#my-anchor。
Vue3 实现解析markdown字段以及文件
书呆子ITme
09-05 401
Vue实现博客前端，需要实现markdown的解析，如果有代码则需要实现代码的高亮。 Vue的markdown解析库有很多，如markdown-it、vue-markdown-loader、marked、vue-markdown等。这些库都大同小异。这里选用的是marked。
【Godot4.3】MarkDown解析和生成类 - MDdoc
巽的博客
09-01 1066
一年多前写过GDSCript静态函数库用来在Godot中生成MarkDown文档内容。用在了自己的插件项目Script++中，用来快速生成脚本文件API文档的框架内容。这次编写了一个集解析、生成MarkDown为一体的MDdoc类，可以更轻松的解决MarkDown文档的问题。因为基础工作在5月份已经完成，我也是拖了好久重新拾起，所以就以此文为契机，复习自己的代码，并做一个比较详尽的文档。
2024年8月31日CSDN自动提示的用法
weixin_44257023的博客
08-31 1021
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + S
我从obsidian 转入 语雀 了
zateper的博客
08-31 333
利用\[\[(.*?)\]\] 替换成 [$1](../_resources/$1)，将ob的wiki链接替换成markdown通用链接，完成ob转语雀导入。
VitePress 安装与配置教程：轻松搭建现代文档网站
软考鸭
09-05 392
VitePress 是一个基于 Vite 和 Vue 3 的静态网站生成器，特别适用于构建文档网站。它提供了快速的开发体验、即时热更新以及优秀的性能。本文将详细介绍如何安装和配置 VitePress，并通过实例代码帮助你快速上手。
vscode写markdown(引入html及css语法)
2301_79347603的博客
09-01 551
用ctrl+shift+p 搜索"Markdown Preview Enhanced:Customize CSS"在style中使用css语法改格式（太牛啦）
MarkDown教程
qq_33843237的博客
09-01 926
typora下MarkDown用法与扩展语法教程
【数据分析预备】Numpy入门
？的博客
09-02 387
New一个Python3文件即可得到ipynb文件。核心数据结构: ND array n维数组。解决：切换到python安装目录。数据类型统一，执行效率高。
【MarkDown】表格的对齐方法
2974786048的专栏
08-31 325
1.本文介绍了MarkDown语法中，插入表格后，表格的对齐方法 2.在CSDN写博客时，要经常用的功能，务必掌握这个小技巧
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值