5

I'm trying to add the ability to see Mark Down styles in the Azure DevOps website or somehow inject the CSS,

For example: when navigating to Repos I have README.md which I want to look like the Microsoft standard MD documentations, [!TIP], [!WARNING], and other styles don't seem to be supported out of the box.

Any suggestions? maybe even creating a plugin for Azure DevOps website (how do I do that?)

Here's an example of how I want it to look like:

enter image description here

Yovav
  • 2,557
  • 2
  • 32
  • 53
  • https://learn.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops – Cid Jun 19 '20 at 06:56
  • Hi @Cid - if you scroll down at the URL you just sent, you can see Microsoft is having a "Note" which they also use in the Mark Down, but it looks like this tag like "Tip" and "Warning" is using some custom style. – Yovav Jun 19 '20 at 17:33
  • Also, I'm using Docs Authoring Pack in VS Code, which seems to offer valid Mark Down tags. – Yovav Jun 19 '20 at 17:37

1 Answers1

4

You may try the following styles:

**WARNING**: 
Be careful!

enter image description here

### Warning: 
Be careful!

enter image description here

> **WARNING**: Be careful

enter image description here

> :warning: **Be careful!**

enter image description here

| WARNING: Be careful! |
| --- |

enter image description here

Cece Dong - MSFT
  • 29,631
  • 1
  • 24
  • 39
  • Hi, thank you for the response, this is helpful but does not fully answer my question, I like the :warning: and I wonder if there are more icons available, but my goal is to have my ReadMe.MD files in each Azure DevOps Repo look exactly like Microsoft articles. – Yovav Jul 03 '20 at 05:15
  • 1
    You can check the supported emoji here: https://www.webfx.com/tools/emoji-cheat-sheet/. – Cece Dong - MSFT Jul 03 '20 at 11:04