{ Ellis Min }

[Markdown]: Get Started with Markdown Posts

markdown

04/15/2019

Markdown usage

Heading:

MD
# H1 Heading


## H2 Heading


### H3 Heading

H1 Heading

H2 Heading

H3 Heading

Texts:

MD
Here's some basic text
Here's some _italics_
Here's some **bold** text
Here's some **_bold italics_** text
Here's some ~~strikethrough~~ text

Here's some basic text

Here's some italics

Here's some bold text

Here's some bold italics text

Here's some strikethrough text

MD
[Click here](https://github.com/ellismin)

Click here

Image Example

MD
![](../../2019/images/somePhoto.jpeg)

sunset

You can also use html in markdown

MD
<!-- Basic html for hyperlink (opening in a new tab) -->
<a href="https://github.com/ellismin" target="_blank">
  Link in new tab
</a>
Link in new tab

Line breaks

MD
<br/><br/><br/>

(Line breaks here)



Unordered list:

MD
Here's unordered list: (Use either '-' or '\*')


- First item
- Second item
- Third item
  - Third item-2

Here's unordered list: (Use either '-' or '*')

  • First item
  • Second item
  • Third item
    • Third item-2

Numbered list:

MD
Here's numbered list:


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

Here's numbered list:

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

Blockquote

MD
> Here is example of blockquote
>
> Est est ipsum tempor eu occaecat. Duis commodo laboris voluptate reprehenderit minim laborum ad deserunt ut magna. Lorem laborum ut officia eu nulla pariatur nulla eiusmod aliquip. Fugiat laboris consectetur tempor anim fugiat.

Here is example of blockquote

Est est ipsum tempor eu occaecat. Duis commodo laboris voluptate reprehenderit minim laborum ad deserunt ut magna. Lorem laborum ut officia eu nulla pariatur nulla eiusmod aliquip. Fugiat laboris consectetur tempor anim fugiat.

Nested Blockquote

MD
> > Cupidatat aute ea incididunt dolor mollit ipsum. Eu culpa dolor deserunt nostrud do et commodo consequat. Fugiat tempor sunt qui laborum nulla nostrud eu dolore voluptate non in. Id exercitation consectetur elit voluptate ea et nulla ea ea amet labore sunt ullamco ullamco.

Cupidatat aute ea incididunt dolor mollit ipsum. Eu culpa dolor deserunt nostrud do et commodo consequat. Fugiat tempor sunt qui laborum nulla nostrud eu dolore voluptate non in. Id exercitation consectetur elit voluptate ea et nulla ea ea amet labore sunt ullamco ullamco.

MD
> > > Cupidatat aute ea incididunt dolor mollit ipsum. Eu culpa dolor deserunt nostrud do et commodo consequat. Fugiat tempor sunt qui laborum nulla nostrud eu dolore voluptate non in. Id exercitation consectetur elit voluptate ea et nulla ea ea amet labore sunt ullamco ullamco.

Cupidatat aute ea incididunt dolor mollit ipsum. Eu culpa dolor deserunt nostrud do et commodo consequat. Fugiat tempor sunt qui laborum nulla nostrud eu dolore voluptate non in. Id exercitation consectetur elit voluptate ea et nulla ea ea amet labore sunt ullamco ullamco.

Inline code block

MD
Here is `in-line code block` example

Here is in-line code block example

Python code block:

TEXT
```python
import numpy as np


def test_function(x, y):
z = np.sum(x,y)
return z


```
PYTHON
import numpy as np


def test_function(x, y):
z = np.sum(x,y)
return z

JavaScript code block:

TEXT
```js
const name = "Ellis"
console.log(name);
```
JS
const name = "Ellis"
console.log(name)

HTML code block

TEXT
```html
<p class="someClass">some paragraph</p>
```
HTML
<p class="someClass">some paragraph</p>

Highlights in code blocks

There are several ways to highlight code blocks

  1. Use // highlight-line next to the code block to highlight
  2. Specify which lines you want to highlight. i.e. ```jsx{1-2, 7}
  3. Specify to surround code block(s) inside // highlight-start and // highlight-end
TEXT
```jsx
import React, { Component } from "react"
class Profile extends Component {
  render() {
    return (<div></div>) 
  }
}
export default Profile
```
JSX
import React, { Component } from "react"
class Profile extends Component {
  render() {
    return <div></div> 
  }
}
export default Profile

Displaying diff

TEXT
```diff
+ {
+ import React, { Component } from "react"
+
+ class SomeClass extends Component {
+   render() {
-    return (<div></div>)
+   }
+ }
+ export default SomeClass
```
DIFF
+ {
+ import React, { Component } from "react"
+
+ class SomeClass extends Component {
+   render() {
-    return (<div></div>)
+   }
+ }
+ export default SomeClass

WRITTEN BY

Ellis Min

Keeping a record

GitHub