Next lesson playing in 5 seconds
Cancel- Overview
- Transcript
5.5 Sublime and Markdown with Marked
For Mac users, the Marked app is a great one. If we use the app's provided build script for Sublime, we end up with a robust system for writing in Markdown directly within Sublime.
Notes
The Marked Bonus Pack plugin is only available for Sublime Text 2. Try the Marked App Menu plugin instead, available through Package Control.
Related Links
1.Introduction1 lesson, 02:05
1.1Welcome02:05
2.Getting Started9 lessons, 35:20
2.1Installation and Base Settings04:54
2.2Services and Opening Sublime From the Terminal02:20
2.3Multiple Cursors and Incremental Search06:54
2.4The Command Palette04:13
2.5Instant File Changing03:19
2.6Symbols04:17
2.7Key Bindings02:33
2.8Installing Plugins Without Package Control02:54
2.9Package Control03:56
3.Snippets3 lessons, 14:40
3.1Your First Snippet09:04
3.2Adding Snippets Through Package Control02:32
3.3Easier Testing With Snippets03:04
4.Essential Plugins12 lessons, 46:58
4.1Zen Coding07:09
4.2Emmet06:52
4.3Cross-Browser CSS With Prefixr02:17
4.4Fetch Files With Ease 04:22
4.5Lightning Fast Folder and File Creation 02:12
4.6Sidebar Enhancements03:09
4.7Sublime Linter02:01
4.8Sexy Code Snippet Management With Gists07:50
4.9DocBlockr03:49
4.10Pretty Task Management02:42
4.11HTTP Requests Within Sublime02:29
4.12LiveReload02:06
5.Tips, Techniques and Modifications8 lessons, 49:09
5.1Regular Expressions in Sublime05:49
5.2Vintage Mode10:46
5.3Quicker Stylesheet References02:30
5.4Joining Lines04:40
5.5Sublime and Markdown with Marked03:10
5.6All About Projects 05:54
5.7Configuring and Mastering Split Windows07:19
5.8Custom Builds09:01
6.Closing1 lesson, 00:49
6.1Conclusion00:49
5.5 Sublime and Markdown with Marked
Sorry guys, this lesson is specifically for, mac users. So one of my favorite markdown tools is an app called marked. And this is a little bit different in that, it's not an editor specifically. It's only a viewer, and that way, you can use whichever editor you most prefer. Now, it's not free, but it's only $3.99 and I'll show you in this lesson how we can use it with sublime text and it can be pretty cool. So, the first step of course, is to download it. Once you have downloaded it and you open it up. You're really not going to see anything here. You'll find you can't create a new file. That's not what it's for. Instead, you open a file. So, why don't we open this sample file, test-article. Now you'll see I can't edit this, it's just a viewer. But it does offer some nice conveniences. First you can view a number of different themes using Apple, one, two, three, four, five, six, et cetera. And it also has the ability to display code snippets. So let's go into sublime text and I'm gonna have this setting where we have keep window on top. And now even when I'm working in my editor this will always float above so we can make changes and as I save it Marked will automatically update. So my first article, save and now then now we'll update in the sidebar. So let's add some GitHub style comments, something like this our name equals John Doe. Now you'll see that we do have GitHub style code highlighting, great. So this is really good when creating, for example, your GitHub documentation. But one thing that stinks is, maybe we're editing this file in Sublime, but we have to then go over to Marked, and then open the file. Well there are some extras where we can do this instantly with sublime text. If I go back to the marked website and I click on Extras, there is a bonus pack here that we can download. So we'll just go ahead and grab that right now, and if I unzip this and open it up. We have a handful of tools. But the one that we're obviously interested in in Sublime. So this is a custom Sublime build file. So we need to move this into our packages directory. Let's do it this time directly from the desktop by going to go, go to folder and we'll go into Library>Application Support>Sublime text 2>packages> User, and now I will paste that in. Great. So I can delete these, and now, if I go back to Sublime and I go to Tools> Build System, you'll see that for mark down files, we now have this new build. So now, if I hit build by pressing CMD+B, or whatever your editor says for build under tools. That will automatically open the file in Marked. Great, so let's put this to the test. We have our mark down file. We're going to bring this into Sublime Text. Next, we're going to make some changes. And when we wanna view this, we hit build. That opens it up in Marked. It's going to float over the editor, and then, I can continue on. And every single time I save, Marked is going to be updated. So yeah, it's a simple convenience, but I use it all the time. And I recommend that you do too.