<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom">
 
  <title>Chris Waugh</title>
  <link href="http://chriswaugh.github.com/"/>
  <link type="application/atom+xml" rel="self" href="http://chriswaugh.github.com/atom.xml"/>
  <updated>2011-11-10T16:21:50-08:00</updated>
  <id>http://chriswaugh.github.com/</id>
  <author>
    <name>Chris Waugh</name>
  </author>

  
  <entry>
    <id>http://chriswaugh.github.com/posts/2011/10/23/blogging-is-hard</id>
    <link type="text/html" rel="alternate" href="http://chriswaugh.github.com/posts/2011/10/23/blogging-is-hard"/>
    <title>Blogging is hard</title>
    <updated>2011-10-23T00:00:00-07:00</updated>
    <content type="html">&lt;p&gt;In the ten years I&amp;rsquo;ve been in the web game, I&amp;rsquo;ve always struggled to keep a blog. Not going to lie, it&amp;rsquo;s because I&amp;rsquo;m extremely lazy.&lt;/p&gt;

&lt;p&gt;But it&amp;rsquo;s also because the main thing I like to write about is code. And displaying HTML code on a HTML page is a huge pain in the arse. Especially when you want it to be syntax highlighted.&lt;/p&gt;

&lt;h2&gt;Finding a blog system&lt;/h2&gt;

&lt;p&gt;I wanted something basically like Tumblr but that I had full control over. In the end it all boiled down to four points:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;I don&amp;rsquo;t want to have to spend hours setting up, configuring, or theming it.&lt;/li&gt;
&lt;li&gt;I don&amp;rsquo;t want to have to buy extra hosting.&lt;/li&gt;
&lt;li&gt;It must be easy to update.&lt;/li&gt;
&lt;li&gt;It must allow Syntax Highlighting.&lt;/li&gt;
&lt;/ol&gt;


&lt;p&gt;And &amp;ndash; ideally &amp;ndash; it would be a lot of fun to hack on.&lt;/p&gt;

&lt;h2&gt;Jekyll&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;http://jekyllrb.com&quot;&gt;Jekyll&lt;/a&gt; is a static site generator which runs from the command line and can be installed through Rubygems.&lt;/p&gt;

&lt;p&gt;What makes it interesting is that you can write all your posts in your IDE right alongside your code (using &lt;a href=&quot;http://daringfireball.net/projects/markdown/&quot;&gt;markdown notation&lt;/a&gt;), and the syntax highlighting is super awesome. Also, because it&amp;rsquo;s a static site generator, you can just take its output and have it hosted by anything that is accessible via the web. Even Dropbox, if you are some sort of crazed sadomasochist.&lt;/p&gt;

&lt;p&gt;Getting started is as simple as:&lt;/p&gt;

&lt;div class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;bash&quot;&gt;gem install jekyll
&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;


&lt;p&gt;You can then just steal someone else&amp;rsquo;s blog, delete the posts and start hacking away!&lt;/p&gt;

&lt;div class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;bash&quot;&gt;git clone git://github.com/chriswaugh/chriswaugh.github.com.git
&lt;span class=&quot;nb&quot;&gt;cd &lt;/span&gt;chriswaugh.github.com
rm -rf .git
jekyll --server
&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;


&lt;h2&gt;Horray for Github&lt;/h2&gt;

&lt;p&gt;So it turns out that Jekyll comes from the brains behind Github and not only did they write it, they also host it via &lt;a href=&quot;http://pages.github.com/&quot;&gt;Github Pages&lt;/a&gt;. For free! All you need to do is create a repo (e.g. &lt;a href=&quot;http://github.com/chriswaugh/chriswaugh.github.com&quot;&gt;chriswaugh.github.com&lt;/a&gt;) and push all your content to it as normal. Then whenever you want to update your posts, just do another git push. Simple as that.&lt;/p&gt;

&lt;p&gt;(I&amp;rsquo;m not getting paid for this post, seriously.)&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Go to Github and spend money.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;Advertisement over&lt;/h2&gt;

&lt;p&gt;If you&amp;rsquo;re a developer looking for a quick and easy way to share your thoughts and code snippets you&amp;rsquo;d be missing a trick if you didn&amp;rsquo;t try Jekyll. Seriously, it&amp;rsquo;s insanely easy, &lt;a href=&quot;https://raw.github.com/chriswaugh/chriswaugh.github.com/master/_posts/2011-10-23-blogging-is-hard.markdown&quot;&gt;check out the code for this post yourself&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;What are you waiting for?&lt;/em&gt;&lt;/p&gt;

&lt;div class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;html&quot;&gt;&lt;span class=&quot;nt&quot;&gt;&amp;lt;h1&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&amp;quot;q&amp;quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Did I mention the Syntax Highlighting was really easy?&lt;span class=&quot;nt&quot;&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;span class=&quot;nt&quot;&gt;&amp;lt;p&lt;/span&gt; &lt;span class=&quot;na&quot;&gt;class=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&amp;quot;a&amp;quot;&lt;/span&gt;&lt;span class=&quot;nt&quot;&gt;&amp;gt;&lt;/span&gt;Yes, yes I did!&lt;span class=&quot;nt&quot;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;



</content>
  </entry>
  
 
</feed>
