当前位置:网站首页>CSDN markdown editor
CSDN markdown editor
2022-07-06 10:52:00 【Bolus acidophilus】
Markdown Editor
- Markdown Editor
- New changes
- Function shortcut
- Create a reasonable title , It's helpful for catalog generation
- How to change the style of the text
- Insert links and pictures
- How to insert a beautiful piece of code
- Generate a list that suits you
- Create a table
- Create a custom list
- How to create a footnote
- Annotation is also essential
- KaTeX The mathematical formula
- New Gantt chart features , Enrich your articles
- UML Chart
- FLowchart flow chart
- Export and import
Markdown Editor
Hello ! This is the first time you use Markdown Editor The welcome page shown . If you want to learn how to use Markdown Editor , You can read this article carefully , Get to know Markdown Basic grammar knowledge of .
New changes
We are right. Markdown The editor has some function expansion and syntax support , Except standard Markdown Editor function , We have added the following new features , Help you blog with it :
- New interface design , Will bring a new writing experience ;
- Set your favorite code highlight style in the creative center ,Markdown Highlight the selected style in the code slice display To display ;
- Added Picture drag and drop function , You can drag the local image to the editing area to display it directly ;
- all-new KaTeX The mathematical formula grammar ;
- Added support Gantt chart mermaid grammar 1 function ;
- Added Multi screen editing Markdown Article function ;
- Added Focus writing mode 、 Preview Mode 、 Concise writing mode 、 Left and right area synchronous roller settings And so on , The function button is located between the editing area and the preview area ;
- Added Checklist function .
Function shortcut
revoke :Ctrl/Command + Z
redo :Ctrl/Command + Y
In bold :Ctrl/Command + B
Italics :Ctrl/Command + I
title :Ctrl/Command + Shift + H
Unordered list :Ctrl/Command + Shift + U
Ordered list :Ctrl/Command + Shift + O
Checklist :Ctrl/Command + Shift + C
Insert code :Ctrl/Command + Shift + K
Insert link :Ctrl/Command + Shift + L
Insert a picture :Ctrl/Command + Shift + G
lookup :Ctrl/Command + F
Replace :Ctrl/Command + G
Create a reasonable title , It's helpful for catalog generation
Direct input 1 Time #, And press space after , Will generate 1 Level title .
Input 2 Time #, And press space after , Will generate 2 Level title .
And so on , We support 6 Level title . Help to use TOC
Generate a perfect directory after Syntax .
How to change the style of the text
Emphasis text Emphasis text
Bold text Bold text
Tag text
Delete text
Reference text
H2O is It's liquid .
210 The result is 1024.
Insert links and pictures
link : link.
picture :
Picture with size :
Centered picture :
A picture centered and dimensioned :
Of course , In order to make users more convenient , We've added image drag .
How to insert a beautiful piece of code
Go to Blog settings page , Choose a highlight style you like , Here's the same highlight Code chip
.
// An highlighted block
var foo = 'bar';
Generate a list that suits you
- project
- project
- project
- project
- project 1
- project 2
- project 3
- Planning tasks
- To complete the task
Create a table
This is how a simple table is created :
project | Value |
---|---|
The computer | $1600 |
mobile phone | $12 |
A catheter | $1 |
Set content center 、 be at the left side 、 be at the right
Use :---------:
In the middle
Use :----------
be at the left side
Use ----------:
be at the right
First column | Second column | The third column |
---|---|---|
Center first column of text | Second column text right | Third column text left |
SmartyPants
SmartyPants take ASCII Punctuation character to “ intelligence ” Print punctuation HTML Entity . for example :
TYPE | ASCII | HTML |
---|---|---|
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 |
Create a custom list
- Markdown
- Text-to- HTML conversion tool Authors
- John
- Luke
How to create a footnote
A text with footnotes .2
Annotation is also essential
Markdown Convert text to HTML.
KaTeX The mathematical formula
You can use rendering LaTeX Mathematical expression KaTeX:
Gamma Formula display Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N It's through Euler integral
Γ ( 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.
You can find more information about LaTeX Mathematical expression here.
New Gantt chart features , Enrich your articles
- About Gantt Chart grammar , Reference resources here ,
UML Chart
have access to UML Chart rendering . Mermaid. For example, a sequence diagram generated below :
This will produce a flowchart .:
- About Mermaid grammar , Reference resources here ,
FLowchart flow chart
We will still support flowchart Flow chart of :
- About Flowchart flow chart grammar , Reference resources here .
Export and import
export
If you want to try this editor , You can edit this article at will . When you finish writing an article , Find... On the top toolbar Article export , Generate a .md Documents or .html File for local storage .
Import
If you want to load an article you've written .md file , In the upper toolbar, you can select the import function to import the file with the corresponding extension ,
Continue your work .
Explanation of footnotes ︎
边栏推荐
- [BMZCTF-pwn] 12-csaw-ctf-2016-quals hungman
- 数据库中间件_Mycat总结
- MySQL19-Linux下MySQL的安装与使用
- MySQL22-逻辑架构
- Why is MySQL still slow to query when indexing is used?
- Postman environment variable settings
- Mysql24 index data structure
- What is the difference between TCP and UDP?
- Postman uses scripts to modify the values of environment variables
- 基于Pytorch肺部感染识别案例(采用ResNet网络结构)
猜你喜欢
CSDN question and answer module Title Recommendation task (II) -- effect optimization
[C language foundation] 04 judgment and circulation
Mysql36 database backup and recovery
Mysql21 - gestion des utilisateurs et des droits
How to find the number of daffodils with simple and rough methods in C language
CSDN-NLP:基于技能树和弱监督学习的博文难度等级分类 (一)
ByteTrack: Multi-Object Tracking by Associating Every Detection Box 论文阅读笔记()
Mysql34 other database logs
Generate PDM file from Navicat export table
[Li Kou 387] the first unique character in the string
随机推荐
CSDN问答模块标题推荐任务(一) —— 基本框架的搭建
MySQL33-多版本并发控制
Invalid global search in idea/pychar, etc. (win10)
MySQL 20 MySQL data directory
MySQL32-锁
35 is not a stumbling block in the career of programmers
February 13, 2022-3-middle order traversal of binary tree
Kubesphere - deploy the actual combat with the deployment file (3)
In fact, the implementation of current limiting is not complicated
A brief introduction to the microservice technology stack, the introduction and use of Eureka and ribbon
PyTorch RNN 实战案例_MNIST手写字体识别
Mysql35 master slave replication
Kubernetes - problems and Solutions
Win10: how to modify the priority of dual network cards?
MySQL29-数据库其它调优策略
Mysql26 use of performance analysis tools
该不会还有人不懂用C语言写扫雷游戏吧
导入 SQL 时出现 Invalid default value for ‘create_time‘ 报错解决方法
Mysql30 transaction Basics
MySQL30-事务基础知识