Jak jsem integroval REFRAMED blog
Měl jsem 16 newsletter článků v Markdown formátu roztroušených ve složce `/reframed`. Tyto články byly původně publikované na LinkedIn, ale nebyly dostupné na mém osobním webu. Chyběla systematická blog sekce.
Cílem bylo vytvořit jednoduchou, vizuálně čistou blog sekci, která zachovává existující design webu. Články měly být snadno čitelné a přístupné přímo z hlavní navigace.
Problém, který jsem řešil
Potřeba vytvořit blog sekci, která umožňuje vlastnit obsah nezávisle od sociálních sítí a budovat dlouhodobou hodnotu na vlastní doméně. Články měly být snadno čitelné a přístupné přímo z hlavní navigace.
Jak jsem ho vyřešil
Claude analyzoval existující strukturu webu (`index.html`, `styles.css`, `projekty.html`), identifikoval designové vzory a vytvořil konzistentní blog šablony. Navrhl organizaci do `/blog/` složky, automaticky přidával AI panel pro konzistenci a kategorizoval články podle tématu.
Převedl jsem newsletter články z Markdown do HTML formátu pro blog. Vytvořil jsem strukturu `/blog/[článek]` pro články. Přidal jsem "Blog" položku do navigace na všech stránkách. Vytvořil jsem seznam článků na `/blog`. Zpracoval jsem všech 16 článků z REFRAMED newsletteru.
Výsledek: kompletní blog sekce se 16 články v HTML formátu, konzistentní navigace na všech stránkách webu, funkční AI panel "Kopírovat pro AI" na každém článku, články kategorizované: Mindset (5), Komunikace (6), Design (2), Metriky (1), Úvod (1), Osobní (1).
Jak to funguje v praxi
Web má teď plnohodnotnou blog sekci, která je nezávislá od LinkedIn a plně pod kontrolou vlastníka. Systém je připravený na snadné přidávání dalších článků – stačí vytvořit HTML ve `/blog/` a přidat řádek do indexu.
Co jsem se naučil
"Jednoduché" má různé významy. Když klient řekne "jednoduché", je třeba se zeptat: vizuálně jednoduché, nebo technicky minimalistické? V tomto případě šlo o čistý vizuál, ne o odstranění funkcionality.
Batch processing šetří čas. Místo zpracování článků jeden po druhém, hromadné čtení všech souborů a paralelní vytváření HTML dramaticky zrychlilo práci.
Konzistence > Kreativita. Při integraci do existujícího webu je důležitější zachovat existující vzory (navigace, styly, AI panel) než vytvářet něco nového. Uživatel ocenil, že nový obsah "zapadl".
Proč to stojí za to
Když máš newsletter články v Markdown formátu a chceš je integrovat do webu, nemusíš to dělat manuálně. Můžeš použít AI na batch zpracování všech článků a automatické vytvoření blog sekce.
Blog sekce je teď součástí mého webu. Šetří mi čas, protože nemusím manuálně formátovat články. A zároveň mám kontrolu nad tím, jak blog vypadá, protože všechno je v HTML formátu.
Pokud máš podobný problém – newsletter články v Markdown formátu – zkus to. Možná zjistíš, že je to jednodušší, než sis myslel.
Časté otázky
Proč mít blog na vlastní doméně místo LinkedIn?
LinkedIn ti obsah nevlastníš. Algoritmus rozhoduje, kdo ho uvidí. Vlastní blog znamená plnou kontrolu – nad designem, nad dostupností, nad tím, jak dlouho obsah zůstane online. Budování hodnoty na vlastní doméně je dlouhodobá investice.
Jak dlouho trvá převést 16 článků z Markdown do HTML?
Manuálně? Hodiny. S AI a batch processingem? Zlomek času. Claude přečetl všechny soubory najednou, identifikoval strukturu a vygeneroval konzistentní HTML. Ty pak jen zkontrolujete a případně upravíš.
Co znamená "konzistence > kreativita" při integraci blogu?
Když přidáváš blog do existujícího webu, nechceš vytvářet nový design. Chceš, aby nový obsah "zapadl". Stejná navigace, stejné styly, stejný AI panel. Uživatel nepozná, že blog vznikl později – a to je přesně ten cíl.
Jak přidat nový článek do této blog struktury?
Vytvoříš HTML soubor ve složce `/blog/`, použiješ existující šablonu (navigace, AI panel, styly) a přidáš řádek do indexu na `/blog`. Hotovo. Systém je navržený tak, aby přidávání bylo jednoduché.
K čemu slouží AI panel "Kopírovat pro AI" na článcích?
Umožňuje rychle exportovat obsah článku do ChatGPT nebo Claude. Můžeš si nechat článek shrnout, položit doplňující otázky, nebo ho použít jako kontext pro další práci. Konzistentní funkcionalita na každém článku.
Tom