Caught in the Net (Posts about static blog)francescomecca.euenContents © 2018 <a href="mailto:francescomecca.eu">Francesco Mecca</a> Sat, 10 Nov 2018 17:14:04 GMTNikola (getnikola.com)http://blogs.law.harvard.edu/tech/rssHow I migrated to a static blogfrancescomecca.eu/blog/2016/4/2/blog-migrated/Francesco Mecca<div><p>Until one week ago my blog was hosted at my house, on a raspberrypi with debian + wordpress. I was not satisfied by my setup because given the minimal size of my blog and the really scarce content I post every now and then, a full LLMP stack was overblown. I decided to change distribution (my server now runs <a href="http://www.voidlinux.eu/">Void</a>) and to migrate to a static blog without CMS nor PHP.</p> <h2>Welcome to Jekyll and Hyde</h2> <p>The process of migration was rather painless. First of all I installed ruby on my desktop computer, then via ruby gems I installed jekyll:</p> <p><code>gem install jekyll</code></p> <p><code>gem install jekyll-gist</code></p> <p><code>gem install jekyll-paginate</code></p> <p>I used a <a href="https://wordpress.org/plugins/jekyll-exporter/">wordpress plugin</a> to copy all my old posts. Then I cloned from <a href="https://github.com/poole/hyde">git</a> the Hyde theme which you can see a demo <a href="http://hyde.getpoole.com/">here</a> and corrected a pair of warning that jekyll printed on my terminal. Actually the <a href="http://jekyllrb.com/docs">jekyll docs</a> are quite complete and covered all the errors that I encountered.</p> <p>Jekyll structure is quite simple to understand: in the folder _post/ there are your post in markdown format (remember to delete the examples in that folder); in the root the are some files that should be modified: the about.md file, the 404 page and index.html that is the frontpage of the blog; finally _config.yml contains the general configuration for the website and should be adjusted to your own likings. When Jekyll builds a website it parses all the markdown files and stores them in _site folder. Jekyll uses the html files in _layouts and _includes to render the markdown files.A</p> <p>I added a simple <a href="http://francescomecca.eu/archive/">archive page</a> following the little piece of code in <a href="http://joshualande.com/jekyll-github-pages-poole/">this page</a> {% raw %} --- layout: page title: Archive ---</p> <pre class="code literal-block"><span></span><span class="x">## Blog Posts</span> <span class="cp">{%</span> <span class="k">for</span> <span class="nv">post</span> <span class="k">in</span> <span class="nv">site.posts</span> <span class="cp">%}</span><span class="x"></span> <span class="x"> * </span><span class="cp">{{</span> <span class="nv">post.date</span> <span class="o">|</span> <span class="nf">date_to_string</span> <span class="cp">}}</span><span class="x"> &amp;raquo; [ </span><span class="cp">{{</span> <span class="nv">post.title</span> <span class="cp">}}</span><span class="x"> ](</span><span class="cp">{{</span> <span class="nv">post.url</span> <span class="cp">}}</span><span class="x">)</span> <span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x">:wq</span> </pre> <p>{% endraw %} I noticed that in _includes/head.html there is this line:</p> <pre class="code literal-block"><span></span>&lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600' rel='stylesheet' type='text/css' </pre> <p>so I proceed to remove it because is not needed for my blog. Finally I put a link to the archive, my github page and the atom feed on the sidebar by simple adding a href on _includes/sidebar.html.</p> <p>I did not proceed with further modifications but there are tons of possibilities with jekyll. I think that the main advantages are the fact that you don't have to manage html code when writing a new post and that everything can be done via cli.</p> <p>Francesco Mecca</p></div>jekyllPesceWandastatic blogfrancescomecca.eu/blog/2016/4/2/blog-migrated/Sat, 02 Apr 2016 00:00:00 GMT