gradio/guides
Ali Abdalla 5b827f5b2c
Fixes to embedded demos in website docs (#1315)
* remove webcam from video demo

* remove blocks_gpt and blocks_neural_instrument_coding demos

* only show Try Examples if examples exist

* remove if name = main from rendereed code

* rename demos that have same name as component

* remove references to old demo names from guides

* add model3d demo
2022-05-17 14:18:51 -04:00
..
adding_rich_descriptions_to_your_demo.md [Spaces] Cleaner hf.space URLs 2022-03-24 20:52:19 +01:00
advanced_interface_features.md Fixes to embedded demos in website docs (#1315) 2022-05-17 14:18:51 -04:00
building_a_pictionary_app.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
create_your_own_friends_with_a_gan.md fix slider (#1268) 2022-05-15 23:55:35 -07:00
creating_a_chatbot.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
getting_started.md updated messaging (#1309) 2022-05-17 07:12:54 -07:00
Gradio_and_ONNX_on_Hugging_Face.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
image_classification_in_pytorch.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
image_classification_in_tensorflow.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
image_classification_with_vision_transformers.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
introduction_to_blocks.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
README.md Guides fixes (#565) 2022-02-09 20:33:16 +04:00
real_time_speech_recognition.md Website Design Changes (#1015) 2022-05-13 19:48:46 -07:00
using_flagging.md [Spaces] Cleaner hf.space URLs 2022-03-24 20:52:19 +01:00
using_hugging_face_integrations.md missing quote (#996) 2022-04-14 01:04:18 +02:00

Contributing a Guide

Want to help teach Gradio? Consider contributing a Guide! 🤗

Broadly speaking, there are two types of guides:

  • Use cases: guides that cover step-by-step how to build a particular type of machine learning demo or app using Gradio. Here's an example: Creating a Chatbot
  • Feature explanation: guides that describe in detail a particular feature of Gradio. Here's an example: Using Flagging

We encourage you to submit either type of Guide! (Looking for ideas? We may also have open issues where users have asked for guides on particular topics)

Guide Structure

As you can see with the previous examples, Guides are standard markdown documents. They usually:

  • start with an Introduction section describing the topic
  • include subheadings to make articles easy to navigate
  • include real code snippets that make it easy to follow along and implement the Guide
  • include embedded Gradio demos to make them more interactive and provide immediate demonstrations of the topic being discussed. These Gradio demos are hosted on Hugging Face Spaces and are embedded using the standard <iframe> tag.

How to Contribute a Guide

  1. Clone or fork this gradio repo
  2. Add a new markdown document with a descriptive title to the /guides folder
  3. Write your Guide in standard markdown! Embed Gradio demos wherever helpful
  4. Add a list of related_spaces at the top of the markdown document (see the previously linked Guides for how to do this)
  5. Add 3 tags at the top of the markdown document to help users find your guide (again, see the previously linked Guides for how to do this)
  6. Open a PR to have your guide reviewed

That's it! We're looking forward to reading your Guide 🥳