markdown online editor下載 - markdown online editor源代碼下載

markdown online editor

其他資源

1.0.0

下載

Arya - 在線Markdown 編輯器

基於Vue2、Vditor，所構建的在線Markdown 編輯器，支持繪製流程圖、甘特圖、時序圖、任務列表、echarts 圖表、五線譜，以及PPT 預覽、視頻音頻解析、HTML 自動轉換為Markdown 等功能。 markdown.lovejade.cn。

背景初衷

早期就有關注到由黑客派所出品的Vditor：一款為未來而構建的下一代Markdown 編輯器。然，現而今市面上所存在的Markdown 編輯器，或多或少都存在一些問題（或功能不全，或高級功能收費...），因此基於自身所需，加之Vditor 的強大，就誕生了做一款在線Markdown 編輯器的念頭；取其名曰Arya （二丫）。

功能支持

如何使用

清空目前Arya 編輯區默認文檔，即可使用。

默認為所見即所得模式，可通過⌘-⇧-M （ Ctrl-⇧-M ）進行切換；或通過以下方式：

所見即所得： ⌘-⌥-7 （ Ctrl-alt-7 ）；
即時渲染： ⌘-⌥-8 （ Ctrl-alt-8 ）；
分屏渲染： ⌘-⌥-9 （ Ctrl-alt-9 ）；

PPT 預覽

如果您用作PPT預覽（入口在设置中），需要注意，這裡暫還不能支持各種圖表的渲染；您可以使用---來定義水平方向上幻燈片，用--來定義垂直幻燈片；更多設定可以參見RevealJs 文檔。

如何部署？

採用pm2 部署

PM2 是一個強大的生產環境進程管理器，它不僅支持通過命令行啟動應用，還可以使用配置文件（通常名為ecosystem.config.js ）來管理複雜的部署場景。您可以通過執行如下命令實現快速部署：

 # ? 克隆项目
git clone https://github.com/nicejade/markdown-online-editor.git
cd markdown-online-editor

# ➕ 安装依赖
yarn
yarn global add pm2

# ? 构建产物
yarn build

#  部署服务
cd dist
npx pm2 start " npx http-server -p 8866 " --name " markdown-editor "

Docker 自託管

已將最新版本使用Docker 打包鏡像並上傳至 Docker Hub，可通過如下方式進行使用：

docker run -d -p [Your-Specified-Port]:80 nicejade/markdown-online-editor:[tagname]

# 示例：
docker run -d -p 8866:80 nicejade/markdown-online-editor:latest

基於如上示例，如果您在本地執行，只需打開網址——http://localhost:8866 即可訪問。如果在服務器運行，可以通過http://[Server-IP]:8866 來訪問。構建Docker 鏡像過程，可參見：如何為markdown-online-editor 服務構建docker 鏡像？。您也可以通過Cloudflare Pages或Github Pages，託管編譯產物（ dist目錄下內容），從而實現無需服務器情況下快速部署。

或者使用docker compose ：

創建一個docker-compose.yml文件，並在其中定義服務（其中version: '3' 指定了Docker Compose 文件的版本；您可以根據實際情況進行調整）：

 version : ' 3 '
services :
  markdown-editor :
    image : nicejade/markdown-online-editor:2.1.0
    ports :
      - " 8866:80 "
    restart : always

在包含docker-compose.yml文件的目錄中，運行以下命令啟動服務：

docker-compose up -d

這將在後台啟動服務，並且效果與下面的docker run命令相同。使用Docker Compose 可以更方便地管理多個容器，並且配置更易讀和維護。

如何開發

先決條件

說明用戶在安裝和使用前，需要準備的一些先決條件，譬如：您需要安裝或升級 Node.js（>= 16.* ，< 18.* ），推薦使用 Pnpm 或 Yarn 作為首選包管理工具。

 # ? 克隆项目
git clone https://github.com/nicejade/markdown-online-editor.git
cd markdown-online-editor

# ➕ 安装依赖
yarn

# ? 开始开发
yarn start

#  部署 Github Pages(需修改 commands/deploy.sh)
yarn deploy