Skip to content

Commit

Permalink
Merge pull request #3692 from VisActor/doc/add-how-to-upload-image
Browse files Browse the repository at this point in the history
docs: add how to upload imgs
  • Loading branch information
xuanhun authored Jan 23, 2025
2 parents 2cc1817 + dfc8425 commit 93676e3
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 0 deletions.
42 changes: 42 additions & 0 deletions docs/assets/contributing/en/6-How to upload image.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
# How to Upload Images
Tutorial documents often require the use of images to aid in explanation.
We recommend using a stable image hosting service to upload images. Here, we introduce the cdn.jsdelivr.net image hosting solution.

## 6.1 Uploading Images
First, create a folder in your personal GitHub repository to store the images used in the documents.
For example, the directory https://github.com/xuanhun/articles/tree/main/visactor/img stores a large number of images. Taking A3gybJqQLo7vH8xV8I3cA7NknRc.gif as an example, the corresponding GitHub URL is:
https://github.com/xuanhun/articles/blob/main/visactor/img/A3gybJqQLo7vH8xV8I3cA7NknRc.gif.

In the specific md document, we convert it to a cdn.jsdelivr.net URL:

https://cdn.jsdelivr.net/gh/[username]/[repo name]/[image path]

https://cdn.jsdelivr.net/gh/xuanhun/articles/visactor/img/A3gybJqQLo7vH8xV8I3cA7NknRc.gif

![Example Image](https://cdn.jsdelivr.net/gh/xuanhun/articles/visactor/img/A3gybJqQLo7vH8xV8I3cA7NknRc.gif)

# Next Steps

Next, you can read the implementation principles and source code details of each module, or you can contribute to these documents.

Please join the VisActor community and contribute your strength!

GitHub: [github.com/VisActor](https://link.juejin.cn/?target=https%3A%2F%2Fgithub.com%2FVisActor)

VisActor WeChat Subscription Account (You can join the WeChat group through the subscription account menu):

<img src='https://cdn.jsdelivr.net/gh/xuanhun/articles/visactor/img/ZqQ2bVj6woabSXxeLKOce9rrn9d.gif' alt='' width='258' height='auto'>

VisActor Official Website: [www.visactor.io/](https://link.juejin.cn/?target=https%3A%2F%2Fwww.visactor.io%2Fvtable)

Lark Group:

<img src='https://cdn.jsdelivr.net/gh/xuanhun/articles/visactor/img/F0GRbKlLOoHUwRx9JBVcKxk0n6g.gif' alt='' width='264' height='auto'>

discord:https://discord.com/invite/3wPyxVyH6m


# this document is contributed by the following people

[xuanhun](https://github.com/xuanhun)

7 changes: 7 additions & 0 deletions docs/assets/contributing/menu.json
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,13 @@
"zh": "5.如何贡献代码",
"en": "5-How to Contribute Code"
}
},
{
"path": "6-How to upload images",
"title": {
"zh": "6.如何上传图片",
"en": "6-How to upload images"
}
}
]
}

0 comments on commit 93676e3

Please sign in to comment.