What is Markdown?

Markdown is a free open-source web-focused markup language that gives you hassle-free writing experiences (indeed, once you get familiar with it).

As you can so easily find many of how-to-posts on syntax, structure, and so on by googling, let me skip this step :)

Why screenshot insertion in Markdown goes hard?

It is NOT hard if you are patient enough. You can patiently just:


easy eh?...


Of course, you will, for sure, need to follow the steps above when having completely solid images/pics/screenshots where is unnecessary to edit. However, if you wanna link some screenshots to your post as practical or as additional info for your post, you are likely finding it pretty much hassle. I very often felt the same when writing readme.md or any other web posting since there are so many steps I have to go through even for one screenshot link in markdown document.

So, what’s the solution? How do you insert screenshot into Markdown doc in a second?

Create an “Issues” in any github repo

Using Issues tab in any github repo, you can actually insert screenshot into your Markdown document so fast and easily.


There are only two steps:

1. Do a screenshot. For windows users, do Win + Shift + S to caputre screen. This makes your day go happy.

screen captire shortcut in Windows


2. Create an issue in any one of your git repo and then paste it into the comment box. The page then resolves it to a markdown image link.

how to insert screenshot into Markdown using isse tab in github

how to insert screenshot into Markdown using isse tab in github


You then just copy the link generated and paste into your Markdown document. (FYI, you don’t have to submit it really)

how to insert screenshot into Markdown using isse tab in github


If you are new to Markdown or didn’t know it, I hope this post helps your web-writing-days and helps improve your productivity in any way!

convert your manuscript to epub (fiverr gig @whatthehekkist) convert your manuscript to epub (fiverr gig @whatthehekkist) dedicated assistance to your jekyll website, blog, portfolio, or project (fiverr gig @whatthehekkist) dedicated assistance to your jekyll website, blog, portfolio, or project (fiverr gig @whatthehekkist)



What The Hekk is HTML/CSS/JS? a complete guide to creating a web app in 5 min from scratch!

Kindle Edition

What The Hekk is HTML/CSS/JS? a complete guide to creating a web app in 5 min from scratch!

PDF






You May Also Enjoy

  • Music

    100 famous rap lyrics in the world

    2023-08-17

    “I came, I saw, I conquered. Or should I say, I saw, I conquered, I came.” - Jay Z, “Izzo (H.O.V.A)” (United States) “If I say I’m going to die today, I’m going to die today.”...

  • Web Dev

    What are domain, nameserver, and DNS?

    2023-04-12

    # domain, nameserver, and DNS When you visit a website, there's a lot going on behind your computer until you actually view the website. In this post, you will learn the process of DNS resolution in detail and will...

  • Web Dev

    Live CSS trainer v1.0

    2023-06-22

    <h1>validate your css codes LIVE</h1> <h1>without auto-completion</h1> <p>    ✔️ write css code manually!    ✔️ example #1: type   * {color: blue;}    ✔️ example #2: type   html {background-color: grey;}    ✔️...

  • Network

    [Packet Tracer] Configuring a DHCPv4 Server and a Relay Agent

    2022-07-14

    Cisco Network Academy provides plenty of learning resources in networking. I will cover how to configure basic DHCPv4 on a router and a DHCPv4 Server, and a DHCP relay agent using Packet Tracer where you can simulate network...

  • Web Dev

    what is web and HTML/CSS/JS ?

    2023-04-19

    # What is Web? Web (World Wide Web; WWW) is a vast online information system you can write, read, watch, or consume resources such as documents, media, etc accessed by web browser on the Internet. You can think like the...

  • Web Dev

    Bootstrap Nav, Browser inspection, and Browser rendering process

    2023-04-23

    Bootstrap navigation Bootstrap navigation is one of the most widely used navigation templates and there are a lot of practical points that help get familiar with frontend. In this post, we are going to have a close look at...

  • Programming

    Image crawling with Python on Chrome browser

    2022-07-09

    Step by step insturction 1. Install selenium and beautiful soup on terminal pip install bs4 pip...

  • Web Dev

    Batch Image Loader

    2023-08-20

    Features lazy load batch (bulk) images zoom in an image on click load more images on every 100 entry skip broken or blocked image source URLs (src) Tech Stack Frameworks: Jekyll (Ruby) & Liquid template Frontend: HTML/CSS/JS & Jquery Data:...