Markdown Page Example: Difference between revisions

From sandbox
Jump to navigation Jump to search
No edit summary
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:


{{MARKDOWN}}
{{MARKDOWN}}


markdown sample page
--------------------


# Cordless Drill


* Under Construction
## Description


The cordless drill is a great starter tool. Not only is it versatile, allowing you to drill holes of varying sizes in a plethora of materials but also teaches basic tool handling skills, useful when moving on to other advanced tools.


## Tips & Tricks


---
-Make sure to clearly mark the center of the hole you will be drilling.


# h1 Heading 8-)
-Chose the drill bit according to the type of material you will be drilling into and how big you want the hole to be.
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading


-Make sure the bit is centered and secured in the chuck


## Horizontal Rules
-Don’t push the drill bit into the material, apply minimal pressure and let the weight of the drill do the work.


___
-Always remember to put the battery on charge after using it on the tool wall.
##Consumables


---
-Drill Bits


***
-The primary consumable for this tool are drill bits. In case you find a bit is missing or is broken in the process of using it, please contact a manager.


---------------------


## Typographic replacements
markdown extra examples
----


Enable typographer option to see result.
Apple
:  Pomaceous fruit of plants of the genus Malus in
the family Rosaceae.
:  An American computer company.


(c) (C) (r) (R) (tm) (TM) (p) (P) +-
Orange
:  The fruit of an evergreen tree of the genus Citrus.


test.. test... test..... test?..... test!....
footnote
--------


!!!!!! ???? ,,  -- ---
That's some text with a footnote.[^1]


"Smartypants, double quotes" and 'single quotes'
[^1]: And that's the footnote.




## Emphasis
Table
-----


**This is bold text**
| Item      | Value |
| --------- | -----:|
| Computer  | $1600 |
| Phone    |  $12 |
| Pipe      |    $1 |


__This is bold text__


*This is italic text*
abbreviations
-------------


_This is italic text_
*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium


~~Strikethrough~~
then, elsewhere in the document, write text such as:


The HTML specification
is maintained by the W3C.


## Blockquotes
emphasis
________


Please open the folder "secret_magic_box".


> Blockquotes can also be nested...
Please open the folder "secret _magic _box".
>> ...by using additional greater-than signs right next to each other...
> > > ...or with spaces between arrows.




## Lists


Unordered


+ Create a list by starting a line with `+`, `-`, or `*`
Under Construction
+ Sub-lists are made by indenting 2 spaces:
  - Marker character change forces new list start:
    * Ac tristique libero volutpat at
    + Facilisis in pretium nisl aliquet
    - Nulla volutpat aliquam velit
+ Very easy!


Ordered


1. Lorem ipsum dolor sit amet
# Markdown Cheat Sheet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa


