Tech

Markdown and Typora Intro

2017-10-10  本文已影响56人  _TheSpecialOne

Markdown and Typora Intro

Typora is a software for Mac to support the markdown.

Readable & Writeable

Typora will give you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Replace them with a real live preview feature to help you concentrate the content itself.

Simple, yet Powerful


Images

  1. Using markdown syntax to insert images into your content.

    ![](url|local path)
    

    For instance,

    ![winter](https://typora.io/img/new/image.png)
    
    winterwinter
  2. Using shortcut cmd + option + i to insert snappet into your content

Headers

Markdown had defined 5 different size about headers.

Lists

Markdown defineded Unordered List,Ordered List,Task List, those lists basiclly fullfill our needs.

Unordered List

Markdown syntax or using shortcut to insert unordererd list into your content.

- Apple
- Mango
- Banana

Or, Press cmd + option + u in Typora.

And you could arrange nested lists like a rich editor, by tab and shift + tab key, here the nested unordered list.

- Animal
  - Monkey
  - Horse
  - Tiger
  
- Bird
  - parrot
  - sparrow

Ordered List

Markdown syntax of the ordered list is the simplest, but notice the indentation,

1. Apple
2. Mango
3. Banana
  1. Apple
  2. Mango
  3. Banana

Or, press cmd + option + o in Typora.

Task list

GFM task list supported. Able to manage simple todos in a markdown file.

- [x] Python
- [ ] C#
- [ ] Java
- [ ] Javascript
- [ ] C
- [ ] SQL

Or, press cmd + option + x to insert task list in Typora.

Cool, huh 😀

Tables

At first, it give me a suprise that markdown support tables, but when i start to using it, I've got to say it's amazing , really helps me a lot.

For instance, I create a table below.

Name Age Club
Ronaldo 32 Real Madrid
Messi 31 Barcelona

The markdown code goes like this,

| Name    | Age  | Club        |
| :------ | ---- | ----------- |
| Ronaldo | 32   | Real Madrid |
| Messi   | 31   | Barcelona   |

Seems a little complated, if you do it manully, but in Typora , you could just press cmd + T to popup a window to choose how many columns and rows you need, the best part is you can adjust the row counts and columns counts while you fulfill the value in table.

Code Fences

Code changes world, Steve Jobs used to claim that everyone should learn to program.

Markdown support nearlly all the popular programming language you can find in the world, and highlight the code at wonderful way.

Here's some explams:

def fn(s:str)->str:
  print(str)
fn('Hello World')  

And So on, now, let me show you how the markdown syntax do the magic.

 ```python
 def fn(s:str)->str:
   print(str)
 fn('Hello World')  

Using ``` language name ``` will do the trick!

Or, if you are using Typora , you could just press cmd + alt + c to insert the code fances.

上一篇 下一篇

猜你喜欢

热点阅读