Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: add how to upload imgs #3692

Merged
merged 1 commit into from
Jan 23, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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"
}
}
]
}
Loading