Including Images in Markdown

Both the websites that I manage, the Department of EEE website and my personal website uses markdown formatting. It is possible to use images in jpeg or png format, but it is much easier to use inline description of an image. Here is a workflow that I found to be helpful. If you have a complicated table in word, you can easily include it inline in vector format

Steps

  1. Keep your table / art in word document, remove all other text, and click Save As and save the file as PDF.
  2. Open the PDF file in Adobe Illustrator or InkScape. Remove any unnecessary white boxes. Then save the file as SVG
  3. Open the SVG file in notepad. Copy the text and paste it in MarkDown.

Example Table:

CourseEEE416KnowledgeProfileComplexEngineeringProblemSolvingComplexEng.ActivityK1K2K3K4K5K6K7K8P1P2P3P4P5P6P7A1A2A3A4A5ScienceMathEng.FundamentalsEng.SpecializationDesignTechnologySocietyResearchKnowledgeK3-K6,K8Wideranging/conflictingNoobvioussolutionInfrequentIssuesOutsideproblemsDiversegroupsManycomponentsRelatedtoPO10RangeofresourcesLevelofInteractionInnovationConsequencesFamiliarity

Dr. Sajid Muhaimin Choudhury
Dr. Sajid Muhaimin Choudhury
Associate Professor

Dept. of EEE, BUET