I need to show a traffic light image in a dashboard in devops. I have the .png file in my hard drive.
What is the best way to upload this kind of file to devops?
Is there a folder where I can upload files?
I'm just using "boards" (e.g. not using "repos" feature)
If you could access wiki, you can click 'Insert a file' icon in the wiki page editor to select image from your hard drive. Then you'll see the image there.
https://learn.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops#images
Related
I need to add a static image to Azure Devops dashboard. Is the easiest way to do this using the MarkDown widget?
And if so, where do I store my image to link to it in markdown? And can you please give me an example?
does the dashboard have a storage area for images, or markdown files? Or does it have to be stored somwhere in my git repository. I would prefer not to, as I am merely a scrummaster, with no easy access to git repository.
Thanks
To use a static image in your dashboard without storing the image a git repository, you can store it into your project wiki.
The trick is to:
Add an image to any wiki page
Submit your changes and close the page editor
Right-click on the image, and select the option "Copy the image's address"
Then, in your dashboard, add a MarkDown widget, in which you put the following content:
![Text](youre-image-url-address)
And that's it! :)
Beware of taking the image address after closing the wiki page editor, otherwise the link you'll get will be a blob and won't work.
Recently I joined GitHub. I am hosted some projects there.
I need to include some my GoogleDrive images in my README File. I don't know how to do that.
First, get a share-able link to your Google Drive image so anyone can view it.
Then, the GitHub-flavored markdown for an image is what you're looking for:
![optional-description-here](link-here)
This is the syntax for an image to be loaded from a link. My favorite example:
![StackOverflow logo](https://www.stackoverflowbusiness.com/hubfs/B2B-SO/images/logo-so-PRINT-4.png)
I even added a public example for you here on my GitHub
I'm trying to add a few images to the wiki in 1 of my Azure DevOps projects. When I use the absolute path as mentioned here https://learn.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops#images in the article, the images are not showing up. Any help?
The wiki pages get created in their own Git repository and the image files are also added there. You can browse the repos from within DevOps at; https://dev.azure.com/MyOrganisation/MyProject/_git/MyProject.wiki
The markdown path for the image should begin /.attachments/ and make sure if you are adding dimension you use =500x and not =500 if you exclude the height e.g.
![MyImage.png](/.attachments/MyImage-98765432-abcd-1234-abcd-a1234567890b.png =500x)
Add image from local machine:
In the wiki page editor, click 'Insert a file' icon and select image from your local pc, you will see mark-up something like: ![image.jpg](/.attachment/image-devOpsfileIdentifyer-withMixedAlphabetsAndDigits.jpg)
This will also displays preview in the editor.
Actually, you can now use the "Insert a file" button (represented by a paperclip icon) when editing a wiki page to upload an image.
When you upload an image this way, the image is automatically stored in the "/.attachments/" folder
For my side I just copy the image in the clipboard and after that on paste it generate automatically the markdown code
TLDR
CTRL+C and CTRL+V
When inserting a file in a Wiki, you initially get an image-url like blob:https://dev.azure.com/SOME-GUID. This url (when including the blob:-prefix, can be used to display the attached image in an img-tag.
<img src="blob:https://dev.azure.com/SOME-GUID" />
If the image is important enough to be inside a Wiki page, it's probably important enough to host it somewhere you can use it inside your wiki. Have a look at creating a public container/blob in an Azure Storage account.
EDIT:
For your specific image: right-click the image and select Copy image address. You'll get an URL like this that you can use as the src of the img-tag.
https://dev.azure.com/rubdevopson/c53ed56f-c130-470b-a6ae-3c4a93266530/_apis/git/repositories/88df06c2-f627-4953-9438-0f762d4cad3a/Items?path=%2FPartsUnlimited_docs%2Fhome.png&versionDescriptor%5BversionOptions%5D=0&versionDescriptor%5BversionType%5D=0&versionDescriptor%5Bversion%5D=master&download=false&resolveLfs=true&%24format=octetStream&api-version=5.0-preview.1
I uploaded files to the GitHub issues tracker with Drag&Drop, but I want to remove them from there and that cloud hosting server(cloud.githubusercontent.com).
Possible?
Navigate to the file in webbrowser and find [trash] icon on top right hand side of the file content.
I have a document that I would like to reference from a github issue, but there is not a way to upload it. Any ideas?
You can't currently attach files to github issues.
Update:
As of 2012-12-07, images can be attached to issues via drag-and-drop.
Just drag the image into the text field for the issue.
ZenHub.io Chrome plug-in will enable you to add any type of file to a github issue. It's stored on their server instead of github.com. From their website...
GitHub only allows you to upload image files. ZenHub adds the ability
to upload any type of file into issues and comments, transferring
securely to Amazon S3. With this you can really take your workflow to
the next level; try using GitHub for everything! Centralized
collaboration and transparency are awesome.
Update:
As of 11/03/2015 you can now upload these types of files to github without any extension or plug-in: PNG, GIF, JPG, DOCX, PPTX, XLSX, TXT, or PDF
If you have an account in github, then you can upload your document in Github's own Gist service: gist.github.com
After add the link in a comment of issue.
I think this will help you
For more details, see this bug : How to attach file to a github issue?