The next generation of the Teknik Services. Written in ASP.NET. https://www.teknik.io/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Markdown.cshtml 4.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @model Teknik.Areas.Help.ViewModels.HelpViewModel
  2. <div class="container">
  3. <div class="row">
  4. <h2>Markdown Formatting</h2>
  5. <p><a href="http://daringfireball.net/projects/markdown/" target="_blank">Markdown</a> turns plain text formatting into fancy HTML formatting.</p>
  6. <h3>Phrase Emphasis</h3>
  7. <pre><code>*italic* **bold**
  8. _italic_ __bold__
  9. </code></pre>
  10. <h3>Links</h3>
  11. <p>Inline:</p>
  12. <pre><code>An [example](http://url.com/ &quot;Title&quot;)
  13. </code></pre>
  14. <p>Reference-style labels (titles are optional):</p>
  15. <pre><code>An [example][id]. Then, anywhere
  16. else in the doc, define the link:
  17. [id]: http://example.com/ &quot;Title&quot;
  18. </code></pre>
  19. <h3>Images</h3>
  20. <p>Inline (titles are optional):</p>
  21. <pre><code>![alt text](/path/img.jpg &quot;Title&quot;)
  22. </code></pre>
  23. <p>Reference-style:</p>
  24. <pre><code>![alt text][id]
  25. [id]: /url/to/img.jpg &quot;Title&quot;
  26. </code></pre>
  27. <h3>Headers</h3>
  28. <p>Setext-style:</p>
  29. <pre><code>Header 1
  30. ========
  31. Header 2
  32. --------
  33. </code></pre>
  34. <p>atx-style (closing #'s are optional):</p>
  35. <pre><code># Header 1 #
  36. ## Header 2 ##
  37. ###### Header 6
  38. </code></pre>
  39. <h3>Lists</h3>
  40. <p>Ordered, without paragraphs:</p>
  41. <pre><code>1. Foo
  42. 2. Bar
  43. </code></pre>
  44. <p>Unordered, with paragraphs:</p>
  45. <pre><code>* A list item.
  46. With multiple paragraphs.
  47. * Bar
  48. </code></pre>
  49. <p>You can nest them:</p>
  50. <pre><code>* Abacus
  51. * answer
  52. * Bubbles
  53. 1. bunk
  54. 2. bupkis
  55. * BELITTLER
  56. 3. burper
  57. * Cunning
  58. </code></pre>
  59. <h3>Blockquotes</h3>
  60. <pre><code>&gt; Email-style angle brackets
  61. &gt; are used for blockquotes.
  62. &gt; &gt; And, they can be nested.
  63. &gt; #### Headers in blockquotes
  64. &gt;
  65. &gt; * You can quote a list.
  66. &gt; * Etc.
  67. </code></pre>
  68. <h3>Code Spans</h3>
  69. <pre><code>`&lt;code&gt;` spans are delimited
  70. by backticks.
  71. You can include literal backticks
  72. like `` `this` ``.
  73. </code></pre>
  74. <h3>Preformatted Code Blocks</h3>
  75. <p>Indent every line of a code block by at least 4 spaces or 1 tab.</p>
  76. <pre><code>This is a normal paragraph.
  77. This is a preformatted
  78. code block.
  79. </code></pre>
  80. <h3>Horizontal Rules</h3>
  81. <p>Three or more dashes or asterisks:</p>
  82. <pre><code>---
  83. * * *
  84. - - - -
  85. </code></pre>
  86. <h3>Manual Line Breaks</h3>
  87. <p>End a line with two or more spaces:</p>
  88. <pre><code>Roses are red,
  89. Violets are blue.
  90. </code></pre>
  91. <h2>Extra Mode</h2>
  92. These formatting features are only available when Extra Mode is enabled.
  93. <h3>Markdown In Html</h3>
  94. <p>Enable markdown in HTML block level elements:</p>
  95. <pre><code>&lt;div markdown=&quot;1&quot;&gt;
  96. Markdown **still** works.
  97. &lt;/div&gt;
  98. </code></pre>
  99. <h3>Fenced Code Blocks</h3>
  100. <p>Code blocks delimited by 3 or more tildas:</p>
  101. <pre><code>~~~
  102. This is a preformatted
  103. code block
  104. ~~~
  105. </code></pre>
  106. <h3>Header IDs</h3>
  107. <p>Set the id of headings with <code>{#&lt;id&gt;}</code> at end of heading line:</p>
  108. <pre><code>## My Heading {#myheading}
  109. </code></pre>
  110. <h3>Tables</h3>
  111. <pre><code>Fruit |Color
  112. ---------|----------
  113. Apples |Red
  114. Pears |Green
  115. Bananas |Yellow</code></pre>
  116. <h3>Definition Lists</h3>
  117. <pre><code>Term 1
  118. : Definition 1
  119. Term 2
  120. : Definition 2</code></pre>
  121. <h3>Footnotes</h3>
  122. <pre><code>Body text with a footnote [^1]
  123. [^1]: Footnote text here
  124. </code></pre>
  125. <h3>Abbreviations</h3>
  126. <pre><code>MDD &lt;- will have title
  127. *[MDD]: MarkdownDeep
  128. </code></pre>
  129. <p>&nbsp;</p>
  130. </div>
  131. </div>