Top Banner
Markdown: Installing The Tools
36

Markdown: Installing my favorite tools

Jan 11, 2017

Download

Technology

Ian Lurie
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Markdown: Installing my favorite tools

Markdown: Installing The Tools

Page 2: Markdown: Installing my favorite tools

First: Install Sublime Text

Page 3: Markdown: Installing my favorite tools

https://www.sublimetext.com/

Get Sublime Text 2

Page 4: Markdown: Installing my favorite tools

Install it Start it

Page 5: Markdown: Installing my favorite tools

Install Package Control

Page 6: Markdown: Installing my favorite tools

Go to https://packagecontrol.io/installation#st2

Page 7: Markdown: Installing my favorite tools

Copy this insanity:

Page 8: Markdown: Installing my favorite tools

In Sublime Text, click view > show console

Page 9: Markdown: Installing my favorite tools

Paste that long command here

Page 10: Markdown: Installing my favorite tools

Let Sublime do its thing

Page 11: Markdown: Installing my favorite tools

Now you have the ability to install packages You’re going to install Markdown

Page 12: Markdown: Installing my favorite tools

Start the command palette

Page 13: Markdown: Installing my favorite tools

Type ‘package’ and pick:

Page 14: Markdown: Installing my favorite tools

You’ll get a list

Page 15: Markdown: Installing my favorite tools

Install MarkdownEditing SmartMarkdown

(others if you want)

Page 16: Markdown: Installing my favorite tools

You’re ready to go

Page 17: Markdown: Installing my favorite tools

Create a new file

Page 18: Markdown: Installing my favorite tools

Save with *.md extension

Page 19: Markdown: Installing my favorite tools

Voila

Page 20: Markdown: Installing my favorite tools

Finally: Install a Markdown Viewer/Converter

Page 21: Markdown: Installing my favorite tools

On the Mac, use Marked marked2app.com

😍Yes, I used an emoji

Page 22: Markdown: Installing my favorite tools

You can use an online previewer

Page 23: Markdown: Installing my favorite tools

http://dillinger.io/

Page 24: Markdown: Installing my favorite tools

You’ll have to delete <html><head></head><body></body>

But not bad

Page 25: Markdown: Installing my favorite tools

Doesn’t do smart quotes But not bad

Page 26: Markdown: Installing my favorite tools

But it’s great for viewing/export

Page 27: Markdown: Installing my favorite tools

The process

Page 28: Markdown: Installing my favorite tools

Write in Sublime Text

Page 29: Markdown: Installing my favorite tools

Paste or open in Dillinger and preview

Page 30: Markdown: Installing my favorite tools

Export to HTML

Page 31: Markdown: Installing my favorite tools

or

Page 32: Markdown: Installing my favorite tools

Open in Marked and preview

Page 33: Markdown: Installing my favorite tools

Copy HTML source

Page 34: Markdown: Installing my favorite tools

Then paste into WordPress (or whatever)

Page 35: Markdown: Installing my favorite tools

A few people have pointed out there are different tools/combinations of tools that can remove steps. You could export directly from Sublime Text. You can use a specialized Markdown editor and save a tool.

The Sublime Text to Marked workflow is my favorite because:

1.  Sublime is my favorite text editor. Totally personal preference

2.  Sublime works on Windows and OS X

3.  Marked provides HTML code without a head element, and with smart quotes

4.  Marked provides HTML that’s ready to paste into Wordpress

Lots of other ways to do this. Try other stuff!!!

Why do it this way?

Page 36: Markdown: Installing my favorite tools

www.portent.com @portentint