Hello World With Images
Intro
The project name is star-markdown-css.
It contain several theme.
Also, we can use other theme.
Preview
You can click link to preview css effect. (Just need wait a few seconds.)
Markdown CSS Demo
Headers 标题
h1 Heading 标题
h2 Heading 标题
h3 Heading 标题
h4 Heading 标题
h5 Heading 标题
h6 Heading 标题
Horizontal Rules 水平线
Hyphens
Asterisks ***
Underscores ___
Emphasis
Simple Text 中文文本
This is bold text 中文文本
This is bold text 中文文本
This is italic text 中文文本
This is italic text 中文文本
Strike through 中文文本
Blockquotes
Blockquotes can also be nested…
…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*
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Marker character change forces new list start:
- you need has a unified style
- TEST
- you need has a unified style
- Very easy! I am used to
-
.
Ordered
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- TEST
- TEST
- TEST
- TEST
- TEST
- TEST
- You can use sequential numbers…
- …or keep all the numbers as
1.
Start numbering with offset:
- foo
- bar
Code
Inline code
Indented code
// Some comments
line 1 of code
line 2 of code
line 3 of code
Block code “fences”
Sample text here...
Syntax highlighting ( This is not a function of star-markdown-css. )
You can visit highlight or Prism.
Tables
Option | Description |
---|---|
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
Option | Description |
---|---|
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
https://github.com/YunYouJun/star-markdown-css
I’m the project address in github.
You can use numbers for reference-style link definitions
Or leave it empty and use the link text itself
Some text to show that the reference links can follow later.
Images
Like links, Images also have a footnote style syntax
With a reference later in the document defining the URL location:
Emoji
😎
Inline Html
To reboot your computer, press ctrl + alt + del .
Task List
learning
-
eat
-
sleep
-
drink
Dl Dt
-
HyperText Markup Language (HTML)
The language used to describe and define the content of a Web page
-
Cascading Style Sheets (CSS)
Used to describe the appearance of Web content
-
JavaScript (JS)
The programming language used to build advanced Web sites and applications
Inline Code
In Header
Image Align
Say: Good!
Description