{"id":18934,"date":"2022-01-01T07:20:31","date_gmt":"2022-01-01T06:20:31","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=18934"},"modified":"2022-01-02T19:50:02","modified_gmt":"2022-01-02T18:50:02","slug":"hugo-wie-kann-eine-statische-webseite-mit-server-in-10-minuten-erzeugt-werden","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=18934","title":{"rendered":"HUGO &#8211; Wie kann eine statische Webseite mit Server in 10 Minuten erzeugt werden?"},"content":{"rendered":"<p>Wie kann eine statische Webseite mit Server in 10 Minuten erzeugt werden? <\/p>\n<p>Mit <a href=\"https:\/\/gohugo.io\/\" rel=\"noopener\" target=\"_blank\">HUGO<\/a>. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2022\/01\/hugo-logo-video-1.png\" alt=\"\" width=\"1920\" height=\"1080\" class=\"aligncenter size-full wp-image-18939\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2022\/01\/hugo-logo-video-1.png 1920w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2022\/01\/hugo-logo-video-1-300x169.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2022\/01\/hugo-logo-video-1-1024x576.png 1024w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2022\/01\/hugo-logo-video-1-768x432.png 768w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2022\/01\/hugo-logo-video-1-1536x864.png 1536w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><br \/>\n<a href=\"https:\/\/gohugo.io\/\" rel=\"noopener\" target=\"_blank\">Hugo<\/a> ist ein freier statischer Websitegenerator. Als statischer Websitegenerator werden von Hugo die HTML-Dateien \u2013 im Gegensatz zu dynamischen Websitegeneratoren wie WordPress \u2013 nicht jedes Mal, wenn die Webseite aufgerufen wird, neu generiert, sondern nur, wenn sich der Inhalt der jeweiligen Seite \u00e4ndert. Das vereinfacht vieles und macht es sicherer und schneller.<\/p>\n<p>Wie <a href=\"https:\/\/gohugo.io\/\" rel=\"noopener\" target=\"_blank\">HUGO<\/a> in 10 Minuten auf einem Raspberry Pi installiert und zum laufen gebracht wird, beschreibe ich in diesem <a href=\"https:\/\/youtu.be\/y5BtSLSFA2Y\" rel=\"noopener\" target=\"_blank\">Video<\/a>: &#8230;<!--more--><\/p>\n<p><iframe loading=\"lazy\" width=\"1740\" height=\"987\" src=\"https:\/\/www.youtube.com\/embed\/y5BtSLSFA2Y\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Folgende Befehlsreihenfolge wird im Video gezeigt: <\/p>\n<pre class=\"lang:default decode:true \" >\r\n\r\n#\r\n# Install HUGO und GI\r\n#\r\nsudo apt install hugo git\r\n\r\n# Version ausgeben\r\nhugo version\r\n\r\n# HUGO Befehle ausgeben\r\nhugo --help\r\n\r\n# neues leers Verzeichnis anlegen und dahin wechseln\r\nmkdir hugo-beispiel\r\ncd hugo-beispiel\r\n\r\n# HUGO init und Verzeichnisstruktur anlegen\r\nhugo new site quickstart\r\n\r\n# in das generierte Verzeichnis gehen\r\ncd quickstart\r\n\r\n# Git Repo anlegen \r\ngit init\r\n# Thema in das themes Verzeichnis laden\r\ngit submodule add https:\/\/github.com\/theNewDynamic\/gohugo-theme-ananke.git themes\/ananke\r\n\r\n# 1. Post anlegen\r\nhugo new posts\/my-first-post.md\r\n# mit Inhalt f\u00fcllen\r\nvi content\/posts\/my-first-post.md \r\n\r\n# jede weitere Seite mit\r\nhugo new site blog_eintrag_thema.md\r\n\r\n# Hugo Server starten\r\nhugo server --theme=ananke --buildDrafts --bind \"0.0.0.0\"\r\n\r\n# im Browser die Seite aufrufen \r\nhttp:\/\/10.0.7.59:1313\/\r\n\r\n# Deployen als static in das public Verzeichnis\r\nhugo -D\r\n\r\n# Optional: RSS ist auch vorhanden, im Browser checken\r\nhttp:\/\/10.0.7.59:1313\/index.xml\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Wie kann eine statische Webseite mit Server in 10 Minuten erzeugt werden? Mit HUGO. Hugo ist ein freier statischer Websitegenerator. Als statischer Websitegenerator werden von Hugo die HTML-Dateien \u2013 im Gegensatz zu dynamischen Websitegeneratoren wie WordPress \u2013 nicht jedes Mal, wenn die Webseite aufgerufen wird, neu generiert, sondern nur, wenn sich der Inhalt der jeweiligen &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/blog.wenzlaff.de\/?p=18934\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eHUGO &#8211; Wie kann eine statische Webseite mit Server in 10 Minuten erzeugt werden?\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,3632],"tags":[1486,4314,5150,83,5151,300,5149],"class_list":["post-18934","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-video","tag-generator","tag-go","tag-hugo","tag-server","tag-statische-webseiten","tag-video","tag-webseite"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/18934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18934"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/18934\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=18934"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=18934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}