Von Wordpress Nach Hexo

2021-04-02

Umstellung des gesamten Blog’s auf eine neues CMS System. Meine persönliche erfahrung mit dem Wordpress.org CMS System und die persönliche Gründe für eine umstellung des gesamten Blogs auf Hexo.io CMS

Analyse

Durch die Analyse des Lighthouse Ranking von meiner Seite konnte ich einige Punkte finden, die mich etwas zum Nachdenken gebracht haben.

größe der Seite beim Aufruf 1.1 MB
Anzahl der Verbindungen 36
Desktop = 85%
Mobile = 94%

Altes Desktop Ranking
Altes Smartphone Ranking
Alte Traffik Analyse

Größe in GB	Preis gesamt	Preis pro MB
0.5 GB	~ 2,00€	0,4 Cent pro MB
1 GB	~ 4,00€	0,4 Cent pro MB
2 GB	~ 4,50€	0,225 Cent pro MB
4 GB	~ 4.50€	0,11 Cent pro MB
10 GB	~ 10,00 €	0.01 Cent pro MB
15 GB	~ 15,00 €	0.01 Cent pro MB

Alles preise wurden beim erstellen des Aktikels aus dem Check Vergleichportal genommen.
Bei der Rechnung in MB wurde die Einheit 1000 genommen.

Ein User hat somit nach 3 Aufrufen der Seite seine ertsten Cent’s schon los. Kommt natürlich drauf an welchen Vertrag er hat.
Damit hatte ich absolut nicht gerechnet! Ich musste handeln!

Auf gehts!

Ziel

Meine Ziele für das Project sind:

von 1.1 MB auf unter 250KB pro Seite
Ladezeit von 3 Sekunden auf ca 1 Sekunde
Anzahl der Verbindungen zu verringern weniger als die hälfte ist Super
in dem Google Lighthouse Ranking auf maximal möglich beste werte zu kommen

Um somit minimal 3/4 der Kosten für den User zu ersparen und um besseres Ladezeiten zu bringen.

CMS Suche

Die suche erwieß sich nicht so schwer wie ich es mir gedacht habe. Sehr schnell bin ich auf die für mich besten vorteile eines Flat-File-CMS System drauf gestoßen, ab hier war es nur noch eine Frage der Zeit bis ich mich auf eins von einigen für mich passenden CMS Systemmen einige.

CMS Kriterien

Für das neue System habe ich mir eine kleine Liste ein Kriterien aufgeschrieben.

die Kriterien:

schnell
stabil
leicht modefizierbar
eine moderate anzahl an Themes sollte es schon geben
das selbe für die PlugIns
das CMS sollte leicht modifizierbar sein
wenige Resourcen verbrauchen (anzahl der Files nach dem Build)
OpenSource
es sollten von vielen Contributors gepflegt werden, keine “one/two man show”
die Issues sollten schnell geschlossen werden
PHP ist nicht erwünscht
keine Datenbank

Bei der Recherche nach einem CMS System wurde mir klar, dass meine Kriterien auf ein Flat-File-CMS System deuten.

Vorteile eines Flat-File CMS:

braucht keine Datenbank, der Inhalte ist eine Dateien auf dem Server selbst
tendenziell sicherer und schont Ressourcen kleiner Hosting-Pakete
Go-Live/Backup ist schnell durchgezogen, man Kopiert einfach die Dateien aus dem Build verzeichniss
Für kleinere Blogs sehr performant und deutlich unkomplizierter in der Entwicklung

Vergleich Tabelle

Name	License	DB	PHP	Issues	Contributors	letzter Release	CMS Sprache
Pico	MIT	nein	ja	2	35	Aug 29, 2020	PHP, Shell, Pascal
Grav	MIT	nein	ja	295	194	Mar 15, 2021	PHP
Bludit	MIT	nein	ja	184	84	Jun 29, 2020	PHP, JS, CSS
HTMLy	-	nein	ja	53	25	Apr 1, 2021	PHP, CSS, JS
Automad	MIT	nein	ja	8	1 ?	Dec 30, 2020	PHP, JS, Less
Hexo	MIT	nein	nein	87	154	Feb 21, 2021	JS
VitePress (WIP)	MIT	nein	nein	44	37	Feb 16, 2021	TS, Vue, CSS, JS
NuxtJS	-	nein	nein	319	302	Apr 1, 2021	JS, HTML, Vue

Nun geht es an die Auswertung der Daten.

Gewinner der Plätze 1 bis 3

Nachtem erst mal alle System mit PHP raus waren sind nur noch 3 übrig geblieben:

Im weiteren schritt habe ich gesehen, dass VitePress selbst noch in der WIP Phase sich befindet und aus dem Grund verlässt es uns…

Als nächstes musste leider das NuxtJS aufgrund von mangelndet anzahl an schon vorhandeten Themen.

Ergebniss

Und wir haben den Gewinner!
Willkommen Hexo!

Umzug von Wordpress to Hexo

Vorbereitung

Die vorbereitung für den Umzug von Wordpress nach Hexo ist sehr entspannt.
Die Entwickler von Hexo haben ein Wordpress Plugin der euch den ganzen umzug Arbeit erledigt.

Daten Export

Ihr kümmert euch einfach drum, dass ihr euren gesamten Content aus Wordpress einfach in ein File Exportiert.
Das geht mit wenigen Klicks. Dazu müsst ihr euch in eurem Wordpress einloggen.

Tools
Export
den gesamten Content
Export
Schon bekommt ihr eine .xml Datei mit euren gesamten Blog.

Transformation

Nun müsst ihr die Daten aus dem .xml in Hexo freundliches Format umwandeln (.md und Bild, Video Formate)
Stellt sicher, dass ihr auf eurem System NodeJS.org und npmjs.com Installiert habt.
Dass könnt ihr in eure Konsole mit folgenden befehlen feststellen.

1	node -v && npm -v

Nun Installiert euch Wordpress to Hexo.

1	npm install hexo-migrator-wordpress -g

Erstellt nun euch ein temporähres Verzeichniss in das Ihr euren Wordpress Content Transferieren wollt.
Wechelt über das Terminal in das Verzeichniss und legt in den Verzeichniss eine Kopie des vorher erstellter .xml Datei.
Nun müsst ihr nur noch folgendes ausführen