Skip to content

Commit

Permalink
docs: 更新编辑器截图
Browse files Browse the repository at this point in the history
  • Loading branch information
Mereithhh committed Aug 29, 2022
1 parent 3b45059 commit 18ec43d
Show file tree
Hide file tree
Showing 4 changed files with 9 additions and 12 deletions.
2 changes: 1 addition & 1 deletion docs/feature/basic/article.md
Expand Up @@ -53,7 +53,7 @@ shortTitle: 文章管理

在文章页面的表格点击编辑按钮,即可跳转到编辑器编辑文章。

![](https://pic.mereith.com/img/81070bb1810bb728b5f8cb7a72d794cb.clipboard-2022-08-23.png)
![](https://pic.mereith.com/img/58163d12af78386b710be04572282729.clipboard-2022-08-29.png)

如需修改文章信息,点击 `修改信息` 按钮即可。

Expand Down
9 changes: 3 additions & 6 deletions docs/feature/basic/draft.md
Expand Up @@ -38,25 +38,23 @@ title: 草稿管理

点击编辑按钮,即可跳转到编辑器编辑该草稿。

![](https://pic.mereith.com/img/017ee0a9f39f47727250b082e7e6fb21.clipboard-2022-08-23.png)
![](https://pic.mereith.com/img/58163d12af78386b710be04572282729.clipboard-2022-08-29.png)

如需修改草稿信息,点击 `修改信息` 按钮即可。

在编辑草稿时,当编辑器失去焦点的时候将会自动保存。

![](https://pic.mereith.com/img/085bc90dc25a832a3c89988027fc6e64.clipboard-2022-08-23.png)

## 修改草稿信息

在草稿页面的表格点击编辑按钮,即可跳转到编辑器编辑草稿,然后点击右上角的 `修改信息` 按钮即可。

## 发布草稿

当草稿被完善到可以发布的地步,可以在编辑页面点击右上角的`发布草稿按钮`进行发布。
当草稿被完善到可以发布的地步,可以在编辑页面点击右上角操作菜单中的`发布草稿按钮`进行发布。

具体选项含义可以参考 [文章管理](/feature/basic/article.md)

![](https://pic.mereith.com/img/c54f76ee3fc3d96b0b4744e4b4ec8a66.clipboard-2022-08-23.png)
![](https://pic.mereith.com/img/16470169279f8677e55125e813957730.clipboard-2022-08-29.png)

注意的是,草稿发布后会在草稿管理页面消失,而文章管理页面会出现已经发布的草稿。

Expand All @@ -69,4 +67,3 @@ title: 草稿管理
当编辑器失去焦点的时候将会自动保存。console 日志会打印此行为,但前台不会有提示。

![](https://pic.mereith.com/img/c27465503f120c91d356ca5d91b94fbb.clipboard-2022-08-28.png)

8 changes: 4 additions & 4 deletions docs/feature/basic/editor.md
Expand Up @@ -9,7 +9,7 @@ title: 编辑器
:::
`vanBlog` 后台内置了 [bytemd](https://github.com/bytedance/bytemd)(掘金同款) 作为 `markdown` 编辑器:

![](https://pic.mereith.com/img/17e354201c423273399e840a73b01685.clipboard-2022-08-28.png)
![](https://pic.mereith.com/img/58163d12af78386b710be04572282729.clipboard-2022-08-29.png)

支持数学公式和图表、支持一键上传剪切板图片到图床、一键插入 `more` 标记、快捷键、自动保存等功能。

Expand All @@ -25,13 +25,13 @@ title: 编辑器

你可以点击工具栏最后第一个按钮快速在当前焦点插入 more 标记。

![](https://pic.mereith.com/img/ec8aea5770b56521647e3bd512c0f835.clipboard-2022-08-28.png)
![](https://pic.mereith.com/img/59550a500ed84dea504f897dbe12ed07.clipboard-2022-08-29.png)

## 上传到图床

编辑器支持两种方式上传到图床:剪切板快捷上传、从文件上传。点击编辑器工具栏按钮后,后在当前焦点处插入上传后的图片并复制图片链接到剪切板,如果没有焦点就会上传到最上面。

![](https://pic.mereith.com/img/777e71bbc41e3d7439d9b3cb1429ef62.clipboard-2022-08-28.png)
![](https://pic.mereith.com/img/0a54a1e4fe8ac47cea8fa7aea89964ca.clipboard-2022-08-29.png)

## 自动保存

Expand All @@ -43,7 +43,7 @@ title: 编辑器

点击编辑器帮助按钮会显示 markdown 语法与快捷键信息:

![](https://pic.mereith.com/img/03d774603a742da925b4d9b4bc54cad2.clipboard-2022-08-28.png)
![](https://pic.mereith.com/img/cabe5cdfddeedbd6e592f7aaea2f4afc.clipboard-2022-08-29.png)

## 图标和数学公式

Expand Down
2 changes: 1 addition & 1 deletion docs/pic.md
Expand Up @@ -20,7 +20,7 @@ icon: pic

### 编辑器

![](https://pic.mereith.com/img/17e354201c423273399e840a73b01685.clipboard-2022-08-28.png)
![](https://pic.mereith.com/img/58163d12af78386b710be04572282729.clipboard-2022-08-29.png)

### 设置

Expand Down

0 comments on commit 18ec43d

Please sign in to comment.