index.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>pabl.me</title>
    <link>http://pabl.me/</link>
    <description>Recent content on pabl.me</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <lastBuildDate>Sat, 19 Sep 2015 15:32:39 +0200</lastBuildDate>
    <atom:link href="http://pabl.me/index.xml" rel="self" type="application/rss+xml" />
    
    <item>
      <title>Blogging with Hugo</title>
      <link>http://pabl.me/post/hugo_blogging/</link>
      <pubDate>Sat, 19 Sep 2015 15:32:39 +0200</pubDate>
      
      <guid>http://pabl.me/post/hugo_blogging/</guid>
      <description>

&lt;p&gt;So this is my first post, and this is the one that is serving me (have served) for testing. How did I come to write a blog is out of the question, this starts at the point when that decision was already taken.&lt;/p&gt;

&lt;p&gt;This blog needs to conform to this requisites:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Cheap&lt;/li&gt;
&lt;li&gt;No ads&lt;/li&gt;
&lt;li&gt;Custom domain&lt;/li&gt;
&lt;li&gt;Allow visitors to drop a line&lt;/li&gt;
&lt;li&gt;Customizable&lt;/li&gt;
&lt;li&gt;Simple editing&lt;/li&gt;
&lt;/ul&gt;

&lt;h1 id=&#34;requisites:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Requisites&lt;/h1&gt;

&lt;h2 id=&#34;cheap:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Cheap&lt;/h2&gt;

&lt;p&gt;There are some well known places to host a blog for free, but they don&amp;rsquo;t usually allow custom domain names and customizing. I don&amp;rsquo;t think I&amp;rsquo;ll want to use the server/service for other matters, so I&amp;rsquo;m not willing to spend over 50€/year, including domain name.&lt;/p&gt;

&lt;h2 id=&#34;ads:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Ads&lt;/h2&gt;

&lt;p&gt;Blogspot, Wordpress and the likes can be used without ads, and obviously if you pay for a service you are getting rid of them. Some other services like blog.com, include ads in your posts when using the free version.&lt;/p&gt;

&lt;h2 id=&#34;custom-domain:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Custom domain&lt;/h2&gt;

&lt;p&gt;I&amp;rsquo;m looking for a registrar that allows me to define alias to redirect to wherever my site is. Not all registrars sell every TLD, so chose an available domain and filtered companies that didn&amp;rsquo;t offered &amp;lsquo;.me&amp;rsquo; domains (which is my surname prefix). &amp;lsquo;.me&amp;rsquo; domain&amp;rsquo;s prices are lower than most of the other TLDs, and although pablo.me would have been better, pabl.me is ok for me.&lt;/p&gt;

&lt;h2 id=&#34;comments:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Comments&lt;/h2&gt;

&lt;p&gt;I&amp;rsquo;ve already used Wordpress and Joomla before, and although having an full featured solution for the blog (with comments, images, videos, logs &amp;hellip;) seems right, there are some other products that can be integrated seamlessly into the blog post&amp;rsquo;s.&lt;/p&gt;

&lt;h2 id=&#34;customization:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Customization&lt;/h2&gt;

&lt;p&gt;I&amp;rsquo;m far from being a web designer, so I can relax customization, as far as I can use some already made theme and tweak it a little bit. I don&amp;rsquo;t like Blogspot appearance but probably anything beyond Blogspot is going to be OK for me.&lt;/p&gt;

&lt;h2 id=&#34;simple-editing:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Simple editing&lt;/h2&gt;

&lt;p&gt;No HTML. I&amp;rsquo;d like to use a simple editor that allows inserting external objects and custom formating for code. Wordpress have some amazing plugins for that.&lt;/p&gt;

&lt;h1 id=&#34;the-hosting:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;The hosting&lt;/h1&gt;

&lt;p&gt;Let&amp;rsquo;s start looking at the three possible blog hosting families I&amp;rsquo;m thinking of:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Small cloud server: mmm &amp;hellip; not price compliant with the requisites.&lt;/li&gt;
&lt;li&gt;A web hosting service: if used this one before, and feel confortable.&lt;/li&gt;
&lt;li&gt;A blog service: should be cheaper than the web hosting.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So let&amp;rsquo;s begin dropping the cloud server, using a go/node/ruby application and extending the server with some other applications is tempting, but I don&amp;rsquo;t want to lose focus. I&amp;rsquo;ll try the blog service solution, and if I find it doesn&amp;rsquo;t suits me, I&amp;rsquo;ll fall back to the web hosting service.&lt;/p&gt;

&lt;p&gt;After some googling, my two main alternatives are&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use AWS services, not EC2&lt;/li&gt;
&lt;li&gt;Use Github pages&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href=&#34;https://github.com/jaws-framework/JAWS&#34;&gt;JAWS&lt;/a&gt; framework have been around for a while. At this point in time it&amp;rsquo;s about to release v1.0.0. JAWS is using mainly S3 for hosting and serving all static content, Lambda to serve requests that require processing, and as far as I know it uses dynamo to store &amp;ldquo;alive&amp;rdquo; data.&lt;/p&gt;

&lt;p&gt;JAWS is great and cheap, If I were starting a business on a budget I would surely take this way, but for a blog seems huge. Once more I have to stay focused, I only need some static content, and S3 allows me to host that static content and also to &lt;a href=&#34;http://docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html&#34;&gt;use my own domain&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;S3 price is low, way low, I can use whatever tool to generate static content, bring my domain, and pay only for storage and network usage, which will propably be under 1€ (I&amp;rsquo;m not expecting many visitors). But &amp;hellip; Github is free.&lt;/p&gt;

