Converting Multiple Markdown Files into HTML or Other Formats in Linux

Many times, when I use Markdown, I work on one file and when I’m done with it, I convert it to HTML or some other format. Occasionally, I have to create a few files. When I do work with more than one Markdown file, I usually wait until I have finished them before I convert them.

I use pandoc to convert files, and it’s possible convert all the Markdown files in one shot.

Markdown can convert its files to .html, but if there’s a chance that I will have to convert to other formats like epub, pandoc is the tool to use. I prefer to use the command line, so I will cover that first, but you can also do this in VSCodium without the command line. I’ll cover that too.

Converting multiple Markdown files to another format with Pandoc [command line method]

To get started quickly, Ubuntu, and other Debian distros can type the following commands in the terminal:

sudo apt-get install pandoc

In this example, I have four Markdown files in a directory called md_test.

bdyer@bill-pc:~/Documents/md_test$ ls -l *.md
-rw-r--r-- 1 bdyer bdyer 3374 Apr  7  2020 file01.md
-rw-r--r-- 1 bdyer bdyer  782 Apr  2 05:23 file02.md
-rw-r--r-- 1 bdyer bdyer 9257 Apr  2 05:21 file03.md
-rw-r--r-- 1 bdyer bdyer 9442 Apr  2 05:21 file04.md
bdyer@bill-pc:~/Documents/md_test$

There are no HTML files yet. Now I’ll use Pandoc to do its magic on the collection of files. To do this, I run a one-line command that:

  • calls pandoc
  • reads the .md files and exports them as .html

This is the command:

for i in *.md ; do echo "$i" && pandoc -s $i -o $i.html ; done

If you are not aware already, ; is used for running multiple commands at once in Linux.

Here’s what the display looks like once I have executed the command:

bdyer@bill-pc:~/Documents/md_test$ for i in *.md ; do echo "$i" && pandoc -s $i -o $i.html ; done
file01.md
file02.md
file03.md
file04.md
bdyer@bill-pc:~/Documents/md_test$

Let me use the ls command once more to see if HTML files were created:

bdyer@bill-pc:~/Documents/md_test$ ls -l *.html
-rw-r--r-- 1 bdyer bdyer  4291 Apr  2 06:08 file01.md.html
-rw-r--r-- 1 bdyer bdyer  1781 Apr  2 06:08 file02.md.html
-rw-r--r-- 1 bdyer bdyer 10272 Apr  2 06:08 file03.md.html
-rw-r--r-- 1 bdyer bdyer 10502 Apr  2 06:08 file04.md.html
bdyer@bill-pc:~/Documents/md_test$

The conversion was a success, and you have four HTML files ready to go on the Web server.

Pandoc is quite versatile and you can convert the markdown files to some other supported format by specifying the extension of the output files. You can understand why it is considered among the best open source tools for writers.

.ugb-a4f08a0-wrapper.ugb-container__wrapper{border-radius:0px !important;padding-top:0 !important;padding-bottom:0 !important;background-color:#f1f1f1 !important}.ugb-a4f08a0-wrapper > .ugb-container__side{padding-top:35px !important;padding-bottom:35px !important}.ugb-a4f08a0-wrapper.ugb-container__wrapper:before{background-color:#f1f1f1 !important}.ugb-a4f08a0-content-wrapper > h1,.ugb-a4f08a0-content-wrapper > h2,.ugb-a4f08a0-content-wrapper > h3,.ugb-a4f08a0-content-wrapper > h4,.ugb-a4f08a0-content-wrapper > h5,.ugb-a4f08a0-content-wrapper > h6{color:#222222}.ugb-a4f08a0-content-wrapper > p,.ugb-a4f08a0-content-wrapper > ol li,.ugb-a4f08a0-content-wrapper > ul li{color:#222222}

Recommended Read:

.ugb-921b5c0 .ugb-blog-posts__featured-image{border-radius:0px !important}.ugb-921b5c0 .ugb-blog-posts__title a{color:#000000 !important}.ugb-921b5c0 .ugb-blog-posts__title a:hover{color:#00b6ba !important}

Converting Markdown files to HTML using VSCodium [GUI method]

Like I’ve said earlier, I normally use the command line, but I don’t always use it for batch conversions, and you don’t have to either. VSCode or VSCodium can do the job. You just need to add one extension, called: Markdown-All-in-One which will allow you to convert more than one Markdown file in one run.

There are two ways to install the extension:

  • VSCodium’s terminal
  • VSCodium’s plug-in manager

To install the extension through VSCodium’s terminal:

  1. Click on Terminal on the menu bar. The terminal panel will open
  2. Type, or copy-and-paste, the following command in the terminal:
codium --install-extension yzhang.markdown-all-in-one

Note: If you’re using VSCode instead of VSCodium, replace the word, codium, in the above command, with code

vscodium terminal

The second way to install is through VSCodium’s plug-in, or extension, manager:

  1. Click on the blocks on the left side of the VSCodium window. A list of extensions will appear. At the top of the list, there will be a search bar.
  2. In the search bar, type: Markdown All in One. The extension will be listed at the top of the list. Click on the Install button to install it. If it is already installed, a gear icon will appear in place of the install button.
vscodium extension

Once the extension is installed, you can open the folder that contains the Markdown files you want to convert.

Click on the paper icon located on the left side of the VSCodium window. You’ll be given the opportunity to choose your folder. Once a folder is open, you’ll need to open at least one file. You can open as many files as you want, but one is the minimum.

Once a file is open, bring up the Command Palette by pressing CTRL+SHIFT+P. Then, start typing Markdownin the search bar that will appear. As you do this, a list of Markdown related commands will appear. One of these will be Markdown All in One: Print documents to HTML command. Click on that one.

vscodium markdown function options

You’ll be asked to choose a folder containing the files. This is so an output directory (called out) can be made and this is where the HTML files will go. The image below shows that the HTML was made after exporting the Markdown documents. From here, you can open, view, and edit the HTML as you wish.

vscodium html filelist shown

By waiting to convert your Markdown files, you can concentrate more on writing. Conversion to HTML can come when you’re ready – and you have two ways to get that done.



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.