Editing Jekyll markdown pages in Visual Studio 2015

*nix-like OSs are gaining much popularity even in .NET world since Microsoft decided to move on with their products into this direction (you can read more on Hanselman’s blog). Nevertheless it’s still more convenient to develop .NET apps on Windows (especially if it’s your target platform).

If you want to play with Jekyll on Windows I recommend you a great step-by-step manual written by Julian Thilo. It covers many pitfalls that are patiently waiting for any Windows user that never had anything to do with Ruby framework.

Unfortunately there is still one more pitfall for Visual Studio (2015) users who, like me, would like to edit their posts directly on their IDE of choice. Jekyll expects all the input files (files to be transformed by Liquid) in UTF-8 without BOM (byte order mark). If you have any HTML or Markdown input file in your site folder it will be just copied as is to the target directory (_site by default) without any error or warning.

And here Visual Studio has one very annoying behavior which is adding BOM by default to all UTF-8 encoded files on save. You can change this for specific file by using File > Advanced save options... but doing it for every single new file is even more irritating than manual conversion in other editor (like Notepad++). If it’s your use case I suggest installing one very useful VS plug-in - Fix File Encoding by Sergey Vlasov. Just don’t forget setting-up the proper file extensions in Tools > Options... > Fix File Encoding > General for both HTML and Markdown files:

\.(htm|html|md|markdown)$

Another handy plug-in is Markdown Mode which provides syntax highlighting and HTML preview for Markdown files. There is also a good spell checking add-on for VS - Visual Studio Spell Checker - which really does the job.

Cheers and happy writing! Marek

Marek Mierzwa

Marek Mierzwa
Husband, father, spiritual journeyman and in the meantime a software developer

Placeholder text in Xamarin.Forms Editor

Standard Xamarin.Forms [Xamarin.Forms.Editor control](https://developer.xamarin.com/api/type/Xamarin.Forms.Editor) offers edit capabiliti...… Continue reading