Thanks for visiting [The Markdown Guide](https://www.markdownguide.org)!


1. You can use sequential numbers...
This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for [basic syntax](https://www.markdownguide.org/basic-syntax) and [extended syntax](https://www.markdownguide.org/extended-syntax).
1. ...or keep all the numbers as `1.`


Start numbering with offset:
## Basic Syntax


57. foo
These are the elements outlined in John Gruber’s original design document. All Markdown applications support these elements.
1. bar


### Heading


## Code
# H1
## H2
### H3


Inline `code`
### Bold


Indented code
**bold text**


    // Some comments
### Italic
    line 1 of code
    line 2 of code
    line 3 of code


*italicized text*


Block code "fences"
### Blockquote


```
> blockquote
Sample text here...
```


Syntax highlighting
### Ordered List


``` js
1. First item
var foo = function (bar) {
2. Second item
  return bar++;
3. Third item
};


console.log(foo(5));
### Unordered List
```


## Tables
- First item
- Second item
- Third item


| Option | Description |
### Code
| ------ | ----------- |
| data  | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |


Right aligned columns
`code`


| Option | Description |
### Horizontal Rule
| ------:| -----------:|
| data  | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |


---


## Links
### Link


[link text](http://dev.nodeca.com)
[Markdown Guide](https://www.markdownguide.org)


[link with title](http://nodeca.github.io/pica/demo/ "title text!")
### Image


Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
![alt text](https://www.markdownguide.org/assets/images/tux.png)


## Extended Syntax


## Images
These elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.


![Minion](https://octodex.github.com/images/minion.png)
### Table
![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")


Like links, Images also have a footnote style syntax
| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |


![Alt text][id]
### Fenced Code Block


With a reference later in the document defining the URL location:
```
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
```


[id]: https://octodex.github.com/images/dojocat.jpg  "The Dojocat"
### Footnote


Here's a sentence with a footnote. [^1]


## Plugins
[^1]: This is the footnote.


The killer feature of `markdown-it` is very effective support of
### Heading ID
[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).


### My Great Heading {#custom-id}


### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
### Definition List


> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
term
>
: definition
> Shortcuts (emoticons): :-) :-( 8-) ;)


see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
### Strikethrough


~~The world is flat.~~


### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
### Task List


- 19^th^
- [x] Write the press release
- H~2~O
- [ ] Update the website
- [ ] Contact the media


### Emoji


### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
That is so funny! :joy:


++Inserted text++
(See also [Copying and Pasting Emoji](https://www.markdownguide.org/extended-syntax/#copying-and-pasting-emoji))


### Highlight


### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
I need to highlight these ==very important words==.


==Marked text==
### Subscript


H~2~O


### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
### Superscript
 
Footnote 1 link[^first].
 
Footnote 2 link[^second].
 
Inline footnote^[Text of inline footnote] definition.
 
Duplicated footnote reference[^second].
 
[^first]: Footnote **can have markup**
 
    and multiple paragraphs.
 
[^second]: Footnote text.
 
 
### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
 
Term 1
 
:  Definition 1
with lazy continuation.
 
Term 2 with *inline markup*
 
:  Definition 2
 
        { some code, part of Definition 2 }
 
    Third paragraph of definition 2.
 
_Compact style:_
 
Term 1
  ~ Definition 1
 
Term 2
  ~ Definition 2a
  ~ Definition 2b
 
 
### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
 
This is HTML abbreviation example.
 
It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
 
*[HTML]: Hyper Text Markup Language
 
### [Custom containers](https://github.com/markdown-it/markdown-it-container)


::: warning
X^2^
*here be dragons*
:::

Latest revision as of 23:22, 5 May 2022


Template:MARKDOWN

markdown sample page


  1. Cordless Drill
    1. Description

The cordless drill is a great starter tool. Not only is it versatile, allowing you to drill holes of varying sizes in a plethora of materials but also teaches basic tool handling skills, useful when moving on to other advanced tools.

    1. Tips & Tricks

-Make sure to clearly mark the center of the hole you will be drilling.

-Chose the drill bit according to the type of material you will be drilling into and how big you want the hole to be.

-Make sure the bit is centered and secured in the chuck

-Don’t push the drill bit into the material, apply minimal pressure and let the weight of the drill do the work.

-Always remember to put the battery on charge after using it on the tool wall.

    1. Consumables

-Drill Bits

-The primary consumable for this tool are drill bits. In case you find a bit is missing or is broken in the process of using it, please contact a manager.


markdown extra examples


Apple

Pomaceous fruit of plants of the genus Malus in

the family Rosaceae.

An American computer company.

Orange

The fruit of an evergreen tree of the genus Citrus.

footnote


That's some text with a footnote.[^1]

[^1]: And that's the footnote.


Table


| Item | Value | | --------- | -----:| | Computer | $1600 | | Phone | $12 | | Pipe | $1 |


abbreviations


  • [HTML]: Hyper Text Markup Language
  • [W3C]: World Wide Web Consortium

then, elsewhere in the document, write text such as:

The HTML specification is maintained by the W3C.


emphasis ________

Please open the folder "secret_magic_box".

Please open the folder "secret _magic _box".



Under Construction


  1. Markdown Cheat Sheet

Thanks for visiting [The Markdown Guide](https://www.markdownguide.org)!

This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for [basic syntax](https://www.markdownguide.org/basic-syntax) and [extended syntax](https://www.markdownguide.org/extended-syntax).

    1. Basic Syntax

These are the elements outlined in John Gruber’s original design document. All Markdown applications support these elements.

      1. Heading
  1. H1
    1. H2
      1. H3
      1. Bold
    • bold text**
      1. Italic
  • italicized text*
      1. Blockquote

> blockquote

      1. Ordered List

1. First item 2. Second item 3. Third item

      1. Unordered List

- First item - Second item - Third item

      1. Code

`code`

      1. Horizontal Rule

---

      1. Link

[Markdown Guide](https://www.markdownguide.org)

      1. Image

![alt text](https://www.markdownguide.org/assets/images/tux.png)

    1. Extended Syntax

These elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.

      1. Table

| Syntax | Description | | ----------- | ----------- | | Header | Title | | Paragraph | Text |

      1. Fenced Code Block

``` {

 "firstName": "John",
 "lastName": "Smith",
 "age": 25

} ```

      1. Footnote

Here's a sentence with a footnote. [^1]

[^1]: This is the footnote.

      1. Heading ID
      1. My Great Heading {#custom-id}
      1. Definition List

term

definition
      1. Strikethrough

~~The world is flat.~~

      1. Task List

- [x] Write the press release - [ ] Update the website - [ ] Contact the media

      1. Emoji

That is so funny! :joy:

(See also [Copying and Pasting Emoji](https://www.markdownguide.org/extended-syntax/#copying-and-pasting-emoji))

      1. Highlight

I need to highlight these ==very important words==.

      1. Subscript

H~2~O

      1. Superscript

X^2^