Digest Today

如何改变GitHub中照片的位置

学习资源论文About 563 wordsAbout 2 min

You need to use some HTML in your Markdown. You could also use some text expander app to type it more quickly.

If you prefer video, here is my Youtube video! Video Linkopen in new window

Here is my Macro for Keyboard Maestroopen in new window which automate applications or web sites, text or images, simple or complex, on command or scheduled. You can also use other software such as TextExpander, ProKeys chrome extension, Alfred Snippets etc.

Please download it here: linkopen in new window

  • Resize pictures
  • Change location of pictures
  • Add many pictures in one row

Resize pictures

You can custimize the width and height.

`<img src="yourPictureURL.jpg" width="400"/>`
`<img src="yourPictureURL.jpg" width="400" height="200"/>`

Before: Markdown

![]([https://user-images.githubusercontent.com/71711489/183897714-9e8b8508-2bc3-4bfd-b61e-600c4bd47711.png](https://user-images.githubusercontent.com/71711489/183897714-9e8b8508-2bc3-4bfd-b61e-600c4bd47711.png))

After: HTML

<img src=”[https://user-images.githubusercontent.com/71711489/183897714-9e8b8508-2bc3-4bfd-b61e-600c4bd47711.png](https://user-images.githubusercontent.com/71711489/183897714-9e8b8508-2bc3-4bfd-b61e-600c4bd47711.png)" width=”400">

Change location of resized pictures

Put the picture on the right:

`<div align="right">`
`<img src="yourPictureURL.jpg" width="400"/>`
`</div>`

Put the picture on the center:

`<div align="center">`
`<img src="yourPictureURL.jpg" width="400"/>`
`</div>`

If you don’t want to resize pictures then you can remove width="400" .

Add many pictures in one row

`<p float="left">`
 `<img src="yourPictureURL.jpg" width="400"/>`
 `<img src="yourPictureURL.jpg" width="400"/>`
 .....
`</p>`

Macro Download

I made some Macro to easily type the HTML code.

First, get the image url. I’m using an file hosting tool called uPicopen in new window to get image url. You can also upload images in your GitHub to get image url.

Second, Typed shortcuts are:

?zz  # image resize
?zc  # image resize and center location
?zr  # image resize and right location
?zm  # multiple image in one row

You can also change to hot key shortcuts or just call macro directly.

Loading...