&lt;p&gt;If you don&amp;rsquo;t mind having all you files public, and I don&amp;rsquo;t mind, &lt;a href=&#34;https://pages.github.com/&#34;&gt;Github can host our website&lt;/a&gt;. After reading a bit I decided to get the Github way, so my only expense is going to be the domain and my own time.&lt;/p&gt;

&lt;h2 id=&#34;domain:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Domain&lt;/h2&gt;

&lt;p&gt;After some googling for registrars, &lt;a href=&#34;https://www.namecheap.com/&#34;&gt;Namecheap&lt;/a&gt; seemed to be good choice for me, so I looked for a discount coupon using Honey extension for Chrome, and purchased it. I also followed &lt;a href=&#34;https://help.github.com/articles/tips-for-configuring-an-a-record-with-your-dns-provider/&#34;&gt;Github Pages instructions&lt;/a&gt; to configure the A record in Namecheap control panel.
In a few minutes I had a Hello World ugly page under my domain.&lt;/p&gt;

&lt;h1 id=&#34;the-blog:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;The Blog&lt;/h1&gt;

&lt;p&gt;I still need to read Github Pages documentation and whatever differences are there between static web generators, &lt;a href=&#34;http://jekyllrb.com/&#34;&gt;Jekyll&lt;/a&gt;, &lt;a href=&#34;https://gohugo.io/&#34;&gt;Hugo&lt;/a&gt;, &lt;a href=&#34;http://octopress.org/&#34;&gt;Octopress&lt;/a&gt;, &lt;a href=&#34;https://middlemanapp.com/&#34;&gt;Middleman&lt;/a&gt; to name a few.&lt;/p&gt;

&lt;p&gt;I&amp;rsquo;ll stick with Hugo because:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;It&amp;rsquo;s written in Go, and I love Go.&lt;/li&gt;
&lt;li&gt;One of my sons is called Hugo.&lt;/li&gt;
&lt;li&gt;I don&amp;rsquo;t think spending much time comparing static web generators will make a difference.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I guess this three reasons sound a bit lazy, but hey, I wan&amp;rsquo;t my blog now.&lt;/p&gt;

&lt;p&gt;Si I downloaded Hugo, read (some of) the docs, and started to Lorem ipsum with it. I cloned all &lt;a href=&#34;https://github.com/spf13/hugoThemes/&#34;&gt;Hugo themes&lt;/a&gt; and tested each one of them. I liked &lt;a href=&#34;https://github.com/dplesca/purehugo&#34;&gt;purehugo&lt;/a&gt; as a starting point, it&amp;rsquo;s very simple yet is integrated with Disqus for comments.&lt;/p&gt;

&lt;p&gt;There are some little flaws that I&amp;rsquo;m fixing, and a couple of features I&amp;rsquo;d like to have that are missing. One of them is showing only the first few words of a post in listings, instead of showing the full post. That&amp;rsquo;s suppported in Hugo using the &amp;lsquo;Summary&amp;rsquo; variable.&lt;/p&gt;

&lt;p&gt;That one is going to serve me to test the source code rendering with Hugo. Let&amp;rsquo;s see the theme&amp;rsquo;s layouts/_default/lists.html file modified, replacing the content div with:&lt;/p&gt;

&lt;div class=&#34;highlight&#34; style=&#34;background: #272822&#34;&gt;&lt;pre style=&#34;line-height: 125%&#34;&gt;&lt;span style=&#34;color: #f92672&#34;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&#34;color: #a6e22e&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #e6db74&#34;&gt;&amp;quot;summary&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #f92672&#34;&gt;&amp;gt;&lt;/span&gt;
    {{ .Summary }}
&lt;span style=&#34;color: #f92672&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
{{ if .Truncated }}
&lt;span style=&#34;color: #f92672&#34;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&#34;color: #a6e22e&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color: #e6db74&#34;&gt;&amp;quot;read-more-link&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #f92672&#34;&gt;&amp;gt;&lt;/span&gt;
  &lt;span style=&#34;color: #f92672&#34;&gt;&amp;lt;a&lt;/span&gt; &lt;span style=&#34;color: #a6e22e&#34;&gt;href=&lt;/span&gt;&lt;span style=&#34;color: #e6db74&#34;&gt;&amp;quot;{{ .RelPermalink }}&amp;quot;&lt;/span&gt;&lt;span style=&#34;color: #f92672&#34;&gt;&amp;gt;&lt;/span&gt;Read More…&lt;span style=&#34;color: #f92672&#34;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;
&lt;span style=&#34;color: #f92672&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
{{ end }}
&lt;/pre&gt;&lt;/div&gt;


&lt;h1 id=&#34;next:5f8518b920f4ec1abd850944ff2e64f0&#34;&gt;Next&lt;/h1&gt;

&lt;p&gt;Not bad &amp;hellip; I can start blogging with this, but my TODO list isn&amp;rsquo;t empty. I still have to&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Find a WYSIWYG tool that can write markdown.&lt;/li&gt;
&lt;li&gt;Section listing now shows post summaries, but the index page is showing full posts. Need to fix that&lt;/li&gt;
&lt;li&gt;Sidebar is too wide for my taste.&lt;/li&gt;
&lt;li&gt;Social sharing buttons at the end of page don&amp;rsquo;t look right.&lt;/li&gt;
&lt;li&gt;Haven&amp;rsquo;t tested images/videos&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;But that will be another day.&lt;/p&gt;
</description>
    </item>
    
  </channel>
</rss>