Uživatelské nástroje

Nástroje pro tento web


private:poznamky:web:hugo

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revizePředchozí verze
Následující verze
Předchozí verze
private:poznamky:web:hugo [2021/10/27 20:40] – [HUGO FORM - Formspree] snemecprivate:poznamky:web:hugo [2021/11/21 07:00] (aktuální) – [HUGO FORM - Formspree] snemec
Řádek 1: Řádek 1:
 +====== Hugo ======
 +
 +===== Šablony =====
 +
 +https://themes.gohugo.io/theme/agency/\\
 +https://github.com/digitalcraftsman/hugo-agency-theme/issues\\
 +
 +https://themes.gohugo.io/hugo-universal-theme/
 +
 +
 +
 +Testovací stránky - /home/username/test - obecně může být složka kdekoliv.\\
 +http://81.2.210.7:1313/
 +
 +==== Spuštění hugo serveru ====
 +
 +Parametry:\\ 
 +https://gohugo.io/commands/hugo_server/      
 +   
 +<code>   
 +cd hugosite
 +hugo server --baseURL=http://81.2.210.7:1313  --bind=10.115.144.55
 +hugo server --baseURL=http://81.2.210.106:1313  --bind=10.13.238.59 --disableFastRender
 +</code>
 +
 +   
 +   
 +https://www.netlify.com/blog/2016/09/21/a-step-by-step-guide-victor-hugo-on-netlify/
 +
 +https://www.tengio.com/blog/company-website-using-hugo/
 +
 +https://georgecushen.com/create-your-website-with-hugo/
 +
 +https://xiaoyunyang.github.io/post/using-hugo-to-build-a-personal-brand-website/
 +
 +
 +===== Vytvoření nového webu =====
 +
 +Základní konfigurace: ''config.toml'' 
 +
 +
 +===== Setting Up a Static Site with Hugo and Push to Deploy =====
 +
 +https://jtreminio.com/blog/setting-up-a-static-site-with-hugo-and-push-to-deploy/
 +
 +http://anthonyfok.org/post/getting-started-with-hugo/
 +
 +<code>
 +cd /work/web/example.org
 +hugo && cp -a public/* /var/www/example.org/
 +</code>
 +
 +===== HUGO WYSIWYG =====
 +
 +https://gohugo.io/tools/
 +
 +===== HUGO FORM - Formspree =====
 +
 +Je nutná bezplatná registrace.
 +
 +https://formspree.io/forms/mayazzge/integration
 +
 +
 +Při použití Airspace tématu jsem musel upravit soubor ''Project\themes\airspace-hugo\layouts\_default\contact.html''\\
 +Jeden řádek zakomentovat, druhý přidat.\\
 +Na základě registrace je vygenerováno ID ''mayazzge'' na základě kterého se odesílají data z formuláře na uvedenou adresu. V tomto konkrétním případě na adresu ''nemec@emcc.cz''
 +
 +<code html contact.html>
 +<!--<form method="POST" {{ if .use_netlify }}name="{{ printf "contact_%s" $.Language.Lang }}" action="{{ "/message_sent" | relLangURL }}" netlify netlify-honeypot="nhp"{{ else }}name="contact" action="{{ .action | safeURL }}"{{ end }}>-->
 +<form action="https://formspree.io/f/mayazzge" method="POST">
 +</code>
 +
 +
 +
 +
 +===== Google mapy =====
 +
 +Nepodařilo se mi zprovoznit Google mapu v kontaktech pomocí ''Google Maps API key'' 
 +
 +https://developers.google.com/maps/documentation/javascript/get-api-key\\
 +
 +https://github.com/devcows/hugo-universal-theme/issues/68\\
 +
 +Nakonec jsem zakomentoval řádky v souboru ''config.toml''
 +
 +<code>
 +#googleMapsApiKey = "AIzaSyCJwXn_a1Px-2xxxxxIY7cbxxxxoxx"
 +#latitude = "50.1430750"
 +#longitude = "14.5174881"
 +#direction = "Beranových 823, Praha 9 - Letňany"
 +</code>
 +
 +A pak jsem postupoval podle [[https://github.com/gcushen/hugo-academic/issues/301|návodu:]]
 +
 +//I find a simple solution to add Google Map without map API key, latitude and longitude. Just go to maps.google.com and search your location. Then you can click share, embed map, and find some html codes . Finally you can paste the html codes into your ''contact.md''//.
 +
 +<code html contact.md>
 ++++
 +title = "Kontakt"
 +id = "contact"
 +weight = 70
 +autolink = true
 ++++
 +
 +<iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d5113.911962238951!2d14.513889227995051!3d50.143255317736525!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x470bed989e6b2b0f%3A0xba2ba726476c6781!2sBeranov%C3%BDch+823%2C+199+00+Praha+18!3m2!1d50.1432554!2d14.518266599999999!5e0!3m2!1scs!2scz!4v1549957346022" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
 +
 +# Jak Vám můžeme pomoci?
 +
 +Pošlete nám Váš dotaz. Pokusíme se na něj odpovědět v co nejkratší době.
 +</code>
 +
 +===== Vložení vlastního js nebo css kódu =====
 +
 +Ve složce ''themes/hugo-universal-theme/layouts/partials''
 +
 +Např. skript pro retargeting od seznamu byl přidán do souboru ''scripts.html''
 +
 +
 +
 +
 +===== Markdown syntaxe =====
 +
 +
 +https://www.markdownguide.org/basic-syntax/
 +
 +
 +===== Poznámky =====
 +
 +http://pisarenko.net/blog/2017/04/28/hugo-static-site-generator/
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  

DokuWiki Appliance - Powered by TurnKey Linux