Posts List
  1. Introduction
  2. Download Markdown Editor
  3. Basic Syntax
    1. Passage:
    2. Headings:
    3. Lists:
    4. Emphasized Text
    5. Links
    6. Images
    7. Code
    8. Cite
    9. Division Line
  4. For More Detail

Markdown Tutorial

2017.09.08 Jialin Wu  热度 ℃

Introduction

Markdown is a tool that can transfer plain text to HTML. It’s often used by bloggers to effectively write and format a post. One of the key traits of Markdown is its easiness and directness. Users do not need to spend much time on learning the syntax, yet can generate high-quality posts.
Here is my note for Markdown. Hope you find it useful.

Download Markdown Editor

I use sublime text three as my markdown editor. It’s free, and it supports other languages as well. It’s suitable for programmers who are confident enough about their code and are willing to install some plugins.

This is an example image of my profile

Basic Syntax

After choosing your markdown editor, you can try to keep some notes following through this tutorial using markdown.

Passage:

There is no special markdown syntax for pssages. What you type is what you get.

Headings:

1
2
# This is the first level heading 
## This is the second level heading

Level here means different size of the heading. First level is the biggest one. It also suggests the logical connection between each headings and passages. Second Level Heading belongs to the first level heading above it. Third Level heading belongs to the second level heading above it. However, you can directly use second level heading without using the first level heading.
Notice that there is a space behind the ## symbol. This is true for all markdown syntax. Be careful.

Lists:

1
2
3
4
* You can 
* Create an
* un ordered list
* by using *
  • this is
  • what an
  • unordered list looks like
1
2
3
1. And you can
2. create an ordered list
3. by directly adding number like this.
  1. This is
  2. an ordered
  3. list

Emphasized Text

1
2
using *asterisks* can emphasize 
using _underscore_ can do the same

Here is asterisks
Here is underscore
Double the amount of symbols on both sides can strength your emphasis.

Here is an example
Doubling underscores can work as well

1
This is a [link](https://alexsixdegrees.github.io/) to my homepage.

This is the link.

Images

Images are tricker. They need a litte more steps than the others.

1
![your alteration text for images](the link of the image.png "Title")

Code

Using Markdown to show code is easy by simply wrapping your code with three back quotes(`).

Cite

1
2
> Quote
> <cite>the author</cite>

Division Line

1
***

For More Detail

These are some basic ways of writing markdown. I used them all the time during my work.
Check out my Markdown Series to learn more about using Markdown within your Blog.
For more detail, you can also visit Markdown Document. They have a much more complege and sophisticated tutorial for you.