Erstellen einer Seite mit Hexo

2018-05-07

Da ich gerade noch eine Seite anlege, hier noch eine Anleitung wie man eine Seite mit Hexo erzeugt.

Hexo muss installiert sein, und wir benötigen dazu git und npm. Für den Moment gehe ich mal davon aus das ist etwas, dass jemand der sich mit Hexo beschäftigt selbst lösen kann.

Zuerst legen wir eine neue Hexo Seite an und folgen dem Quick Start Guide.

1	$ hexo init blog

Danach fügen wir das bootstrap-blog Theme hinzu.

1	$ git clone https://github.com/cgmartin/hexo-theme-bootstrap-blog bootstrap-blog

Da ich Anpassungen an diesem Theme plane clonen wir es zuerst und kopieren den Inhalt des Ordners danach in unser blog.

1
2
3

blog
+ themes
    + /bootstrap-blog

Da ich FontAwesome und das vollständig Bootstrap set verwenden möchte, füge ich auch die optionalen Module hinzu:

1
2
3

$ cd blog
blog $ npm install hexo-tag-bootstrap --save
blog $ npm install hexo-tag-fontawesome --save

Nun können wir das default Theme in der Config ersetzen.
_config.yml:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: bootstrap-blog

Jetzt löschen wir den Ordner themes/landscape und legen mit unserer Vorlage ein git Repository an.

Um das Blog zu öffnen führen wir hexo serve aus:

1	blog $ hexo serve

Damit finden wir auf http://localhost:4000/ die frische Bootstrap Seite:

Hexo Bootstrap

Themen