Markdown編輯器

mykurisu 發布于2019-06-28 10:33 / 2301人閱讀

摘要：當你完成了一篇文章的寫作在上方工具欄找到文章導出，生成一個文件或者文件進行本地保存。導入如果你想加載一篇你寫過的文件或者文件，在上方工具欄可以選擇導入功能進行對應擴展名的文件導入，繼續你的創作。

@TOC

歡迎使用Markdown編輯器

你好！這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，了解一下Markdown的基本語法知識。

新的改變

我們對Markdown編輯器進行了一些功能拓展與語法支持，除了標準的Markdown編輯器功能，我們增加了如下幾點新功能，幫助你用它寫博客：

全新的界面設計 ，將會帶來全新的寫作體驗；

在創作中心設置你喜愛的代碼高亮樣式，Markdown 將代碼片顯示選擇的高亮樣式 進行展示；

增加了 圖片拖拽 功能，你可以將本地的圖片直接拖拽到編輯區域直接展示；

全新的 KaTeX數學公式 語法；

增加了支持甘特圖的mermaid語法¹ 功能；

增加了 多屏幕編輯 Markdown文章功能；

增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設置 等功能，功能按鈕位于編輯區域與預覽區域中間；

增加了 檢查列表 功能。

功能快捷鍵

撤銷：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + Shift + B
斜體：Ctrl/Command + Shift + I
標題：Ctrl/Command + Shift + H
刪除線：Ctrl/Command + Shift + S
無序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
檢查列表：Ctrl/Command + Shift + C
插入代碼：Ctrl/Command + Shift + K
插入鏈接：Ctrl/Command + Shift + L
插入圖片：Ctrl/Command + Shift + G

合理的創建標題，有助于目錄的生成

直接輸入1次#，并按下space后，將生成1級標題。
輸入2次#，并按下space后，將生成2級標題。
以此類推，我們支持6級標題。有助于使用TOC語法后生成一個完美的目錄。

如何改變文本的樣式

強調文本 強調文本

加粗文本 加粗文本

==標記文本==

~~刪除文本~~

引用文本

H~2~O is是液體。

2^10^ 運算結果是 1024.

插入鏈接與圖片

鏈接: link.

圖片:

帶尺寸的圖片:

當然，我們為了讓用戶更加便捷，我們增加了圖片拖拽功能。

如何插入一段漂亮的代碼片

去博客設置頁面，選擇一款你喜歡的代碼片高亮樣式，下面展示同樣高亮的 代碼片.

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

生成一個適合你的列表

項目

項目1

項目2

項目3

[ ] 計劃任務

[x] 完成任務

創建一個表格

一個簡單的表格是這么創建的：

項目	Value
電腦	$1600
手機	$12
導管	$1

設定內容居中、居左、居右

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

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

SmartyPants

SmartyPants將ASCII標點字符轉換為“智能”印刷標點HTML實體。例如：

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

創建一個自定義列表

Markdown
: Text-to-HTML conversion tool

Authors
: John
: Luke

如何創建一個注腳

一個具有注腳的文本。²

注釋也是必不可少的

Markdown將文本轉換為 HTML。

*[HTML]: 超文本標記語言

KaTeX數學公式

您可以使用渲染LaTeX數學表達式 KaTeX:

Gamma公式展示 $Gamma(n) = (n-1)!quadforall
ninmathbb N$ 是通過歐拉積分

$$ Gamma(z) = int_0^infty t^{z-1}e^{-t}dt,. $$

你可以找到更多關于的信息 LaTeX 數學表達式here.

新的甘特圖功能，豐富你的文章

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 現有任務
        已完成               :done,    des1, 2014-01-06,2014-01-08
        進行中               :active,  des2, 2014-01-09, 3d
        計劃一               :         des3, after des2, 5d
        計劃二               :         des4, after des3, 5d

關于 甘特圖 語法，參考這兒,

UML 圖表

可以使用UML圖表進行渲染。 Mermaid. 例如下面產生的一個序列圖：:

