add docs about image host

This commit is contained in:
Le Tan 2021-08-14 09:12:57 +08:00
parent 5e35772cea
commit 7ffe260ba9
17 changed files with 84 additions and 5 deletions

View File

@ -0,0 +1,20 @@
# Image Host
**Image Host** is a online service to hold your images. Different from local images, with image host, you could just share your plain text Markdown file wihtout any image files to people and they could access your images online from anywhere.
You need to setup your image host in the **Settings** dialog at first. Then you could choose to use local images or image host at the editor. If network is poor, you could also first use local images and then upload all the imges to a given image host at the end.
![](vx_images/2557145080855.png)
![](vx_images/2258356099281.png)
## Configuration
### GitHub/Gitee
Gitee shares the similar process with GitHub. Let's take GitHub as an example.
1. Go to the GitHub `Settings`, `Developer settings` and generate a new `Personal access tokens`.
![](vx_images/4773659087148.png)
2. Select the `repo` scopes and generate the token. Copy it.
![](vx_images/5017500117314.png)
3. Create a **public** repository to hold the images. Remember to generate the default `README` file to create the first commit.
4. New a image host in VNote and fill in the **Personal Access Token**, **User Name** and the **Repository Name**.

View File

@ -73,6 +73,15 @@
"tags": [
]
},
{
"attachment_folder": "",
"created_time": "2021-08-14T00:40:43Z",
"id": "0",
"modified_time": "2021-08-14T01:11:21Z",
"name": "Image Host.md",
"tags": [
]
},
{
"attachment_folder": "",
"created_time": "2018-11-24T12:22:16Z",

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

View File

@ -3,7 +3,7 @@
::: alert-success
VNote 3.5.1 is released! Check out [what's new](https://github.com/vnotex/vnote/releases)!
VNote 3.6.0 is released! Check out [what's new](https://github.com/vnotex/vnote/releases)!
:::

View File

@ -5,7 +5,7 @@
"attachment_folder": "",
"created_time": "2018-11-24T05:04:27Z",
"id": "0",
"modified_time": "2021-07-29T12:33:37Z",
"modified_time": "2021-08-14T00:39:58Z",
"name": "index.md",
"tags": [
]

View File

@ -3,6 +3,8 @@
"config_mgr": "vx.vnotex",
"created_time": "2018-11-24T05:00:58Z",
"description": "",
"extra_configs": {
},
"history": [
{
"last_accessed_time": "2021-07-29T13:15:45Z",
@ -10,9 +12,29 @@
"path": "zh_cn/docs/用户/主题和样式.md"
},
{
"last_accessed_time": "2021-07-29T13:15:46Z",
"last_accessed_time": "2021-08-14T00:39:48Z",
"line_number": 20,
"path": "zh_cn/index.md"
},
{
"last_accessed_time": "2021-08-14T00:39:58Z",
"line_number": 0,
"path": "en_us/index.md"
},
{
"last_accessed_time": "2021-08-14T00:41:01Z",
"line_number": -1,
"path": "en_us/docs/Users/Themes and Styles.md"
},
{
"last_accessed_time": "2021-08-14T01:12:34Z",
"line_number": 18,
"path": "en_us/docs/Users/Image Host.md"
},
{
"last_accessed_time": "2021-08-14T01:12:41Z",
"line_number": -1,
"path": "zh_cn/docs/用户/图床.md"
}
],
"image_folder": "vx_images",

View File

@ -73,6 +73,15 @@
"tags": [
]
},
{
"attachment_folder": "",
"created_time": "2021-08-14T01:05:32Z",
"id": "0",
"modified_time": "2021-08-14T01:12:23Z",
"name": "图床.md",
"tags": [
]
},
{
"attachment_folder": "",
"created_time": "2018-11-24T12:31:22Z",

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

View File

@ -0,0 +1,19 @@
# 图床
**图床**是一个用于保存图片的在线服务。和本地图片不一样,如果使用图床,用户可以只需要分享纯文本的 Markdown 文件即可,无需额外的图片文件,人们就可以在任意地方访问到其中的图片。
首先需要在**设置**里面设置图床。然后,就可以在编辑器里面选择使用本地图片还是图床。如果网络比较差,可以在编辑的时候先选择本地图片,然后最后上传所有图片到指定图床。
![](vx_images/3041908109983.png)
![](vx_images/3387008106538.png)
## 配置
### GitHub/码云
码云和 GitHub 有相似的流程。这里我们以 GitHub 为例。
1. 前往 GitHub 的 `Settings``Developer settings`,然后生成一个新的 `Personal access tokens`
![](vx_images/431210102292.png)
2. 为令牌选择 `repo` 范围,然后生成该令牌。复制。
![](vx_images/4503810120172.png)
3. 新建一个用于保存图片的**公开**仓库。记住选择生成默认的 `README` 文件,这样会创建第一个提交。
4. 在 VNote 里面新建一个图床,输入**个人令牌****用户名**和**仓库名**。

View File

@ -3,7 +3,7 @@
::: alert-success
VNote 3.5.1 已发布! 看看都有[哪些更新](https://github.com/vnotex/vnote/releases)
VNote 3.6.0 已发布! 看看都有[哪些更新](https://github.com/vnotex/vnote/releases)
观看[展示录屏](https://www.bilibili.com/video/av77455284)

View File

@ -23,7 +23,7 @@
"attachment_folder": "",
"created_time": "2018-11-24T09:30:11Z",
"id": "0",
"modified_time": "2021-07-29T12:33:19Z",
"modified_time": "2021-08-14T00:39:46Z",
"name": "index.md",
"tags": [
]