
Obsah:
2025 Autor: John Day | [email protected]. Naposledy změněno: 2025-01-23 14:38

Pokud je váš blog jednoduchý a provoz je běžný, doporučím vám použít esp8266 jako blogový server. Jeden rok stojí 1 $ elektřiny:)
A výsledkem bude mít web takto:
Krok 1: Web Design

To je na každém. Dokument Google používám k tomu, abych o sobě něco představil a poté uložil do svého počítače ve formátu html. Ale v dnešním tutoriálu jsem rychle stáhl šablonu dostupnou online (https://www.w3schools.com/w3css/w3css_templates.asp) Je třeba poznamenat jen několik detailů:
- Fotografie by se měly nahrát na určitého hostitele a poté odkaz vrátit zpět do souboru html (používám dočasný fotobucket)
- Knihovny js, css budou mít obvykle cdn. Místo ukládání přímo do esp8266 použijte cdn.
- Například budu mít pouze úvodní stránku, kde se představím, abyste se mohli více rozvíjet:)
A toto je výsledek při otevírání souboru html v počítači:
Krok 2: Převeďte soubor Html do souboru H
Otevřete soubor html (css, js), který se právě dostal výše. Poté zkopírujete obsah. Přejděte na https://hs2t.com/tools/html2CString Vložte obsah do prvního pole a poté stiskněte Převést. Zkopírujte obsah do druhého pole:) vložte do souboru.h
Krok 3: Kód Esp8266 (pomocí Arduina)
Stáhněte a upravte kód níže:
- Změňte domácí wifi
- Změňte statickou IP na nastavení modemu (musíte přiřadit pevnou IP, aby bylo snazší otevřít port na internet)
- Pro sekci ddns vysvětlím více v přiřazení názvu domény zdarma!
Dobře, po načtení kódu přejděte na jeho lokální test IP (například 192.168.1.24), abyste zjistili, že je web v pořádku: D
Krok 4: Port NAT

To závisí na vašem modemu, například na vašem modemu. Můj dům používá modem gw040
Když je port hotový, můžete na náš blog přejít z internetu pomocí IP adresy (např. Http://123.123.123.123). tvoje.
Poznámka:
- Několik modemů otevře port a poté vidí web veřejnou IP pomocí sítě, ale mimo síť je normální zobrazení v pořádku.
- Pokud používáte vysílač 3G na síťovou úroveň pro ESP8266, nebude fungovat mimo internet:)
Krok 5: DDNS

Protože naše IP je dynamická, musíme používat službu DDNS. Jak se jmenuje název domény spojený s vaší domácí IP adresou? Když se změní vaše domácí IP, aktualizuje službu DDNS, takže služba přiřadí naší doméně novou IP. Nejprve si zaregistrujete účet a bezplatné doménové jméno jako myname.boxip.net na https://boxip.net zde I použijte název
Poté zkopírujte odkaz wget na stránce nastavení a nahraďte jej kódem ESP8266. Výchozí ESP8266 každých 5 minut vyvolá server DDNS k aktualizaci IP. Zkuste nyní https://han.boxip.net a užijte si výsledky: P
Krok 6: Instruc Video ve vietnamštině

Pokud vám to připadá zajímavé a užitečné, nezapomeňte se přihlásit k odběru kanálu a dostávat další videa
Krok 7: Článek mě inspiroval
www.instructables.com/id/How-to-Build-a-ES…
Má podrobné pokyny, jak vytvořit webový server. Web je však jednoduchý a funguje pouze lokálně. Vylepšil jsem to, aby to byl osobní blog, který lze prohlížet na internetu
Doporučuje:
PIraTarbut, Blog Medioambiental Con Emisora De Radio (CHT): 7 kroků

PIraTarbut, Blog Medioambiental Con Emisora De Radio (CHT): PIraTarbut is un proyecto interdisciplinario maker, donde buscamos crear una estaci ó n de radio de bajo alcance que puede emitir un podcast acerca del medio ambiente.El pro fascte základní fáze přípravy a o
Vytvořte tepelnou mapu WiFi pomocí ESP8266 a Arduino: 5 kroků

Vytvořte tepelnou mapu WiFi pomocí ESP8266 a Arduino: Přehled V tomto tutoriálu vytvoříme tepelnou mapu okolních signálů Wi-Fi pomocí Arduino a ESP8266. Co se naučíte Úvod do signálů WiFi Jak zjistit konkrétní signály pomocí ESP8266 Vytvořte tepelnou mapu pomocí displeje Arduino a TFT
Jak vytvořit blog ve službě Blogger: 9 kroků

Jak vytvořit blog ve službě Blogger: Pokud máte názor, který chcete sdílet, blog je pro vás to pravé! Pokud nikdy předtím blog nemáte, chci použít Blogger Blogger. V tomto tutoriálu Naučím vás, jak vytvořit blog ve službě Blogger
Vytvořte zařízení Apple HomeKit s teplotním senzorem pomocí ESP8266 a BME280: 10 kroků

Postavte zařízení Apple Apple s teplotním čidlem pomocí ESP8266 a BME280: V dnešním pokynu vyrobíme levný snímač teploty, vlhkosti a vlhkosti buď na základě snímače teploty/vlhkosti AOSONG AM2302/DHT22 nebo BME280, snímače vlhkosti YL-69 a platformu ESP8266/Nodemcu. A pro zobrazení
Jak hostovat vlastní blog WordPress: 6 kroků

Jak hostovat svůj vlastní blog WordPress: Instalace Wordpressu na váš vlastní server vám dává větší kontrolu nad vaším blogem. Tento Instructable je podrobný průvodce, jak to udělat, zcela zdarma a nejsou vyžadovány žádné kódovací schopnosti