sequenceDiagram
張三 ->> 李四: 你好！李四, 最近怎么樣?
李四-->>王五: 你最近怎么樣，王五？
李四--x 張三: 我很好，謝謝!
李四-x 王五: 我很好，謝謝!
Note right of 王五: 李四想了很長時間, 文字太長了
不適合放在一行.

李四-->>張三: 打量著王五...
張三->>王五: 很好... 王五, 你怎么樣?

這將產生一個流程圖。:

graph LR
A[長方形] -- 鏈接 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D

關于 Mermaid 語法，參考這兒,

FLowchart流程圖

我們依舊會支持flowchart的流程圖：

flowchat
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
cond=>condition: 確認？

st->op->cond
cond(yes)->e
cond(no)->op

關于 Flowchart流程圖 語法，參考這兒.

導出與導入 導出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章導出 ，生成一個.md文件或者.html文件進行本地保存。

導入

如果你想加載一篇你寫過的.md文件或者.html文件，在上方工具欄可以選擇導入功能進行對應擴展名的文件導入，
繼續你的創作。

1 ?

注腳的解釋 ?

云服務器 GPU云服務器 markdown在線編輯器 Markdown markdown表格 markdown簡介

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/25079.html

Vim與Markdown共舞

摘要：語法高亮是一個比較好的解決方案。本來也支持的語法高亮，但是做得還不夠。通過語法高亮，基本就很容易抓住文章的內容和結構了。結語折騰下來，下編輯筆記完全是沒有任何問題的，特別是語法高亮和特性，可以盡可能地減小與生俱來的割裂感。 Vim作為編輯器之神，用于Markdown的編輯和閱讀，會擦出什么樣的火花呢？因為受不了某知筆記的編輯體驗，前段時間探索了在Vim中編輯和管理Markdown筆記...

RancherLabs 2019-06-28 10:19 評論0 收藏0
Laravel5 Markdown 編輯器使用教程

摘要：編輯器使用教程月號發布的這個擴展，好多朋友使用起來有一些問題，好吧，都怪我安裝使用說明寫的不清楚今天給大家補一篇詳細的安裝說明文檔項目地址求求求求求此處省略一萬字功能圖片上傳語法解析為編輯器該有的功能都有還有誰還有誰預覽安裝在的里面加 laravel 5 Markdown 編輯器使用教程 5月18號發布的這個擴展，好多朋友使用起來有一些問題，好吧，都怪我安裝使用說明寫的不清楚└(^o...

qylost 2019-07-01 12:12 評論0 收藏0
靡不有初，鮮克有終——寫在VNote半周歲

摘要：舒適的編輯體驗通過語法高亮，最大地消除與生俱來的編輯和閱讀的割裂感。所以，是不是又少了一個回到閱讀模式的借口代碼塊語法高亮通過插件可以支持代碼塊里面的代碼語法高亮，其他的編輯器好像沒有支持。首發于簡書. showImg(https://segmentfault.com/img/remote/1460000009164987); 從去年的十一開始到今天，VNote已經半周歲了，也迭代到...

roland_reed 2019-06-28 10:21 評論0 收藏0
Laravel 框架引入 markdown 編輯器

摘要：我們來使用下依舊是頭部引入首先，在類頭部，添加引用然后，調用我們的方法就行啦直接把需要轉換的做為參數傳遞進去我是語法結果為我是語法引入 markdown 編輯器packages 1.首先在 composer.json 的 require 里面加入以下內容 yuanchao/laravel-5-markdown-editor: dev-master 2.添加完成后，執行 compos...

PascalXie 2019-07-01 12:35 評論0 收藏0
使用Markdown輸出LaTex數學公式

摘要：如果我們需要輸出的數學公式比較復雜，或者我們需要凸出并獨立顯示公式，這個時候我們就需要使用到公式的塊狀輸出，塊狀輸出的語法使用個美元符號數學公式，我們來看案例。現在大數據、人工智能、數據分析等很多技術崗位都對數學有一定的要求，數學越來越重要，很多人也開始嘗試學習數學，腦子里突然就有了結合Python編程來學習數學的想法。在網絡上搜索了很多相關資料，看到非常多不錯的嘗試，但是國內在這方...

Pink 2019-07-31 10:10 評論0 收藏0