Dies ist der erste Beitrag. Statt „Hello World" zu schreiben, lege ich lieber gleich offen, wie dieser Blog technisch aufgebaut ist — das lässt sich später gut nachschlagen.
Technische Auswahl#
| Bereich | Wahl | Warum |
|---|---|---|
| Statischer Site-Generator | Hugo | In Go geschrieben, extrem schnell beim Bauen — selbst tausende Beiträge entstehen in Sekunden |
| Theme | Blowfish | Basiert auf Tailwind CSS, sieht von Anfang an gut aus und lässt Raum für eigene Stile |
| Hosting | GitHub Pages | Kostenlos, ohne Werbung, unterstützt HTTPS und eigene Domains |
| Versionsverwaltung | Git | Jeder Beitrag hat eine Versionsgeschichte, jeder Fehler lässt sich zurückrollen |
Warum eine statische Website#
Bei einem klassischen Blogsystem (etwa WordPress) muss der Server bei jedem Besuch eine Datenbank abfragen und eine Seite zusammenbauen. Eine statische Website erzeugt dagegen alle Seiten bereits beim Build als HTML-Dateien; Anfragen werden direkt beantwortet. Ohne Datenbank kann nichts langsam werden und unter Last nichts umfallen.
Der Preis dafür: Dynamische Funktionen (Kommentare, Likes, Besucherstatistiken) brauchen Drittanbieter-Dienste. Für einen persönlichen Blog lohnt sich dieser Kompromiss in der Regel.
In diesem Blog werde ich festhalten, was ich lerne und woran ich arbeite. Wenn auch du überlegst, dir einen eigenen Blog einzurichten, hoffe ich, dass dir das eine oder andere davon nützlich ist.
这是博客的第一篇文章。与其写「Hello World」，不如先把这套博客的技术底细交代清楚——以后回头看也方便。
技术选型#
| 环节 | 选择 | 理由 |
|---|---|---|
| 静态站点生成器 | Hugo | 用 Go 写的，编译速度极快，几千篇文章也是秒级 |
| 主题 | Blowfish | 基于 Tailwind CSS，默认就好看，而且留了自定义样式的入口 |
| 托管 | GitHub Pages | 免费、无广告、支持 HTTPS 和自定义域名 |
| 版本管理 | Git | 每篇文章都有历史记录，改坏了随时回滚 |
为什么要用静态站点#
传统的博客系统（比如 WordPress）每次有人访问，服务器都要查数据库、拼页面。而静态站点在构建阶段就把所有页面提前生成成 HTML 文件，访问时直接返回，不需要数据库，也就没有了被拖慢和被打挂的可能。
代价是：动态功能（评论、点赞、访问统计）需要借助第三方服务。对个人博客来说，这个代价通常很划算。
接下来我会用这个博客记录学习和工作中的一些东西。如果你也在考虑搭一个自己的博客，希望这些内容对你有用。
This is the first post. Rather than writing “Hello World”, I would rather lay out how this blog is put together — it will be handy to look back on later.
Technical choices#
| Part | Choice | Why |
|---|---|---|
| Static site generator | Hugo | Written in Go, extremely fast to build — thousands of posts still take seconds |
| Theme | Blowfish | Built on Tailwind CSS, good-looking out of the box, and leaves room for custom styles |
| Hosting | GitHub Pages | Free, no ads, supports HTTPS and custom domains |
| Version control | Git | Every post has a history, and any mistake can be rolled back |
Why a static site#
With a traditional blog system (WordPress, say), every visit makes the server query a database and assemble a page. A static site generates all pages into HTML files at build time, so requests are served directly. No database means it cannot get slow or fall over under load.
The trade-off: dynamic features (comments, likes, view counts) need third-party services. For a personal blog, that trade-off is usually worth it.
Going forward I will use this blog to record things I learn and work on. If you are thinking about building a blog of your own, I hope some of this is useful.
Это первая статья в блоге. Вместо того чтобы писать «Hello World», я лучше сразу расскажу, как этот блог устроен технически — потом будет удобно оглянуться назад.
Технический выбор#
| Компонент | Выбор | Почему |
|---|---|---|
| Генератор статических сайтов | Hugo | Написан на Go, собирается очень быстро — даже тысячи статей собираются за секунды |
| Тема | Blowfish | Построена на Tailwind CSS, сразу выглядит хорошо и оставляет место для собственных стилей |
| Хостинг | GitHub Pages | Бесплатно, без рекламы, поддерживает HTTPS и собственный домен |
| Контроль версий | Git | У каждой статьи есть история, любую ошибку можно откатить |
Зачем нужен статический сайт#
В традиционной блог-платформе (например, WordPress) при каждом посещении сервер обращается к базе данных и собирает страницу. Статический сайт заранее превращает все страницы в HTML-файлы на этапе сборки, и при запросе они отдаются напрямую. А раз базы данных нет, то и замедляться, и падать под нагрузкой нечему.
Плата за это: динамические функции (комментарии, лайки, счётчики посещений) требуют сторонних сервисов. Для личного блога такая цена обычно вполне оправдана.
Дальше я буду вести здесь записи о том, что изучаю и над чем работаю. Если вы тоже подумываете о собственном блоге, надеюсь, что-то из этого вам пригодится.
Voici le premier article. Plutôt que d’écrire « Hello World », je préfère détailler d’emblée comment ce blog est construit — cela me sera utile pour y revenir plus tard.
Choix techniques#
| Élément | Choix | Pourquoi |
|---|---|---|
| Générateur de site statique | Hugo | Écrit en Go, extrêmement rapide à compiler — des milliers d’articles se construisent en quelques secondes |
| Thème | Blowfish | Basé sur Tailwind CSS, joli dès l’installation et laisse la place aux styles personnalisés |
| Hébergement | GitHub Pages | Gratuit, sans publicité, prend en charge HTTPS et les domaines personnalisés |
| Gestion de versions | Git | Chaque article possède son historique, et toute erreur peut être annulée |
Pourquoi un site statique#
Avec un système de blog traditionnel (WordPress, par exemple), chaque visite oblige le serveur à interroger une base de données et à assembler une page. Un site statique génère toutes les pages sous forme de fichiers HTML dès l’étape de construction : les requêtes sont servies directement, et sans base de données, rien ne peut ralentir ni tomber en panne sous la charge.
La contrepartie : les fonctions dynamiques (commentaires, likes, statistiques de visite) nécessitent des services tiers. Pour un blog personnel, ce compromis en vaut généralement la peine.
J’utiliserai ce blog pour consigner ce que j’apprends et sur quoi je travaille. Si vous envisagez vous aussi de créer votre propre blog, j’espère que ces lignes vous seront utiles.
Questo è il primo articolo. Più che scrivere «Hello World», preferisco spiegare subito com’è costruito tecnicamente questo blog — sarà utile da rileggere in futuro.
Scelte tecniche#
| Parte | Scelta | Perché |
|---|---|---|
| Generatore di siti statici | Hugo | Scritto in Go, velocissimo nella compilazione — anche migliaia di articoli si costruiscono in pochi secondi |
| Tema | Blowfish | Basato su Tailwind CSS, bello fin da subito e con spazio per stili personalizzati |
| Hosting | GitHub Pages | Gratuito, senza pubblicità, supporta HTTPS e domini personalizzati |
| Controllo di versione | Git | Ogni articolo ha una cronologia e qualsiasi errore si può annullare |
Perché un sito statico#
Con un sistema di blog tradizionale (per esempio WordPress), a ogni visita il server deve interrogare un database e assemblare una pagina. Un sito statico genera invece tutte le pagine come file HTML già in fase di build: le richieste vengono servite direttamente e, senza database, non c’è nulla che possa rallentare o crollare sotto carico.
La contropartita: le funzionalità dinamiche (commenti, like, statistiche di visita) richiedono servizi di terze parti. Per un blog personale questo compromesso di solito ne vale la pena.
Da qui in avanti userò questo blog per annotare ciò che imparo e su cui lavoro. Se anche tu stai pensando di creare un blog tutto tuo, spero che qualcosa di tutto questo ti sia utile.
これがこのブログの最初の記事です。「Hello World」と書く代わりに、まずこのブログの技術的な構成を説明しておきます。後から振り返るときにも役立ちます。
技術選定#
| 項目 | 選択 | 理由 |
|---|---|---|
| 静的サイトジェネレーター | Hugo | Go 製でビルドが非常に速く、数千記事でも秒単位で完了 |
| テーマ | Blowfish | Tailwind CSS ベースで、デフォルトの見た目が良く、カスタムスタイルも入れやすい |
| ホスティング | GitHub Pages | 無料・広告なし・HTTPS と独自ドメインに対応 |
| バージョン管理 | Git | 記事ごとに履歴が残り、失敗してもすぐ元に戻せる |
なぜ静的サイトなのか#
従来のブログシステム（WordPress など）では、アクセスがあるたびにサーバーがデータベースを照会してページを組み立てます。静的サイトでは、すべてのページをビルド時に HTML ファイルとして生成するため、リクエストには直接応答できます。データベースが不要なので、遅くなったり負荷で落ちたりする心配もありません。
その代償として、動的な機能（コメント、いいね、アクセス解析）にはサードパーティのサービスが必要です。個人ブログにとって、この代償は通常とても割に合います。
これからこのブログで、学んだことや仕事で得たものを記録していきます。あなたも自分のブログを作ろうと考えているなら、この内容が少しでも役に立てば幸いです。
Este é o primeiro post. Em vez de escrever “Hello World”, prefiro logo explicar como este blog é montado — vai ser útil para rever depois.
Escolhas técnicas#
| Parte | Escolha | Por quê |
|---|---|---|
| Gerador de site estático | Hugo | Escrito em Go, compila extremamente rápido — milhares de posts levam segundos |
| Tema | Blowfish | Baseado em Tailwind CSS, bonito de fábrica e deixa espaço para estilos personalizados |
| Hospedagem | GitHub Pages | Grátis, sem anúncios, com suporte a HTTPS e domínio próprio |
| Controle de versão | Git | Cada post tem histórico e qualquer erro pode ser desfeito |
Por que um site estático#
Num sistema de blog tradicional (como o WordPress), a cada visita o servidor precisa consultar um banco de dados e montar a página. Num site estático, todas as páginas já são geradas como arquivos HTML durante o build, e as requisições são respondidas diretamente. Sem banco de dados, não há o que ficar lento nem o que cair sob carga.
O preço disso: funcionalidades dinâmicas (comentários, curtidas, estatísticas de acesso) dependem de serviços de terceiros. Para um blog pessoal, esse custo costuma valer a pena.
A partir daqui vou usar este blog para registrar o que aprendo e no que trabalho. Se você também está pensando em montar um blog seu, espero que algo aqui seja útil.
이 블로그의 첫 글입니다. 그냥 “Hello World"라고 쓰는 대신, 이 블로그가 기술적으로 어떻게 구성되어 있는지 먼저 정리해 둡니다 — 나중에 다시 돌아볼 때 도움이 될 테니까요.
기술 선택#
| 항목 | 선택 | 이유 |
|---|---|---|
| 정적 사이트 생성기 | Hugo | Go로 작성되어 빌드가 매우 빠르고, 수천 개의 글도 몇 초 만에 처리 |
| 테마 | Blowfish | Tailwind CSS 기반으로 기본 디자인이 좋고, 커스텀 스타일을 넣기도 쉬움 |
| 호스팅 | GitHub Pages | 무료, 광고 없음, HTTPS와 커스텀 도메인 지원 |
| 버전 관리 | Git | 글마다 히스토리가 남아 잘못 수정해도 언제든 되돌릴 수 있음 |
왜 정적 사이트인가#
전통적인 블로그 시스템(예: WordPress)에서는 방문이 있을 때마다 서버가 데이터베이스를 조회해 페이지를 조립합니다. 정적 사이트는 모든 페이지를 빌드 단계에서 HTML 파일로 미리 생성하기 때문에 요청에 바로 응답할 수 있고, 데이터베이스가 없으므로 느려지거나 부하에 무너질 일도 없습니다.
그 대가로, 동적 기능(댓글, 좋아요, 방문 통계)은 서드파티 서비스에 의존해야 합니다. 개인 블로그 수준에서는 이 정도 대가가 보통 충분히 값어치를 합니다.
앞으로 이 블로그에 공부하고 일하면서 배운 것들을 기록해 갈 생각입니다. 여러분도 직접 블로그를 만들어 볼 생각이라면, 이 글들이 조금이나마 도움이 되기를 바랍니다.
Jen la unua artikolo. Anstataŭ skribi “Saluton, Mondo”, mi prefere tuj klarigos, kiel tiu ĉi blogo estas teknike konstruita — estos oportune rerigardi tion poste.
Teknikaj elektoj#
| Parto | Elekto | Kial |
|---|---|---|
| Generilo de statikaj retejoj | Hugo | Skribita en Go, tre rapida por kompili — eĉ miloj da artikoloj daŭras nur sekundojn |
| Etoso | Blowfish | Bazita sur Tailwind CSS, bela jam dekomence kaj lasas spacon por propraj stiloj |
| Servigo | GitHub Pages | Senpaga, sen reklamoj, subtenas HTTPS kaj propran domajnon |
| Versiokontrolado | Git | Ĉiu artikolo havas historion, kaj ĉiu eraro povas esti malfarita |
Kial statika retejo#
En tradicia blogsistemo (ekzemple WordPress), ĉe ĉiu vizito la servilo devas konsulti datenbazon kaj kunmeti paĝon. Statika retejo generas ĉiujn paĝojn jam dum la konstruado kiel HTML-dosierojn, kaj la petoj estas responditaj rekte. Sen datenbazo estas nenio, kio povus malrapidiĝi aŭ falegi sub ŝarĝo.
La prezo: dinamikaj funkcioj (komentoj, ŝatoj, statistikoj de vizitoj) bezonas servojn de triaj partioj. Por persona blogo tiu kompromiso kutime bone valoras.
De nun mi uzos tiun ĉi blogon por noti tion, kion mi lernas kaj je kio mi laboras. Se ankaŭ vi pensas konstrui vian propran blogon, mi esperas, ke io el tiu ĉi enhavo estos utila al vi.