Giter Site home page Giter Site logo

markdown-note's Introduction

markdown-note

This is my note about markdown when I write README. This is a easy resource about markdown which can help you write a simple markdown example. And write down some tips to make beginners avoid some mistakes. If you want to learn more knowledge , you can find advanced resources.



Author: Guo Guanglu
E-mail: [email protected]
QQ: 2360889142


Back to github.io


Content



Basic principle

Header

1. '#+titlename' represents H1 header  
2. ##+titlename represents H2 header  
3. ###+titlename represents H3 header  
4. and so on....  

For example:

Header1

Header2

Header3


List

  • Unordered list
    You can use symbol *,+,-.
* list1  
+ list2  
- list3  

For example:

  • list1
  • list2
  • list3

You can keep on using list in a list.
For example:

  • list1
    • list1.1
  • Ordered list

Use 'number+'.'' shows ordered lists.

1. list1  
2. list2  
3. and so on ....

For example:

  1. list1
  2. list2

Newline

  1. single 'enter' represents space, not newline
  2. continous 'enter' can get a new line
  3. And you can use two space in the end of the line, then one 'enter' can realize a newline.

For example:
Hello world!
Have a good time!
or
hello world!

Have a good time!


Text format

  • Bold
    You can use the following formats:
1. **Bold**  
2. __Bold__  

For example:
Bold
Bold

  • Italic
    Use the following formats:
1. *Italic*  
2. _Italic_  
  • Bold+italic
    Use the following formats:
1. ***Bolditalic***  
2. ___Bolditalic___  

For example:
Bolditalic
Bolditalic

  • delect
    use the following format:
~~delect~~  

For example:
delect


Link

  • Text link
    rule of linking sites: [link name](the site of link "link title")
1. [baidu](http://www.baidu.com "baidu")

For example:
baidu
rule of linking headers in the same file: [link name](#header)
Note: the contents of the brackets must lower letters ,and space must be replaced by -or+or%20

1. [Content](#content)  
2. [Text format](#text-format)  

For example:
Content
Text format

  • Image link
    the rule: ![replace text](the site of link "link title")
1. ![baidu](https://www.baidu.com/img/bd_logo1.png "click baidu, know everything")  

For example:
baidu

  • Image link site the rule: [![]()]()
1. [![](https://www.baidu.com/img/bd_logo1.png "click baidu, know everything")](http://www.baidu.com "baidu")  

For example:

  • Indirect link
    rule :
[link name][label]  
[label]: the site of link "link title"  
1. [baidu][123]  
2. [123]:http://www.baidu.com "click baidu, knowe everything"  

For example:
[baidu][123]
[123]: http://www.baidu.com "click baidu, knowe everything"


Cite

1. > level1 cite  
2. >> level2 cite 
3. >>> level3 cite  

For example:

level1 cite

level2 cite

level3 cite

Horizontal divided line

There are three forms:

1. ---  
2. ___  
3. ***  

For example:




Code block

  • code sentence
    Use symbol ' '
    For example:
    This is a code sentence.
  • code block
    use symbol ``` ```
This is a code sentence.  
There is also a code sentence.  

When you add the compute programming language name,you can get surprising effect.
```java
public class Test{ public static void main(String[] arg){
System.out.println("Hello World");
}
}
```

For example:

public class Test {  
    public static void main(String[] args) {  
        System.out.println("Hello World");  
    }  
}  

Table

The rule is as follow:

|title1|title2|title3|  
|:-----(Left alignment)|-------:(right alignment)|:-----:(middle alignment)|  
|content|content|content|  
|content|content|content|
.....

For example:

item value number
computer 1600 5
phone 12 12
pipe 1 234

Escape character

Sometimes we use some special symbols ,like #,+ and so on. We will use escape charater to show them. I list some escape characers.

\\  
\`  
\*  
\_  
\+  
\#  
\.  
\~  

For example:
\,`,*,_,+,#,.,~


Reference

https://github.com/guodongxiaren/README
https://blog.csdn.net/sun8112133/article/details/79871702


markdown-note's People

Contributors

guoguanglu avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.