Dela via


Använda Markdown i Azure DevOps

Azure DevOps Services | Azure DevOps Server | Azure DevOps Server 2022 | Azure DevOps Server 2020

Important

Välj en version från Azure DevOps Innehållsversionsväljare.

Välj den version av den här artikeln som motsvarar din plattform och version. Versionsväljaren ligger ovanför innehållsförteckningen. Leta upp din Azure DevOps-plattform och -version.

I den här artikeln beskrivs den grundläggande syntaxen för att använda Markdown-format (.md) med Azure DevOps-funktioner, inklusive Wiki-sidor. Med Markdown-syntax kan du lägga till särskild formatering i sidinnehållet, till exempel rubriker, listor, tabeller och bilder. Använd Markdown för att formatera README-filer, instrumentpaneler, innehållet i pull-begäranden och mer.

Det finns två formateringsalternativ: vanliga Markdown-konventioner och Markdown-tillägg för GitHub.

Stöd för Azure DevOps-funktioner

Med Markdown-syntaxen kan du formatera innehåll med rubriker, referenslänkar, fet text och bifogade filer. Alla Markdown-syntaxer fungerar inte med alla funktioner i Azure DevOps. Viktiga funktioner som stöder Markdown-syntax är:

Note

Markdown i Azure DevOps stöder inte JavaScript eller iframes. Du kan till exempel inte bädda in interaktiva element som timers för nedräkning.

I följande lista visas vilka Markdown-element som varje funktion stöder och länkar till syntaxavsnitt i den här artikeln:

Markdown-typ Done Widget PR README Wiki
Headers
Stycken och radbrytningar
Blockera citattecken
Vågräta regler
Emphasis
Kodmarkering
Föreslå ändring
Tables
Lists
Links
Images
Checklista eller uppgiftslista
Emojis
Ignorera eller "escape" Markdown
Attachments
Matematisk notation

Headers

Strukturera ditt innehåll med hjälp av Markdown-huvuden. Sidhuvuden separerar långa delar av sidinnehållet i avsnitt som är lättare att läsa. Du kan lägga till rubriker i en definition av klar (tavla), Markdown-widgeten, pull-förfrågningar, README-filer och wiki-filer.

Om du vill definiera en rubrik på den översta nivån startar du en rad med ett enda hash-tecken # följt av rubriktexten, till exempel # Get started on the project. Organisera dina kommentarer med underrubriker genom att starta raden med fler än ett hash-tecken som ## Request permissions eller ### Send feedback. Du kan använda upp till sex hash-markeringar för att skapa storleksnivåer för rubriker.

Exempel: Skapa rubriker i Markdown

Följande Markdown skapar en rubrik på den översta nivån (H1) och fyra nivåer av underrubriker (H2, H3, H4 och H5):

# This is a top-level (H1) header
## This is a subheader (H2)
### This is a lower subheader (H3)
#### This is an H4 header
##### This is an H5 header

Följande bild visar den publicerade vyn av Markdown:

Skärmbild av den publicerade vyn med Markdown-syntax för fem nivåer av rubriker.

Stycken och radbrytningar

Important

Azure DevOps Markdown hanterar radbrytningar på ett annat sätt än de flesta andra Markdown-implementeringar. Om du vill skapa en radbrytning (mjuk retur) i ett stycke lägger du till två blanksteg i slutet av raden innan du trycker på Retur. Om du trycker på Retur utan de två blankstegen innehåller de publicerade utdata inte någon radbrytning.

Dela upp långa avsnitt i mindre stycken eller infoga radbrytningar för att göra texten enklare att läsa.

Lägg till stycken och radbrytningar i ett definieringsdokument (tavla), Markdown-widgeten, pullförfrågningar, Readme-filer och wiki-filer.

Exempel: Lägga till pauser i Markdown och pull-begäranden

Kommentarer i en pull-begäran accepterar Markdown, till exempel fetstil och kursiv stil för text. Använd returnyckeln för att infoga en radbrytning för att starta ny text på nästa rad eller lägga till avstånd mellan rader.

Om du vill skapa en radbrytning i ett stycke i Azure DevOps lägger du till två blanksteg i slutet av raden innan du trycker på Retur:

This is the first line with two spaces at the end.  
This is the second line, which will appear directly below the first.

Detta återges som:

Det här är den första raden med två blanksteg i slutet.
Det här är den andra raden som visas direkt under den första.

Om du trycker på Retur utan två avslutande blanksteg kombineras raderna till ett enda stycke i de publicerade utdata.

Om du vill skapa ett nytt stycke (med en tom rad mellan) trycker du på Retur två gånger:

This is the first paragraph.

This is the second paragraph.

Följande bild visar den publicerade vyn av Markdown för avstånd i en pull-begärandekommentare:

Skärmbild av den publicerade vyn med Markdown-syntax för rad- och styckebrytningar i en pull-begärandekommentar.

Exempel: Lägga till pauser i Markdown-filer eller widgetar

I en Markdown-fil eller Markdown-widget separerar du textrader för att skapa nya stycken. Lägg till två blanksteg (Mellanslagstangenten) innan radbrytningen och tryck på Retur för att starta ett nytt stycke.

Add two **Space** characters before the end of the line and then press **Enter**.
The next paragraph starts on a new line. The two paragraphs are separated by a blank line.

Följande bild visar den publicerade vyn av Markdown för avstånd i en widget:

Skärmbild av den publicerade vyn av Markdown-syntaxen för retur- och blankstegsnycklarna i en widget.

Blockera citattecken

Citat kommentarer eller text för att skapa kontext för din nya kommentar eller text. Den citerade texten är indragen från vänstermarginalen och har en lodrät linje längs det citerade avsnittet.

Du kan lägga till blockcitat i en definition av klar (tavla), Markdown-widgeten, pull-förfrågningar, README-filer och wiki-filer.

Om du vill citera en enskild textrad eller ett styckeblock infogar du en höger vinkelparentes > före den första texten.

Om du vill skapa ett kapslat citattecken infogar du två eller flera hakparenteser före texten. Det kapslade citatet är indraget längre från vänstermarginalen och har dubbla lodräta linjer längs det citerade avsnittet.

Exempel: Citattext med hakparenteser

> Insert a bracket ">" before the text to quote the line of text.

This text references the quoted sentence.

> To quote a paragraph, insert a bracket ">" before the first text. The other lines in the paragraph are also included in the block quote. Notice the entire paragraph is indented from the left margin and highlighted with a vertical line.

This text references the quoted paragraph.

>> Insert two or more brackets ">>" before the text to create a nested quote.

>>> Nested quotes can also be multiple lines of text. Notice the nested quote text is indented further from the left margin and a vertical line is drawn for each level of bracket you insert.

This text references the nested block quotes.

Följande bild visar den publicerade vyn av Markdown för citerad text:

Skärmbild av den publicerade vyn med Markdown-syntaxen för att citera textblock.

