nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Mirroring Bitbucket image to Confluence via Mark-down App

Kristin Beck

Hi everyone,

to mirror content and code edited in a repo in Bitbucket in Confluence, we use the app "Mark-down" from Bobswift for Confluence. We specifically use "Markdown from a URL". Thus, we provide a technical user and an access token here as well as the URL to the specific page in the Bitbucket:

We do not manage to mirror images from Bitbucket to Confluence via this method, only text.

Example of such an URL to a document edited in Bitbucket, containing an image we also wish to be shown in Confluence:

https://xxx-bitbucket.name.company.com/projects/LALA/repos/flower/rose/raw/pink/Component.md?at=xxx%xxx%xxx

markdown app.png

Our problem: the text is mirrored correctly, the image isn't.

Hence, we moved the image to a different folder in Bitbucket, hoping it would be shown in Confluence when we provide the direct image URL in the app "Markdown from a URL under "URL to markdown file": https://bitbucket.name.company.com/projects/LALA/repos/flower/rose/raw/pics/example-pic.pngmd?at=xxx%xxx%xxx&accesstoken

Yet, it didn't work, the picture wasn't shown in Confluence, either, despite having moved it to a seperate folder.

Then, we thought we might have to add "&accesstoken" at the end of the URL and provide it under "URL to markdown file". That didn't help, either.

Could you help with a trick?

Would be highly appreciated!!

Accepted answers

Avinash Bhagawati _Appfire_

Hi @Kristin Beck ,

We are from Bobswift support team and thanks for posting your issue here and we are happy to help you !

Can you please provide us below additional details for further analysis on this issue.

* Can you please let know how to you have added images to file. Can you please provide us syntax you used.
* Can you please provide us sample README.md file which contains the images so that we can validate from our end.
* Also can you please copy paste image url in browser and check whether you are able to see the image.
* Can you directly copy the markdown content from file and add it to Markdown macro instead of Markdown-url macro and check whether it works for you.
* Additionally, can you please provide Confluence and Markdown for Confluence app version. Please provide us sample screenshot of page where you see image is missing.
* Also can you please use below sample content in markdown macro and let us know whether it displays the image as mentioned in markdown.

# README #
This README would normally document whatever steps are necessary to get your application up and running.
### What is this repository for? ###
* Quick summary
* Version
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
### How do I get set up? ###
* Summary of set up
* Configuration
* Dependencies
* Database configuration
* How to run tests
* Deployment instructions
### Contribution guidelines ###
* Writing tests
* Code review
* Other guidelines
### Who do I talk to? ###
* Repo owner or admin
* Other community or team contact

![myimage-alt-tag](https://appfire.com/wp-content/uploads/2019/07/Appfire-black-rgb.png)

We are from the Bobswift support team and we have created a support ticket: SUPPORT-6170 for your request.

Please signup here: https://bobswift.atlassian.net/servicedesk/customer/portal/1/user/signup and once you signup, please let us know your username so that we can add you to the reporter of the support request and discuss further on the issue.

Thanks,

Avinash

All comments

Avinash Bhagawati _Appfire_

Hi @Kristin Beck ,

We are from Bobswift support team and thanks for posting your issue here and we are happy to help you !

Can you please provide us below additional details for further analysis on this issue.

# README #
This README would normally document whatever steps are necessary to get your application up and running.
### What is this repository for? ###
* Quick summary
* Version
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
### How do I get set up? ###
* Summary of set up
* Configuration
* Dependencies
* Database configuration
* How to run tests
* Deployment instructions
### Contribution guidelines ###
* Writing tests
* Code review
* Other guidelines
### Who do I talk to? ###
* Repo owner or admin
* Other community or team contact

![myimage-alt-tag](https://appfire.com/wp-content/uploads/2019/07/Appfire-black-rgb.png)

We are from the Bobswift support team and we have created a support ticket: SUPPORT-6170 for your request.

Thanks,

Avinash

Kristin Beck

Hey Avinash,

thank you very much for your reply!

In regards to your questions, please find the answers in chronological order:

a) Syntax:

Select the downloaded VSIX file.

![vscode-install-extension](../pics/vscode-install-extension.png

b) The syntax used above is representative for the README.md file. The most important info is that we try to include a mark-down with relative paths to the images.

The image URL is not displayed in the browser since our Bitbucket is protected via VPN and not accessible directly via the Internet. Hence, we tried to add a private access token generated in Bitbucket, as addition to the the image URL, by adding this acccess token "&accesstoken" at the end of the image URL, as explained above:
https://bitbucket.name.company.com/projects/LALA/repos/flower/rose/raw/pics/example-pic.pngmd?at=xxx%xxx%xxx&accesstoken

c) We are unable to view the image in the browser when using this format to view the image:
https://bitbucket.name.company.com/projects/LALA/repos/flower/rose/raw/pics/example-pic.pngmd?at=xxx%xxx%xxx&accesstoken

d) and f) Done, doesn't work.

Edit-mode
Test CD.png

Image URL.png No edit-mode
No edit mode Test CD.png

e) Confluence. 7.4.5, Mark-down App: 3.6.0

The image is missing here when using the "Markdown from URL" app with the URL leading to the file:

Using the direct IMAGE URL in the Markdown App, instead of the URL leading to the file,

Image URL.png

I hope this helps to understand our problem.

Best,

Kristin

I hope this helps understand our problem.

Best,

Kristin

Avinash Bhagawati _Appfire_

HI @Kristin Beck ,

Thanks for providing additional details on this.

As this functionality is not working at this moment, we have an existing bug request https://bobswift.atlassian.net/browse/MARKDOWN-201. It is with our development team. We are currently unable to provide you with a timeline for its release.

Please try to access this ticket:https://bobswift.atlassian.net/browse/MARKDOWN-201 If you face any issue in accessing it, please open in a fresh browser window.

Please vote and add yourself as a watcher of the referred ticket so that you will be getting all future updates.

Please let us know if you have any further questions.

Thanks,
Avinash

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

server

bitbucket

bitbucket-server

bob-swift

markdown