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.4KB

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