Vågräta regler

Separera innehåll och sidavsnitt med vågräta linjer. Du kan lägga till avgränsare i en Definition of Done (tavla), Markdown-widgeten, pull requests, readme-filer och wiki-filer.

Om du vill lägga till en horisontell linje anger du en tom rad och sedan en annan rad med tre bindestreck. ---

Exempel: Infoga vågräta avgränsare

Följande Markdown skapar två vågräta regler:

Text **above** a horizontal rule
<!-- Blank -->
---
Text **between** horizontal rules
<!-- Blank -->
---
Text **under** a horizontal rule

Följande bild visar den publicerade vyn av Markdown för vågräta regler.

Skärmbild av den publicerade vyn av Markdown-syntaxen för vågräta regler.

Betoning (fetstil, kursiv, genomstrykning)

Med Markdown kan du framhäva text på flera sätt:

Style Example Markdown
Italics Kursiv text Omslut texten med ett enkelt asterisktecken * eller understreck _.
Fetstil (stark) Fet text Omslut text inom dubbla asterisker ** eller understreck __.
Strikethrough Överstruken text Inneslut texten inom dubbla tildes ~~.

Kombinera dessa formatmallar för att lägga till betoning. Du kan använda betoningsformat i en Definition of Done (tavla), Markdown-widget, pullrequester, Readme och wiki.

Note

Markdown har ingen syntax för att understryka text. På en wiki-sida kan du stryka under text med hjälp av HTML-understrykningselementet <u> .

Exempel: Framhäv text

Här är några Markdown som visar hur du framhäver text med olika och kombinerade format:

**Italics** highlights text in a larger block like _new terminology_.

**Bold** (strong) adds presence to text, such as **Important!**

**Strikethrough** is useful for corrections like "Send feedback ~~to the team~~."

Combine styles for other effects, such as ~~__Content removed__~~ and **_Milestones_**.

Nästa bild visar hur Markdowns textbetoningsformat ser ut när de publiceras:

Skärmbild av den publicerade vyn med Markdown-textens betoningstilar.

Kodmarkering

Markera textblock eller infogad text som kod med hjälp av kodmarkeringar. Du kan lägga till kodmarkering i pull-begäranden, Readme-filer och wiki-filer.

