Skip to content

Commit

Permalink
Fix old posts
Browse files Browse the repository at this point in the history
  • Loading branch information
niklas-heer committed Aug 12, 2019
1 parent f5d774f commit c9ef742
Show file tree
Hide file tree
Showing 14 changed files with 45 additions and 101 deletions.
File renamed without changes.
@@ -1,8 +1,8 @@
---
title: 'Apfelkorb #10 - mit Moom Fenster verwalten'
title: "Apfelkorb 10 - mit Moom Fenster verwalten"
eyecatch: fa-youtube-play
slug: apfelkorb-10_Moom
description: 'Apfelkorb #10 - mit Moom Fenster verwalten'
description: "Apfelkorb #10 - mit Moom Fenster verwalten"
date: 2013-01-08
tags: [youtube, apfelkorb]
---
Expand Down
@@ -1,5 +1,5 @@
---
title: "Let's Learn - Programmieren #1 - Teaser"
title: "Let's Learn - Programmieren 1 - Teaser"
eyecatch: fa-youtube-play
slug: "lets-learn_programmieren-1"
description: "Let's Learn - Programmieren #1"
Expand Down
@@ -1,5 +1,5 @@
---
title: "Let's Learn - Programmieren #2 - Windows"
title: "Let's Learn - Programmieren 2 - Windows"
eyecatch: fa-youtube-play
description: "Let's Learn - Programmieren #2"
date: 2013-10-26
Expand Down
@@ -1,11 +1,10 @@
---
title: "Let's Learn - Programmieren #3 - Linux"
title: "Let's Learn - Programmieren 3 - Linux"
eyecatch: fa-youtube-play
description: "Let's Learn - Programmieren #3 - Netbeans & Java in Linux"
slug: "lets-learn_programmieren-3"
date: 2013-10-27
tags: [code, youtube, let's learn, linux]

---

{{< youtube 4WahwewBgDs >}}
@@ -1,5 +1,5 @@
---
title: "Let's Learn - Programmieren #4 - Mac"
title: "Let's Learn - Programmieren 4 - Mac"
eyecatch: fa-youtube-play
slug: "lets-learn_programmieren-4"
date: 2013-12-03
Expand Down
53 changes: 28 additions & 25 deletions content/posts/2014/2014-11-30-hello-jekyll.en.md
@@ -1,12 +1,15 @@
---
title: "Hello Jekyll!"
eyecatch: "fa-code"
date: 2014-11-30
categories: jekyll update
title: Hello Jekyll!
date: 2014-11-30
tag:
- jekyll
- blog
---
I changed my blog from [Wordpress][wordpress] to [Jekyll][jekyll]!

I changed my blog from [Wordpress][wordpress] to [Jekyll][jekyll]! :tada:

## Why i switched to Jekyll

I was thinking about switching from [Wordpress][wordpress] to something else for quite a while, but I didn't find anything I really liked.

First I thought about switching my blog to a self made [Laravel][laravel] site, but it's kind of reinventing the wheel.
Expand All @@ -22,7 +25,7 @@ I search a while and read a little bit more about static site generation and the

Static site generation was the key to the cons I had previously had against other solution. No security risks, because it is "only" HTML and no code is compiled on the server at runtime. No overhead - there are a lot of great static site generators out here and it would be - once set up - really fast to write articles and publish them.

*Okay, so where to start?* <br>
_Okay, so where to start?_ <br>
There is [Pelican][pelican], [Pico][pico], [Nikola][nikola] and of course [Jekyll][jekyll].

So I looked at them all with the following requirements:
Expand All @@ -33,62 +36,65 @@ So I looked at them all with the following requirements:
- actively maintained
- easy way to preview my work before uploading it to any server


### **[Nikola][nikola]**<br>
I started with [Nikola][nikola] because it seemed like the perfect fit to me. It met all my requirements and also was very easy to install on [ArchLinux][arch] (```yaourt -S python-nikola-git```).
So I headed right into it made a new git repo and ```nikola init``` to start a new [Nikola][nikola] instance.

I started with [Nikola][nikola] because it seemed like the perfect fit to me. It met all my requirements and also was very easy to install on [ArchLinux][arch] (`yaourt -S python-nikola-git`).
So I headed right into it made a new git repo and `nikola init` to start a new [Nikola][nikola] instance.
Okay now let's import my [Wordpress][wordpress] posts.<br>
I made exported my posts from within [Wordpress][wordpress] thought a XML file and executed [Nikolas][nikola] built-in import method ```nikola import_wordpress posts.xml```. Wow, that was easy.
I made exported my posts from within [Wordpress][wordpress] thought a XML file and executed [Nikolas][nikola] built-in import method `nikola import_wordpress posts.xml`. Wow, that was easy.
Nope. Error. Damn it! [DuckDuckGo][duckduck] to the rescue!
Okay installed [Nikola][nikola] from source on Github. Still that Error.
After a few hours of fumbling around I admitted defeat and moved on the the next generator on my list.

### **[Pelican][pelican]**<br>

Aswell as [Nikola][nikola], [Pelican][pelican] checked off everything on my list so i also installed it. This time through [pip][pip]. Just for funsies.

``` bash
```bash
pip install pelican markdown
pelican-quickstart
```

Okay so now let's import it.

``` bash
```bash
pelican-import --wpfile --dir-page -o content -m markdown posts.xml
```

Cool, so far so good let's look at my files.

``` bash
```bash
python -m SimpleHTTPServer
```

Doesn't work. Mhmmm... let's try Python2.

``` bash
```bash
python2 -m SimpleHTTPServer
```

Eureka! Long story short I really didn't like the way theming works in [Pelican][pelican]. Although I thought I could live with that, there where still some alternatives on my list and I thought: "Better make sure you like it, because you'll be using it for quite a while!"

### **[Pico][pico]**<br>

Okay so I started on [Picos][pico] website. Oh my.. PHP? Why? Oh boy, now I have to set up a complete web developing environment for a "simple" static site generator? Nah!<br>
So I searched for lightweight Web-Servers for in-place use.<br>
I discovered [node-sng](http://code.ravelsoft.com/node-sng) and thanks to [Arch][arch] it was also easy to install.

But at this point I thought I just drop [Pico][pico] because it is not practical for me and thus I wouldn't use it for long.

### **[Jekyll][jekyll]**<br>

Let's try the clear mainstream option. Nice checks off everything on my list.

``` bash
```bash
gem update
gem install jekyll
```

Nice! So let's import everything. [Awesome Doc](http://import.jekyllrb.com/docs/wordpressdotcom/) is awesome!

``` bash
```bash
ruby -rubygems -e 'require "jekyll-import";
JekyllImport::Importers::WordpressDotCom.run({
"source" => "wordpress.xml",
Expand All @@ -97,9 +103,9 @@ ruby -rubygems -e 'require "jekyll-import";
})'
```

Mhm.. now my posts are still in HTML - I want them in ```.md``` format. Okay Bash-Script to the rescue! (you need [pandoc](http://johnmacfarlane.net/pandoc/installing.html) to use this script)
Mhm.. now my posts are still in HTML - I want them in `.md` format. Okay Bash-Script to the rescue! (you need [pandoc](http://johnmacfarlane.net/pandoc/installing.html) to use this script)

``` bash
```bash
#!/bin/bash
FILES=/home/nh/Desktop/posts/*
MDFOLDER=/home/nh/Desktop/mdfiles/
Expand All @@ -119,28 +125,25 @@ done

Awesome! Let's compile them and look at what I've got so far.

``` bash
```bash
jekyll serve -w
```

Oh it looks kind of messy. The file header it not right. Okay I will go through my posts I also need to change some image urls and stuff.<br>
Nice auto-compile function! While we're at it let's also install a [nice theme](https://mademistakes.com/articles/hpstr-jekyll-theme/).

Here are some useful code-blocks:
{{< gist 25336b9b6758a35b720b >}}
{{< gist niklas-heer 25336b9b6758a35b720b >}}

## Conclusion

Although it was quite some time editing 60+ posts I really like the result and you may like it too! I'm really glad I took the journey to discover [Jekyll][jekyll].

This very article is my first one completely written in [Jekyll][jekyll] on my beloved [SublimeText-Editor][sublime] with some Plugins. ([Jekyll](https://sublime.wbond.net/packages/Jekyll), [Markdown Preview](https://sublime.wbond.net/packages/Markdown%20Preview) and [Markdown​Editing](https://sublime.wbond.net/packages/MarkdownEditing))

I hope I gave you some insights in my journey and maybe you can save yourself some trouble and fist try [Jekyll][jekyll] before you end up digging through the entire internet to find a static site generator you like.

Good luck! ;)




Good luck! :wink:

[jekyll]: http://jekyllrb.com
[wordpress]: https://wordpress.org/
Expand Down
18 changes: 9 additions & 9 deletions content/posts/2014/2014-12-01-vtop-an-unknown-beauty.en.md
@@ -1,6 +1,5 @@
---
title: vtop an unknown terminal beauty
eyecatch: "fa-terminal"
date: 2014-12-01
published: True
tags: [code, terminal, linux]
Expand All @@ -11,15 +10,16 @@ Wow such top. So stats. More better than regular top. Written in node.js
<cite><a href="https://parall.ax/vtop">vtop</a></cite>
</blockquote>

I've been using ```top``` since I started maintaining a server in 2010. <br>
It's a really powerful tool to glance at it and see if your system is alright, but since I discovered ```htop```, ```top``` was made obsolete for me.
I've been using `top` since I started maintaining a server in 2010. <br>
It's a really powerful tool to glance at it and see if your system is alright, but since I discovered `htop`, `top` was made obsolete for me.

Although I really liked ```htop``` I always felt that it sometimes had a too clunky representation of the data, so that I couldn't quickly enough see if my system was acting out of the common workload.
Although I really liked `htop` I always felt that it sometimes had a too clunky representation of the data, so that I couldn't quickly enough see if my system was acting out of the common workload.

Than I discovered `vtop`! <br>
But let's start at the beginning of my journey.

### Why not simple old `top`?

<center>
<figure class="half">
<a href="/assets/images/2014-12-01/top.png"><img src="/assets/images/2014-12-01/top.png" alt=""></a>
Expand All @@ -28,9 +28,10 @@ But let's start at the beginning of my journey.
</figure>
</center>

As you can guess from the pictures above ```htop``` does really exactly the same as ```top```, but in a much nicer way so in my opinion there is no discussion about why you would choose ```top``` over ```htop```!
As you can guess from the pictures above `htop` does really exactly the same as `top`, but in a much nicer way so in my opinion there is no discussion about why you would choose `top` over `htop`!

### vtop the unknown beauty

### **[vtop][vtop]** the unknown beauty
<center>
<figure>
<a href="/assets/images/2014-12-01/vtop.png"><img src="/assets/images/2014-12-01/vtop.png" alt=""></a>
Expand All @@ -42,15 +43,14 @@ As you can guess from the pictures above ```htop``` does really exactly the same

You can install it also very easily through `npm` (you need to install [node.js](http://nodejs.org/) on your system)!

``` bash
```bash
sudo npm install -g vtop
```

After that you can execute it by typing `vtop`

I really love it! Maybe there are some use-cases where I still need `htop` e.g. when I want to find a PID and don't need it to kill the process, but `vtop` is now a part of my daily used tool!

***Try it out yourself!***

**_Try it out yourself!_**

[vtop]: https://github.com/MrRio/vtop
2 changes: 1 addition & 1 deletion content/posts/2015/2015-08-18-hallo-hugo.en.md
Expand Up @@ -13,7 +13,7 @@ toc: false
</figure>
</center>

## Why I switched to [Hugo][hugo]
## Why I switched to Hugo

[Jekyll][jekyll] was my first real static site generator. I loved it! There was only one problem: I really dislike ruby and the gem system. It is simply too slow!

Expand Down
2 changes: 1 addition & 1 deletion content/posts/2019/2019-08-12_relaunch.en.md
@@ -1,5 +1,5 @@
---
title: blog relaunched
title: Hello relaunch!
date: 2019-08-12 22:13:06 +0200
author: Niklas Heer
draft: false
Expand Down
58 changes: 0 additions & 58 deletions content/posts/9999-99-99-summary.md

This file was deleted.

0 comments on commit c9ef742

Please sign in to comment.