markdown 高级用法

Made by AImator.com

Customize Image Properties

AImator

Everyone can find valuable contents here....

Visit AImator »

The following code can let you get the above output:

<p align="center">
 <a href="image_click_url">
  <img height="150px" width="150px" src="image_url.jpg?raw=true">
 </a>
</p>
<h3 align="center">tittle</h3>
<p align="center">description...
</p>
<p align="center">
 <a href="text_click_url">
  <strong>Visit AImator &raquo;</strong>
 </a>
</p>

There is another way to customized image properties, especially when you need to mix graphics and text.

The following code can let you get the right output:

<img height="72px" width="72px" align="right" src="image_url.jpg?raw=true">

If your site directory structure like this:

directory/
│
├── markdown.md
│
├── images/
│   ├── image.png
│   ├── image.jpg
│   └── image.svg
│
└── others/
    ├── filename.css
    └── filename.js

Then you can use "./images/image.png?raw=true" instead of "http://external_url" to show the image.

Insert Shields

What are shields? Maybe you’ve been found these cute images if you love to visit GitHub.com:

You can browse all catagories shields from Shields.io, even customized your badge.