Om du vill formatera ett textblock som kod omger du blocket inom tre backtick-tecken (```). De backticks som inleder och avslutar avsnittet måste finnas på en separat rad från kodblocket för att framhäva.

Du kan också formatera en del av texten i ett större textblock som ett infogat kodsegment. För det här formatet omsluter du infogad kod i enskilda bakåtvända apostrofer. Backticks är infogade i texten och inte på separata rader.

Kodmarkering i Markdown-widgeten återger kod som vanlig föroformatterad text.

Exempel: Markera kodblock i Markdown-widget

Det här exemplet visar hur du markerar ett textblock som kod i Markdown-widgeten:

<!-- ```  Three backticks to start block " -->
sudo npm install vsoagent-installer -g
<!-- ```  Three backticks to end block -->

Det här exemplet visar den publicerade vyn av Markdown för ett textblock markerat som kod:

sudo npm install vsoagent-installer -g

Exempel: Markera infogad kod i Markdown-widgeten

Det här exemplet visar hur du markerar en del av texten som ett infogat kodsegment i Markdown-widgeten:

To install the Microsoft Cross Platform Build and Release Agent, run the following: <!-- ` - Single backtick --> $ sudo npm install vsoagent-installer -g <!-- ` - Single backtick -->

Den här bilden visar den publicerade vyn av Markdown för en del av texten markerad som ett infogat kodsegment:

Skärmbild som visar en publicerad vy av Markdown-syntaxen för en del av texten markerad som ett infogat kodsegment.

Exempel: Konvertera text till kod, identifiera kodspråk

Det finns ett annat sätt att konvertera ett textblock till kod. När en textrad i Markdown börjar med fyra blanksteg i vänstermarginalen konverteras texten automatiskt till ett kodblock. Det här exemplet visar det här beteendet:

    This article is a Markdown file (_.md_). This line of text automatically formats as code because the line starts with four spaces in the left margin.

Den föredragna metoden är att omsluta texten inom tre backticks så att du kan ange språkidentifieraren. Identifieraren tillämpar syntaxmarkering på koden enligt konventionerna för det angivna språket. Identifieraretiketter är tillgängliga för de flesta programmeringsspråk, till exempel JavaScript (js), C# (csharp) och Markdown (md). Listan över språk som stöds finns i GitHub-lagringsplatsen highlightjs .

De här exemplen visar hur du identifierar ett textblock som JavaScript eller C#. Lägg till språkidentifieraretiketten efter de tre första bakåtvinklarna, som i ```md.

JavaScript

<!-- ```js       - Three backticks and identifier 'js' -->
const count = records.length;
<!-- ```         - Three backticks -->

Det här är den publicerade vyn av JavaScript-koden:

const count = records.length;

C#

<!-- ```csharp   - Three backticks and identifier 'csharp' -->
Console.WriteLine("Hello, World!");
<!-- ```         - Three backticks -->

Det här är den publicerade vyn av C#-koden:

Console.WriteLine("Hello, World!");

Föreslå ändring

GitHub-pull-begäranden stöder kommentarsfunktionen , som gör att deltagare kan ange indata och föreslå ändringar. Lägg till en kommentar för en specifik rad eller flera rader i en fil. Pull-begärandeförfattaren tillämpar den föreslagna ändringen i en kommentar genom att välja Tillämpa ändring. Den här åtgärden genomför ändringen av pull-begäran och startar en version.

När du lägger till en kommentar som innehåller kodmarkering i Markdown-widgeten visas koden i ett skillnadersformat. Ändringarna på den ändrade raden kommenteras för att visa skillnaderna. Minussymbolen - anger borttaget innehåll och plussymbolen + markerar nytt innehåll.

Exempel: Föreslå ändringar i en pull-begärandekommentare

Det här exemplet visar hur du föreslår kodändringar på en pull-begäran i Markdown-widgeten. I det här scenariot använder kodblocket identifieraren suggestion:

<!-- ```suggestion   - Three backticks and identifier 'suggestion' -->
  for i in range(A, B+100, C):
<!-- ```         - Three backticks -->

Följande bild visar skillnadsvyn med kommentarsförslaget.

Skärmbild av en föreslagen ändring för kod i en pull-begärandekommentare.

Mer information finns i Föreslå ändringar i kommentarer.

Tables

Organisera strukturerade data med Markdown-tabeller. Lägg till tabeller i Markdown-widgeten, pull-begäranden, Readme-filer och wiki-filer. Tabeller är särskilt användbara för att beskriva funktionsparametrar, objektmetoder och andra data med en tydlig namn-till-beskrivning-mappning.

Här följer några punkter om hur du arbetar med tabeller i Markdown:

  • Skapa varje rad på en separat rad och avsluta varje rad med en vagnretur (CR) eller radmatning (LF).
  • Skapa kolumner med bindestreck - och pipe-symbolen |, till exempel |---|---|---|.
  • Definiera kolumnrubrikerna på den första raden, till exempel | First | Middle | Last |.
  • Ange kolumnjusteringen (vänster, mitten, höger) med hjälp av kolon : på den andra raden, till exempel |:--|:--:|--:|.
  • Fly från pipetecknet med ett omvänt snedstreck \| när du använder det i tabelltext, som | Describe the pipe \| symbol. |
  • Lägg till radbrytningar i en cell med hjälp av HTML-bryttaggen <br/>. Den här metoden fungerar i en wiki men inte någon annanstans.
  • Lägg till ett mellanslag före och efter ett arbetsobjekt eller en pull-begäran som anges i tabelltext.

Exempel: Skapa en tabell

I följande exempel visas hur du skapar en tabell med tre kolumner och fem rader i Markdown:

| Feature | Prerelease | Release target |  
|:---|:---:|---:|
| Calculator | No | 10/27/2025 |
| Graphs | Yes | 8/18/2025 |
| Mail | No | 2/16/2025 |
| Tables | Yes | 10/27/2025 |
| Search | No | 1/5/2026 |

Så här ser Markdown-tabellen ut när den publiceras:

Feature Prerelease Lanseringsmål
Calculator No 10/27/2025
Graphs Yes 8/18/2025
Mail No 2/16/2025
Tables Yes 10/27/2025
Search No 1/5/2026

Lists

Ordna relaterade objekt med hjälp av olika typer av listor. Använd en ordnad lista för att visa ordningen eller sekvensen med objekt. Använd punktpunkter för relaterade objekt som inte behöver vara i ordning. Lägg till liststilar i en Definition of Done (tavla), Markdown-widgeten, pull-begäranden, Readme-filer och wiki-filer.

Här följer några punkter om hur du arbetar med listor i Markdown:

  • Ange varje listobjekt på en separat rad.
  • Starta varje objekt i en ordnad lista med ett tal följt av en punkt, till exempel 1. First item 1. Next item. Publiceringssystemet numrerar automatiskt listan.
  • Starta varje objekt i en osorterad lista med ett bindestreck - eller en asterisk *, till exempel - First point - Next point.
  • Kontrollera avståndet före och efter-listorna i en Markdown-fil eller widget:
    • För den första listan lägger du till en tom rad före och efter listan.
    • Använd rätt indrag för kapslade listor. Du behöver inte extra radbrytningar före eller efter kapslade listor.

Exempel: Skapa en numrerad (ordnad) lista

Det här exemplet visar hur du skapar en numrerad lista för objekt i en sekvens med markdown:

<!-- Blank -->
1. First step in the procedure.
1. Second step.
1. Third step.
<!-- Blank -->

Här är den publicerade vyn av den ordnade Markdown-listan:

  1. Första steget i proceduren.
  2. Andra steget.
  3. Tredje steget.

Exempel: Skapa en punktlista (osorterad)

Det här exemplet visar hur du skapar en osorterad lista över relaterade objekt med markdown:

<!-- Blank -->
- First item in the list.
- Next item.
- Last item.
<!-- Blank -->

Här är den publicerade vyn av den osorterade Markdown-listan:

  • Första objektet i listan.
  • Nästa objekt.
  • Sista objektet.

Exempel: Kapslade listor

Skapa listor i listor och blanda formatmallarna.

Det här exemplet visar hur du skapar en numrerad lista med kapslade punktlistor i Markdown:

<!-- Blank -->
1. First step in the procedure.
   - First item in a nested list.
   - Next item.
   - Last item.
1. Second step.
   - First item in a nested list.
      - First item in a subnested list.
      - Next item.
   - Last item.
1. Third step.
   1. First substep.
   1. Next substep.
   1. Last substep.
<!-- Blank -->

Här är den publicerade vyn av listan med kapslade listor:

  1. Första steget i proceduren.
    • Första objektet i en kapslad lista.
    • Nästa objekt.
    • Sista objektet.
  2. Andra steget.
    • Första objektet i en kapslad lista.
      • Första punkten i en underordnad lista.
      • Nästa objekt.
    • Sista objektet.
  3. Tredje steget.
    1. Första understeget.
    2. Nästa understeg.
    3. Sista understeget.

Länka till arbetsobjekt genom att ange hash-märket # följt av ett arbetsobjekts-ID och välj sedan arbetsobjektet i listan. Lägg till olika typer av länkar i en definition av klar (tavla), Markdown-widgeten, pull-begäranden, Readme-filer och wiki-filer.

Här följer några punkter om hur du arbetar med länkar i Markdown:

  • Standardsyntaxen för Markdown för en länk är [Link display text](Link path).

  • I pull-begärandekommenter och wikis formateras URL:er som börjar med HTTP eller HTTPS automatiskt som länkar.

  • Om du använder hash-märket # på andra sätt, till exempel hexkoder för färg, kan du undvika automatiska förslag på arbetsobjekt genom att prefixa hash-märket # med ett omvänt snedstreck \.

  • I Markdown-filer och widgetar skapar du textlänkar för en URL med hjälp av standardsyntaxen för Markdown-länkar. Link path Kan vara relativ eller absolut.

    I följande exempel visas hur du anger en relativ länk i Markdown. Texten återges som en hyperlänk:

    For more information, see the [C# language reference](/dotnet/csharp/language-reference/).
    

    Här är den publicerade vyn av länken:

    Mer information finns i C#-språkreferensen.

När du länkar till en annan Markdown-sida på samma Git- eller Team Foundation Version Control-lagringsplats (TFVC) anger du länkmålet som en relativ eller absolut sökväg.

Note

Länkar till dokument på fildelningar (file://...) stöds inte för säkerhetsskäl.

I följande avsnitt visas exempel på olika Markdown-scenarier.

Här är några exempel på relativa länkar på välkomstsidan för en wiki:

  • Relativ sökväg: [Display text](target.md)

  • Absolut sökväg i Git: [Display text](/folder/target.md)

  • Absolut sökväg i TFVC: [Display text]($/project/folder/target.md)

  • URL: [Display text](http://address.com)

I följande exempel visas en relativ länk i en Markdown-widget:

  • URL: [Display text](http://address.com)

Här är några exempel på relativa länkar på en wiki-sida:

  • Absolut sökväg för wiki-sidor: [Display text](/parent-page/child-page)
  • URL: [Display text](http://address.com)

Relativa länkar till källkontrollfiler tolkas på olika sätt på en välkomstsida och en Markdown-widget:

Relativa länkar på en välkomstsida är relativa till roten på källkontrolllagringsplatsen där välkomstsidan finns. Här följer några exempel:

  • /BuildTemplates/AzureContinuousDeploy.11.xaml
  • ./page-2.md

Relativa länkar i en Markdown-widget är relativa till url-basen för gruppprojektsamlingen. Här följer några exempel:

  • /DefaultCollection/Fabrikam/versionControl#path=$/TFVC-Welcome/BuildTemplates/AzureContinuousDeploy.11.xaml
  • /DefaultCollection/Fabrikam/versionControl#path=$/TFVC-Welcome/page-2.md

När en Markdown-fil återges som HTML tilldelar systemet ett fästpunkts-ID till varje sidhuvud på sidan. ID:t är en konverterad form av rubriktexten. Systemet tillämpar följande ändringar för att skapa ID:t:

  • Ersätt blanksteg i rubriktexten med bindestreck -
  • Ändra versaler till gemener
  • Ignorera de flesta specialtecken, till exempel #, @, $
  • Ignorera de flesta skiljetecken, till exempel :, ", ?

Använd hash-märket # för att länka till rubriken i dokumentet, som i [Display text](#<header-anchor>).

I följande exempel visas en rubrik och en länk till dess fästpunkts-ID:

#### Team #1 : Release Wiki!

Welcome to the Release wiki. For more information, [Visit the Project Wiki](#team-1--release-wiki).

Här är den publicerade vyn:

Team #1: Release Wiki!

Välkommen till release-wikin. Mer information finns i Project Wiki.

Länka till en rubrik i en annan Markdown-fil genom att ange filnamnet med fästpunkts-ID:t i länken:

[Set up a project wiki](about-readme-wiki.md#set-up-a-project-wiki).

En wiki-sida är också en Markdown-fil. Referera till en rubrik på en sida i wikin från en annan sida:

Welcome to the Wiki!

- [Get Started](/get-started-page)
- [Contribute content](/get-started-page#contribute)
- [Send Feedback](/contact-page#send-feedback)

Images

Använd bilder och animerade GIF-filer för att demonstrera begrepp och lägga till visuellt intresse för ditt innehåll. Lägg till bilder i Markdown-widgeten, pull-begäranden, Readme-filer och wiki-filer.

Använd markdown-standardsyntaxen för en bild eller animerad GIF: ![Image alt text](Image path). Den här syntaxen liknar en länk, men raden börjar med ett utropstecken ! .

Image alt text beskriver bilden och visas när användaren hovrar över bilden i den publicerade vyn. Image path identifierar avbildningsplatsen.

Här är ett exempel som lägger till en bild i en Markdown-fil:

![Illustration to use for new users](https://azurecomcdn.azureedge.net/cvt-779fa2985e70b1ef1c34d319b505f7b4417add09948df4c5b81db2a9bad966e5/images/page/services/devops/hero-images/index-hero.jpg)

Bildsökväg

Sökvägen till bildfilen kan vara en relativ sökväg eller en absolut sökväg i Git eller TFVC, precis som sökvägen till en annan Markdown-fil i en länk.

  • Relativ sökväg: ![Image alt text](./image.png)
  • Absolut sökväg i Git: ![Image alt text](/media/markdown-guidance/image.png)
  • Absolut sökväg i TFVC: ![Image alt text]($/project/folder/media/markdown-guidance/image.png)

Bildstorlek

Ange bildstorleken med syntaxen Image-path =Image-widthxImage-height :

  • Bokstaven x representerar "by" i uttrycket "width-by-height".
  • Lägg inte till ett blanksteg före eller efter bokstaven x.
  • Inkludera ett blanksteg före likhetstecknet = .
  • Om du bara vill ange bredden använder du Image-path =Image-widthx. Du måste fortfarande inkludera bokstaven x.

Här är ett exempel på Markdown-syntax för en bild med en bredd på 500 och en höjd på 250:

![Image alt text](./image.png =500x250)

Checklista eller uppgiftslista

Spåra förloppet för dina tilldelningar och åtgärdsobjekt med enkla uppgiftslistor. Lägg till checklistor eller uppgiftslistor i pull-begäranden och wiki-filer. Den här funktionen är användbar i beskrivningen av pull-begäran för att spåra indata från granskare eller på en wiki-projektsida för att spåra uppgiftsstatus.

Exempel: Skapa checklista i Markdown

Skapa en checklista direkt i Markdown:

  • Använd tomma hakparenteser [<space>] för att skapa en ny uppgift.
  • Visa en uppgift som slutförd genom att inkludera bokstaven x inom hakparenteserna [x].
  • Föregå varje aktivitet med ett bindestreck och blanksteg -<space>[<space>] eller ett tal och blanksteg 1.<space>[<space>]. Använd alla siffror.
  • Använd inte en checklista i en Markdown-tabell.

I följande exempel skapas en checklista med fyra objekt, där det första objektet markeras som slutfört:

- [x] Project plan
- [ ] Draft 1 code
- [ ] Draft 2 code
- [ ] Test plan

Här är den publicerade vyn av checklistan:

Skärmbild som visar en checklista där det första objektet markeras som slutfört.

När checklistan har publicerats markerar användarna ett objekt som slutfört genom att markera kryssrutan objekt i listan.

Exempel: Använd aktivitetslistan Markdown på markerad text

Välj befintlig text i webbportalen och använd åtgärder i Markdown-verktygsfältet för att tillämpa checklistformatet. När du har lagt till en checklista eller uppgift på det här sättet redigerar du listan eller aktiviteten i Markdown.

Följande bild visar hur du använder formatmallen Uppgiftslista i markdown-verktygsfältet för markerad text:

Skärmbild som visar hur du använder stilen Uppgiftslista i markdown-verktygsfältet för markerad text i en pull request.

Markera en uppgift som slutförd genom att markera aktivitetsrutan i listan:

Skärmbild som visar aktiviteter som markerats som slutförda i aktivitetslistan.

Emojireaktioner

Lägg till emojireaktioner i pull-begäranden och wiki-filer. Använd emojireaktioner för att lägga till tecken och reagera på kommentarer i begäran.

Ange namnet på en känsla eller ett uttryck som smile och omslut texten i kolontecken : . I den publicerade vyn av Markdown konverteras dina indata till motsvarande emojigrafik. Markdown i Azure DevOps har stöd för de flesta GitHub-emojigrafiker. Den stöder inte den anpassade emojin som :bowtie:.

Exempel: Lägga till emojireaktioner i en pull-begäran

Det här exemplet visar hur du lägger till reaktioner med emoji med Markdown i en kommentar till en pull-begäran.

The code review received :+1::+1: and the team is :smile:

Den här bilden visar den publicerade vyn över emojireaktionerna:

Skärmbild av den publicerade vyn av emojis i en pull-begärandekommentar.

Exempel: Escape emoji syntax i Markdown

Det här exemplet visar hur du undflyr emojisyntax med tecknet för omvänt snedstreck \ i Markdown:

Markdown syntax for some emoji reactions:
- **Happy** \:smile:
- **Angry** \:angry:
- **Sad** \:cry:

Den här bilden visar den publicerade vyn av Markdown som visar emojisyntaxen:

Skärmbild av hur du undflyr emojisyntax i Markdown med hjälp av tecknet

I en kommentar till en pull-förfrågan använder du två omvänt snedstreck \\ för att undvika att emoji-syntaxen konverteras.

Specialtecken som literaltext

Använd omvänt snedstreck \ som ett escape-tecken i Markdown för att publicera specialtecken som literaltext. Backslash instruerar publiceringssystemet att visa specialtecknet som bokstavlig text och inte tolka eller konvertera det.

Använd ignore- och escape-syntax i en Definition of Done (board), Markdown-widgeten, pull-begäranden, README-filer och wiki-filer.

Exempel: Publicera specialtecken

Markdown-syntaxen "Omslut text i backticks" visas som Enclose text in backticks i den publicerade vyn. Publiceringssystemet tillämpar formatet på inline code texten i backticks (') och publicerar inte backticks.

Om du prefixar backtick (') med ett omvänt snedstreck (\), ändras inte textformatet i backticks och backticks publiceras. Det här beteendet fungerar för de flesta specialtecken, inklusive parenteser(), hakparenteser[], understreck_, bindestreck-, hashmarkering#, asterisk*, backtick `, och själva omvänt snedstreck\.

Följande Markdown använder backslash \ för att visa specialtecken som bokstavlig text.

\\\ Code comment

Show the **\_\_**underscores**\_\_**

\# Code comment and not a **Heading** 

**\(** Include the **parentheses \)**

Show the __\*__asterisks__\*__ and don't change to *italics*

Här är den publicerade vyn av Markdown:

\\ Kodkommentar

Visa __understreck__

# Kodkommentare och inte en rubrik

( Inkludera parenteserna )

* Visa asterisker* och ändra inte till kursiv stil

Note

För vissa Markdown anger du HTML-koden &#92; för omvänt snedstreck i stället för teckensymbolen \.

Attachments

Bifoga filer i kommentarer i pull-begäranden och på wiki-sidor. Bifogade filer kan illustrera din punkt eller ge information om dina förslag. Bifogade filer stöder följande filformat:

Typ av bifogad fil

Filformat

Code

C# (.cs), Extensible Markup Language (.xml), JavaScript Object Notation (.json), Hypertext Markup Language (.html, .htm), Layer (.lyr), Windows PowerShell-skript (.ps1), Roshal Archive (.rar), Fjärrskrivbordsanslutning (.rdp), Structured Query Language (.sql)

Obs! Kodbilagor stöds inte i pull-begärandekommentarer.

Komprimerade filer

ZIP (.zip), GZIP (.gz)

Documents

Markdown (.md), Microsoft Office Message (.msg), Microsoft Project (.mpp), Word (.doc, .docx), Excel (.xls, .xlsx, .csv), PowerPoint (.ppt, .pptx), oformaterad text (.txt), portabelt dokumentformat (.pdf)

Images

PNG (.png), GIF (.gif), JPEG (.jpeg, .jpg), Ikoner (.ico)

Visio

VSD (.vsd, .vsdx)

Video

MOV (.mov), MP4 (.mp4)

Note

Alla filformat stöds inte som bifogade filer i pull-begärandekommenter, till exempel Microsoft Office-meddelandefiler (.msg).

Bifoga bilder eller filer

Du kan bifoga en bild eller fil i en kommentarsruta för pull-begäran eller på en wiki-sida i fönstret Redigera på flera sätt:

  • Dra en fil till kommentaren eller till wiki-sidan.

  • Klistra in en bild från Urklipp i kommentaren eller på wiki-sidan. Bilden visas direkt i kommentaren eller på wiki-sidan.

  • Välj ikonen Bifoga (gem) i kommentaren eller i fönstret Format på wiki-sidan och välj den fil som ska bifogas:

    Skärmbild som visar hur du väljer gemikonen för att bifoga en fil på en wiki-sida.

När du bifogar en icke-bildfil skapar systemet en länk till filen i en kommentar eller på en wiki-sida. Ändra länkvisningstexten inom hakparenteserna, som i [Updated link display text](LINK URL). När du publicerar sidan eller kommentaren väljer användaren länken för att komma åt den bifogade filen.

Matematisk notation och tecken

Du kan använda matematisk notation och tecken i kommentarer och wiki-filer för pull-begäranden. Både infogad och blockera KaTeX-notation stöds, vilket omfattar följande element:

  • Symbols
  • Grekiska bokstäver
  • Matematiska operatorer
  • Krafter och index
  • Bråk och binomialer
  • Andra KaTeX-element som stöds

I en Markdown-fil omges matematisk notation av dollartecken $ . Om du vill skapa ett uttryck infogat med annan text omger du notationen med enkla dollartecken, $ A + B = C $. För ett blockuttryck börjar och avslutar du blocket med två dollartecken, $$ A = 1 \ B = 2 \ C = A + B $$.

Exempel: Visa grekiska tecken

I följande exempel visas grekiska tecken som används i matematisk notation genom att lägga till ett kodfragment i Markdown-filen. Observera att språkidentifieraren för kodfragmentet är KaTeX och inte Markdown md:

$
\alpha, \beta, \gamma, \delta, \epsilon, \zeta, \eta, \theta, \kappa, \lambda, \mu, \nu, \omicron, \pi, \rho, \sigma, \tau, \upsilon, \phi, ...
$  

$\Gamma,  \Delta,  \Theta, \Lambda, \Xi, \Pi, \Sigma, \Upsilon, \Phi, \Psi, \Omega$

Här är den publicerade vyn över de grekiska tecknen:

Skärmbild som visar den publicerade vyn av KaTex-kodfragmentet som visar grekiska tecken som används i matematisk notation.

Exempel: Använd algebraisk notation

I följande exempel används en infogad notation och ett algebraiskt blockuttryck:

Area of a circle is $\pi r^2$

And, the area of a triangle is:

$$
A_{triangle}=\frac{1}{2}({b}\cdot{h})
$$

Här är den publicerade vyn av notationen i Markdown-filen:

Skärmbild som visar den publicerade vyn av KaTex-kodfragmentet som innehåller infogad notation och ett algebraiskt blockuttryck.

Exempel: Visa summor och integraler

I följande exempel används två blockuttryck för att beräkna summor och integraler:

$$
\sum_{i=1}^{10} t_i
$$

$$
\int_0^\infty \mathrm{e}^{-x}\,\mathrm{d}x
$$     

Här är den publicerade vyn av uttrycken i Markdown-filen:

Skärmbild som visar den publicerade vyn av KaTex-kodfragmentet som använder två blockuttryck för att beräkna summor och integraler.

Markdown i en Azure DevOps-wiki

Det finns många sätt att använda Markdown för att förbättra din Azure DevOps-wiki. Följande avsnitt innehåller syntaxexempel för olika uppgifter:

  • Lägga till Mermaid-diagram som sekvenser, flödesscheman och användarflöden
  • Skapa en innehållsförteckning (TOC) för sidor och undersidor
  • Konfigurera komprimerbara sidavsnitt
  • Bädda in videor och Azure Boards-frågeresultat
  • Länka till arbetsobjekt med hash-märket #
  • Använda @<alias> omnämnanden för användare och grupper
  • Inkludera HTML-element som <font> för rik text
  • Kontrollera antalet sidbesök

Tillgängligheten för dessa funktioner beror på din version av Azure DevOps.

Arbeta med sjöjungfrudiagram

Med Sjöjungfrun kan du skapa diagram och visualiseringar med hjälp av text och kod. Azure DevOps-wikin stöder följande sjöjungfrudiagramtyper:

Mer information finns i utgivningsanteckningar för Mermaid.

Limitations

Tänk på följande begränsningar när du arbetar med Sjöjungfrudiagram i Azure DevOps:

  • Azure DevOps har begränsat syntaxstöd för diagramtyperna Sjöjungfru. Syntax som inte stöds innehåller de flesta HTML-taggar, Font Awesome, flowchart syntax (använd graph element i stället), LongArrow ---->med mera.

  • Internet Explorer stöder inte Sjöjungfrun. Om du använder sjöjungfrudiagram i wikin återges inte diagrammen i Internet Explorer.

Exempel: Lägg till sjöjungfrudiagram på wiki-sidan

Om du vill lägga till ett sjöjungfrudiagram på en wiki-sida startar och avslutar du notationen med tre kolon :. Ange nyckelordet mermaid, diagramtypen, till exempel sequenceDiagram, och ange den information som ska illustreras med sequenceDiagram. Informationen för diagrammet anges som ett indraget avsnitt i syntaxen.

I följande exempel visas hur du lägger till ett sjöjungfrudiagram på en wiki-sida:

::: mermaid
<diagram type>
   <diagam information>
:::

Exempel: Sekvensdiagram

Ett sekvensdiagram (typ sequenceDiagram) är en interaktionsbild som visar hur processer fungerar med varandra och i vilken ordning.

I följande exempel visas hur du lägger till ett sekvensdiagram på en wiki-sida:

::: mermaid
sequenceDiagram
    Christie->>Josh: Hello Josh, how are you?
    Josh-->>Christie: Great!
    Christie->>Josh: See you later!
:::

Här är den publicerade vyn av sekvensdiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett sekvensdiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Gantt-schema

Ett Gantt-schema (typ gantt) registrerar varje schemalagd aktivitet som ett kontinuerligt fält som sträcker sig från vänster till höger. Axeln x representerar tid. y-axeln registrerar uppgifterna och deras ordning för att slutföras.

När du exkluderar ett datum, en dag eller en samling datum som är specifika för en aktivitet, kan ändringarna utföras i Gantt-schemat. Diagrammet sträcker sig med lika många dagar åt höger i stället för att skapa en lucka i aktiviteten.

I följande exempel visas hur du lägger till ett Gantt-schema på en wiki-sida:

::: mermaid
gantt
    title A Gantt chart
    dateFormat YYYY-MM-DD
    excludes 2022-03-16,2022-03-18,2022-03-19
    section Section

    A task          :a1, 2022-03-07, 7d
    Another task    :after a1 , 5d
:::

Här är den publicerade vyn av Gantt-schemat:

Skärmbild av Mermaid Live Editor med koden för ett Gantt-schema och en förhandsgranskning av den publicerade vyn.

Exempel: Flödesschema

Ett flödesschema (typ graph) består av noder, geometriska former och kanter samt pilar eller linjer. När du har identifierat graph diagramtypen anger du flödesriktningen för information i diagrammet, till exempel TB; för uppifrån och ned.

I följande exempel skapas ett flödesschema med graph typen . Grafinformationen följer en vänster-till-höger-riktning LR; .

Note

Azure DevOps stödjer inte diagramtypen flowchart, pilsyntaxen ----> eller länkarna till och från en subgraph diagramtyp.

:::mermaid
graph LR;
    A[Hard edge] -->|Link text| B(Round edge) --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
:::

Här är den publicerade vyn av flödesschemadiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett flödesschemadiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Klassdiagram

Klassdiagrammet (typ classDiagram) är den viktigaste delen av den objektorienterade programmeringsmodellen. Diagrammet beskriver objekt med deras attribut och metoder samt arv mellan objekt.

I följande exempel visas hur du lägger till ett klassdiagram på en wiki-sida:

:::mermaid
classDiagram
    Creature <|-- Superman
    Creature <|-- Vampire
    Creature <|-- Diavolo
    Creature: +int size
    Creature: +int weight
    Creature: +isBenign()
    Creature: +power()
    class Superman{
        +String currentName
        +fly()
        +heal()
    }
    class Vampire{
        -int age
        -canBite()
    }
    class Diavolo{
        +bool is_serving
        +heat()
    }
:::

Här är den publicerade vyn av klassdiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett klassdiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Tillståndsdiagram

Tillståndsdiagrammet (typ stateDiagram) beskriver hur systemtillstånd kan ändras när de övergår från ett tillstånd till ett annat.

I följande exempel visas hur du lägger till ett tillståndsdiagram på en wiki-sida. I det här exemplet används version 2 av tillståndsdiagramtypen (typ stateDiagram-v2).

:::mermaid
stateDiagram-v2
    [*] --> Active
    state Active {
        [*] --> NumLockOff
        NumLockOff --> NumLockOn : EvNumLockPressed
        NumLockOn --> NumLockOff : EvNumLockPressed
        --
        [*] --> CapsLockOff
        CapsLockOff --> CapsLockOn : EvCapsLockPressed
        CapsLockOn --> CapsLockOff : EvCapsLockPressed
        --
        [*] --> ScrollLockOff
        ScrollLockOff --> ScrollLockOn : EvScrollLockPressed
        ScrollLockOn --> ScrollLockOff : EvScrollLockPressed
    }
:::

Här är den publicerade vyn av tillståndsdiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett tillståndsdiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Diagram över användarresa

Användarresan (typ journey) beskriver vilka steg som krävs för att slutföra en specifik åtgärd eller uppgift på högre nivå.

I följande exempel visas hur du lägger till ett användarresande diagram på en wiki-sida:

:::mermaid
journey
    title Home office day
    section Go to work
      Wake up: 1: Me, Dog
      Take shower: 2: Me
      Go downstairs: 3: Me, Dog
      Make coffee: 4: Me
      Have a breakfast: 5: Me, Dog
      Go upstairs: 3: Me, Dog
      Do work: 1: Me, Dog
    section Go home
      Go downstairs: 3: Me, Dog
      Sit down: 5: Me
:::

Här är den publicerade vyn av användaresansdiagrammet:

Skärmbild som visar en publicerad förhandsgranskning av ett användarrese-diagram i Mermaid Live Editor.

Exempel: Cirkeldiagram

Cirkeldiagrammet (typ pie) hjälper till att visualisera procentandelen av informationen i ett cirkeldiagram. När du har identifierat pie diagramtypen anger du nyckelordet title med en rubrik för cirkeldiagrammet.

I följande exempel skapas ett cirkeldiagram med rubriken Fishermen in countries:

:::mermaid
pie title Fishermen in countries
    "Norway" : 684
    "Sweeden" : 234
    "Switzerland" : 10
:::

Här är den publicerade vyn av cirkeldiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett cirkeldiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Kravdiagram

Kravdiagrammet (typ requirementDiagram) skapar en visualisering av kraven och deras anslutningar.

I följande exempel visas hur du lägger till ett kravdiagram på en wiki-sida:

:::mermaid
requirementDiagram
    requirement development_req {
    id: 1
    text: requirements spec.
    risk: medium
    verifymethod: test
    }
    element test_suite {
    type: manual test
    }
    test_suite - verifies -> development_req
:::

Här är den publicerade vyn av kravdiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett kravdiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Gitgraph-diagram

Ett Git-grafdiagram (typ gitGraph) används för att visualisera Git-åtgärder som commit, grenar och sammanslagningar.

I följande exempel visas hur du lägger till ett git-diagram på en wiki-sida:

::: mermaid
gitGraph
  commit id: "Initial commit"
  branch develop
  commit id: "Develop commit 1"
  commit id: "Develop commit 2"
  checkout main
  commit id: "Main commit 1"
  merge develop id: "Merge develop into main"
  branch feature
  checkout feature
  commit id: "Feature commit 1"
  checkout develop
  commit id: "Develop commit 3"
  checkout feature
  merge develop id: "Merge develop into feature"
:::

Här är den publicerade vyn av git-grafdiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett git-diagramdiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Entitetsrelationsdiagram

Ett entitetsrelationsdiagram (typ erDiagram) används för att modellera relationerna mellan entiteter i ett system, till exempel en databas eller ett program. Dessa diagram hjälper dig att förstå och utforma strukturen för data och dess samband.

I följande exempel visas hur du lägger till ett entitetsrelationsdiagram på en wiki-sida:

::: mermaid
erDiagram
  CUSTOMER {
    string name
    string address
  }
  ORDER {
    int orderNumber
    string product
  }
  CUSTOMER ||--o{ ORDER : places
:::

Här är den publicerade vyn av entitetsrelationsdiagrammet:

Skärmbild av Mermaid Live Editor med koden för ett entitetsrelationsdiagram och en förhandsgranskning av den publicerade vyn.

Exempel: Tidslinjediagram

Ett tidslinjediagram (typ timeline) används för att visualisera händelser i kronologisk ordning, vilket gör det enklare att spåra förlopp eller historiska händelser.

I följande exempel visas hur du lägger till ett tidslinjediagram på en wiki-sida:

::: mermaid
timeline
  title Project Development Timeline
  section Planning
    Project kickoff : 2025-01-01
    Requirements gathering : 2025-01-15
  section Development
    Initial development : 2025-02-01
    First prototype : 2025-03-01
  section Testing
    Alpha testing : 2025-04-01
    Beta testing : 2025-05-01
  section Release
    Public release : 2025-06-01
:::

Här är den publicerade vyn av tidslinjediagrammet:

Skärmbild av Mermaid Live Editor med koden för ett tidslinjediagram och en förhandsgranskning av den publicerade vyn.

Innehållsförteckning för en wiki-sida

Skapa en innehållsförteckning (TOC) för wiki-sidan med hjälp [[_TOC_]] av syntaxtaggen. När publiceringssystemet stöter på taggen och bekräftar minst en rubrik på wiki-sidan genereras innehållsförteckningen för sidan. Rubriken på innehållsförteckningen på sidan är "Innehåll".

Skärmbild som visar hur du använder toc-syntaxtaggen för att generera en toc för en wiki-sida.

Om du vill skapa användarförteckningen [[_TOC_]] kan du lägga till syntaxtaggen på wiki-sidan i Markdown eller välja Fler alternativ (...) >Innehållsförteckning i redigeringsvyn för sidan.

Här är några punkter om att lägga till en TOC:

  • Syntaxen för taggen [[_TOC_]] är skiftlägeskänslig. Om du anger syntaxen med hjälp av gemener [[_toc_]] återges kanske inte TOC.
  • Publiceringssystemet renderar innehållsförteckningen för den första förekomsten av [[_TOC_]]-taggen på Markdown-sidan. Den ignorerar andra instanser av taggen på samma sida.
  • Du kan placera taggen [[_TOC_]] var som helst i Markdown. Systemet renderar TOC på sidan på den plats där du placerade taggen i Markdown.
  • Systemet bekräftar endast Markdown-formatrubriker som identifieras med hash-markeringssyntaxen # . Den ignorerar rubriktaggar i HTML-format.
  • Systemet använder endast rubriktexten för att skapa TOC-posten. Den ignorerar all extra HTML- och Markdown-syntax.

I följande exempel visas hur publiceringssystemet ignorerar extra formatering för en rubrik när posten för innehållsförteckningen skapas. Rubriken formaterar ordet "Flagship" med kursiv stil, men TOC-posten för rubriken tar bort det extra formatet.

Skärmbild som visar hur publiceringssystemet ignorerar extra formatering för en rubrik när posten för innehållsförteckningen skapas.

Tabell med undersidor för en wiki-sida

Lägg till en tabell med undersidor för en wiki-sida med hjälp [[_TOSP_]] av syntaxtaggen. Rubriken på tabellen på sidan är "Barnsidor". Tabellen innehåller en post för varje underordnad sida på wiki-sidan.

Om du vill skapa tabellen med undersidor kan du lägga till [[_TOSP_]] syntaxtaggen på wiki-sidan i Markdown eller välja Fler alternativ (...) >Tabell med undersidor i vyn Redigera för sidan.

Här följer några punkter om hur du lägger till en tabell med undersidor:

  • Syntaxen för taggen [[_TOSP_]] är skiftlägeskänslig. Om du anger syntaxen med hjälp av gemener [[_tosp_]], kanske tabellen med undersidor inte återges.
  • Publiceringssystemet renderar tabellen med undersidor för den första instansen av taggen [[_TOSP_]] på Markdown-sidan. Den ignorerar andra instanser av taggen på samma sida.
  • Du kan placera taggen [[_TOSP_]] var som helst i Markdown. Systemet renderar tabellen med undersidor på sidan på den plats där du placerade taggen i Markdown.

Skärmbild som visar hur publiceringssystemet genererar en tabell med undersidor för en wiki-sida.

Komprimerbara avsnitt på en wiki-sida

Lägg till ett komprimerbart avsnitt på en wiki-sida med HTML-syntaxen <details><summary> . Du kan använda ett komprimerbart avsnitt för att begränsa synligheten för specifikt innehåll på sidan, till exempel inaktuella eller arkiverade data, eller konfigurera ett scenario med frågor/svar.

När wiki-sidan öppnas stängs det hopfällbara avsnittet (komprimerat), men avsnittssammanfattningen visas. Användare kan välja rubriken för att expandera (öppna) och komprimera avsnittet efter behov.

Här följer några punkter om hur du lägger till ett komprimerbart avsnitt:

  • Ange rubriken för avsnittet i taggarna <summary>Title</summary> . Sammanfattningen visas alltid på sidan.
  • Lägg till en tom rad efter den avslutande </summary> taggen. Om du inte lägger till den tomma raden återges inte avsnittet korrekt.
  • Ange huvudinnehållet efter den tomma raden. Du kan använda Markdown-syntax och HTML för att formatera huvudinnehållet.
  • Om du skapar flera komprimerbara avsnitt på sidan lägger du till en tom rad efter varje avslutande </details> tagg.

I följande exempel skapas ett komprimerbart avsnitt på en wiki-sida:

# A collapsible section with Markdown syntax
<details>
  <summary>Click to expand!</summary>

  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>

Skärmbild av Mermaid Live Editor med koden för ett komprimerat avsnitt och en förhandsgranskning av den publicerade vyn.

Inbäddade videor

Bädda in videor från YouTube och Microsoft Streams på en wiki-sida med hjälp av syntaxen ::: video ::: . I deklarationen video definierar du ett <iframe> block för videon. Ange en länk till videon och ange önskad bredd och höjd. Du kan ange andra attribut som kantlinjer och helskärmsläge. De avslutande kolonen ::: krävs för att förhindra en brytning på sidan.

I följande exempel bäddas en video in på wiki-sidan:

Watch the following video:

::: video
<iframe width="640" height="360" src="https://www.youtube.com/embed/OtqFyBA6Dbk" allowfullscreen style="border:none"></iframe>
:::

Här är den publicerade vyn av wiki-sidan med videon inbäddad:

Skärmbild som visar den publicerade vyn på wiki-sidan med den inbäddade videon.

Inbäddade Azure Boards-frågeresultat

Bädda in resultaten från Azure Boards-frågor i en wiki-sida som en tabell med syntaxen query-table och ett fråge-ID.

Results from the Azure Boards query:

:::
query-table 6ff7777e-8ca5-4f04-a7f6-9e63737dddf7
:::

Du kan också välja Fler alternativ (...) >Frågeresultat i verktygsfältet:

Skärmbild som visar hur du väljer Frågeresultat på menyn Fler alternativ för att bädda in frågeresultatet som en tabell på wiki-sidan.

I dialogrutan Frågeresultat väljer du frågeresultatet och väljer sedan Infoga för att bädda in resultatet som tabell på wiki-sidan.

Mer information om hur du kopierar fråge-URL:en, som tillhandahåller ett GUID för frågan, finns i Skicka e-postfrågeobjekt eller dela fråge-URL.

Meddelanden med @ omnämnanden

Skapa omnämnanden för användare eller grupper med symbolen at@, som i @<user-alias>. När du anger symbolen vid@ öppnas dialogrutan Automatiska förslag där du kan välja användare eller grupper för att ta emot e-postaviseringar:

Skärmbild som visar hur du väljer en användare i dialogrutan Förslag automatiskt för att lägga till ett @-omnämnande på wiki-sidan.

Du kan också välja Fler alternativ (...) >@ Omnämnande i verktygsfältet:

Skärmbild som visar hur du väljer @ Omnämnande på menyn Fler alternativ för att lägga till ett omnämnande för en användare eller grupp på wiki-sidan.

När du redigerar sidor direkt i kod använder du följande mönster, @<{identity-guid}>.

Antal sidbesök för en wiki-sida

Lägg till ett automatiskt aggregerat antal sidbesök under de senaste 30 dagarna på varje sida i wikin. Ett sidbesök är en vy över sidan av en angiven användare under ett 15-minutersintervall.

Använd batch-API pagesBatch :et för att se det dagliga antalet besök på alla sidor i en sidnumrerad vy. Vyn sorteras inte efter antal besök.

För data över 30 dagar använder du REST-API:et för att hämta en lista över alla sidbesök. Sortera sidorna baserat på antalet besök och ta reda på de 100 främsta. Du kan lagra besöken i en instrumentpanel eller databas.

Följande bild visar sidantalet på en publicerad wiki-sida:

Skärmbild som visar det aggregerade antalet sidbesök på en publicerad wiki-sida.

HTML-taggar på wiki-sidor

Skapa omfattande innehåll med hjälp av HTML-taggar på wiki-sidor, till exempel <font> och <span>. I Azure DevOps Server 2019.1 och senare kan du även klistra in omfattande innehåll som bilder och video som HTML.

Exempel: Använd Markdown-syntax i HTML

I följande exempel visas hur du använder Markdown-syntax i ett HTML-element på en wiki-sida. Lägg till en tom rad efter det inledande HTML-elementet och före Markdown:

<p>

This article describes how to **get started** with an Azure DevOps wiki.

For more information, see the [Wikis, search, & navigation documentation](https://free.blessedness.top/azure/devops/project/) for Azure DevOps.
</p>

Exempel: Bädda in en video med HTML

I följande exempel visas hur du bäddar in en video på en wiki-sida med hjälp <video> av HTML-elementet med en URL till videon:

<video src="https://sec.ch9.ms/ch9/7247/7c8ddc1a-348b-4ba9-ab61-51fded6e7247/vstswiki_high.mp4" width=400 controls>
</video>

Exempel: Använd RTF-format

I följande exempel visas hur du använder RTF-format för HTML på en wiki-sida:

<p>This text needs to <del>strikethrough</del> <ins>since it is redundant</ins>!</p>
<p><tt>This text is teletype text.</tt></p>
<font color="blue">Colored text</font>
<center>This text is center-aligned.</center>
<p>This text contains <sup>superscript</sup> text.</p>
<p>This text contains <sub>subscript</sub> text.</p>
<p>The project status is <span style="color:green;font-weight:bold">GREEN</span> even though the bug count / developer might be shown as <span style="color:red;font-weight:bold">red.</span> - Capability of span
<p><small>Disclaimer: Wiki also supports showing small text</small></p>
<p><big>Bigger text</big></p>

Följande bild visar den publicerade vyn av HTML-riktextinnehållet på en wiki-sida, som visas i standardvyn för ljust tema:

Skärmbild av en publicerad wiki-sida som använder RTF-formatering i HTML, enligt vyn Ljust tema.

Här är samma publicerade sida i temavyn Mörk:

Skärmbild av en publicerad wiki-sida som använder RTF-formatering i HTML, som du ser i temavyn Mörk.