diff --git a/markdown.md b/markdown.md index cf0922d9c..0e1e397d0 100644 --- a/markdown.md +++ b/markdown.md @@ -1,58 +1,111 @@ --- title: Markdown category: Markup +layout: 2017/sheet +prism_languages: [markdown] +updated: 2017-09-20 +weight: -1 --- +## Reference +{:.-three-column} + ### Headers - # h1 - ### h3 +```markdown +# h1 +### h3 +``` - Header 1 - ======== +```markdown +Header 1 +======== +``` - Header 2 - -------- - -### Links - - [link](http://google.com) - - [link][google] - [google]: http://google.com - - - -### Images - - ![Image alt text](/path/to/img.jpg) - ![Image alt text](/path/to/img.jpg "title") - ![Image alt text][img] - - [img]: http://foo.com/img.jpg +```markdown +Header 2 +-------- +``` ### Emphasis - *italic* - _italic_ +```markdown +*italic* +_italic_ +``` - **bold** - __bold__ +```markdown +**bold** +__bold__ +``` + +```markdown +`code` +``` + +### Links + +```markdown +[link](http://google.com) +``` + +```markdown +[link][google] +[google]: http://google.com +``` + +```markdown + +``` + +### Images + +```markdown +![Image alt text](/path/to/img.jpg) +![Image alt text](/path/to/img.jpg "title") +![Image alt text][img] +``` + +```markdown +[img]: http://foo.com/img.jpg +``` ### Code - 4 space indent +``` + 4 space indent + makes a code block +``` + +~~~markdown +``` +code fences +``` +~~~ + + +~~~markdown +```js +codeFences.withLanguage() +``` +~~~ ### Blockquotes - > This is - > a blockquote - > - > > Nested - > > Blockquote +```markdown +> This is +> a blockquote +> +> > Nested +> > Blockquote +``` ### Horizontal line - ---- - **** +```markdown +---- +``` +```markdown +**** +``` diff --git a/textile.md b/textile.md index 3bbbef1ca..afcbbf464 100644 --- a/textile.md +++ b/textile.md @@ -1,63 +1,114 @@ --- title: Textile category: Markup +layout: 2017/sheet +updated: 2017-09-20 +weight: -1 --- -### Pre blocks - -
-    I am very serious. -- this will get escaped.
-    
- -### Line breaks - - Line breaks. - Just break the lines. - -### Entities - - one(TM), two(R), three(C). +## Reference +{: .-three-column} ### Inlines - _em_ *strong* __bold-italic__. ??citation??. - @code@. -strikehtrough-. +insertion+. - %span%. %{color:red}formatting%. - "Hypertext":index.html - "Text link":link - - [link]http://link.com - - !image.jpg! - !image.jpg(title text)! - !image.jpg!:link.html - - !>right.jpg! - -### Horizontal line - - -- +| Code | Description | +| --- | --- | +| `_em_` | | +| `*strong*` | | +| `__bold-italic__` | | +| `@code@` | | +| `??citation??` | | +| --- | --- | +| `-strikethrough-` | | +| `+insertion+` | | +| --- | --- | +| `%span%` | HTML tag | +| `%{color:red}formatting%` | CSS styles | +| --- | --- | ### Blocks - h1. Header 1 - - h2. Header 2 - - bq. Blockquote - - p(classname). Class. - - p(#id). ID. - +```textile +h1. Header 1 +``` + +```textile +h2. Header 2 +``` + +```textile +bq. Blockquote +``` + +```textile +p(classname). Class. +``` + +```textile +p(#id). ID. +``` + ### Lists - ## ordered list - - * unordered list - +```textile +## ordered list +``` + +```textile +* unordered list +``` + +### Links + +| Code | Description | +| --- | --- | +| `"Hypertext":index.html` | Link | +| --- | --- | +| `"Text link":link`
`[link]http://link.com` | Link via reference | + +### Images + +| Code | Description | +| --- | --- | +| `!image.jpg!` | Image | +| `!image.jpg(title text)!` | | +| `!image.jpg!:link.html` | | +| `!>right.jpg!` | | + +### Escaped HTML + +```html +
+I am very serious. -- this
+will get escaped.
+
+``` + +### Line breaks + +```textile +Line breaks. +Just break the lines. +``` + +### Entities + +```textile +one(TM), two(R), three(C). +``` + +### Horizontal line + +```textile +-- +``` + ### Footnotes - Footnotes[1]. - - fn1. Something. +```textile +Footnotes[1]. +``` + +```textile +fn1. Something. +```