Add images to a wiki page

To add an image to a wiki page, do the following:

  1. Clone the wiki to your local computer. 

  2. Select Wiki from the left side navigation of your repository. Make sure the wiki you cloned is displayed.

  3. Click the Edit button in the upper-right corner of your wiki.

  4. Select the language you chose for your wiki from the 'markup language' dropdown on the 'Content' pane.
    The syntax you choose to format the code block depends on which language you chose for your wiki. See the examples below.

Markdown

1 ![Alt text](/path/to/img.jpg "Optional title")

Creole

1 2 3 4 {{image .jpg}} {{image .jpg|this is the alt text for my image}} [[some link|{{image .jpg}}]] - if you click on the image, will goto "some link" [[http://example.com/|{{image .jpg}}]] - same as above: picture links to url

Textile

1 2 !http://redcloth.org/hobix.com/textile/image.jpg! !image.gif(Bunny.)!

reStructuredText

1 2 3 4 5 .. image:: image.jpeg :height: 100px :width: 200 px :scale: 50 % :alt: alternate text

Wiki syntax is case sensitive. If the image file name is image.png make sure your syntax specifies exactly that.

5. Click the Image button.

6. Either drag your image into the Upload image dialog or click Select an image to choose a saved image.
7. Click Upload. The image is added where your cursor is placed on your wiki.

8. Commit your changes locally.

9. Push the new changeset to Bitbucket Cloud.

RELATED TOPICS

Using Wiki Markup in Bitbucket

Additional Help