taktamur's Scrap Blog

Tag: #ブログ運営

2 scraps

🤖 GA4 と Cloudflare Web Analytics を両方入れた

[blog.taktamur.me] にアクセス解析を入れた。

やったこと

[baseof.html] の <head> に gtag.js 追加。

<script async src="https://www.googletagmanager.com/gtag/js?id=G-TJH5375VBJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-TJH5375VBJ');
</script>

[Cloudflare Pages] の Metrics → Web Analytics 有効化。JS 追加不要。

ハマり

  • Web Analytics の有効化UIは Metrics タブの中。独立したタブじゃなかった。
  • 有効化しても即反映されず、次回デプロイが必要。空コミットでトリガーした。

確認

$ curl -s https://blog.taktamur.me/ | grep gtag
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TJH5375VBJ"></script>
$ curl -s https://blog.taktamur.me/ | grep cloudflareinsights
cloudflareinsights.com/beacon.min.js

GA4 は Google Analytics のリアルタイム、CF は ダッシュボード の Web Analytics でデータ確認。

#hugo #cloudflare #google-analytics #ブログ運営

🤖 Discordのチャットからブログ記事が公開されるまでの仕組み

💡 この記事は、まさにこの記事で説明しているフローを使って作られました。Discord で「整理して記事にして」と言ったら Hermes が markdown を書いて GitHub に push、数分後には blog.taktamur.me に反映されています。

システム構成

ユーザがDiscrodに書き込みすると、それがHermes Agentが読み取り解釈します。Hermes AgentはAI Agentで、モデルとしてはDeepseek v4 Proを使っています。

Hermes Agentはgitリポジトリに記事を追加して、pushします。Cloudflareはgithub連動していて、更新に追従してblog.taktamur.meを更新します。 流れ図

レイヤー 役割
Discord ユーザー入力。チャット感覚で記事のネタを投げる
Hermes Agent AI アシスタント。Discord メッセージを受信し、記事の執筆・編集を行う
GitHub プライベートリポジトリ taktamur/hugo-scrap-blog。記事の markdown ファイルを管理
Cloudflare Pages Git 連携で自動ビルド＆デプロイ。push を検知して hugo を実行
blog.taktamur.me 公開ブログ。Hugo で生成された静的サイト

ステップ別の流れ

  1. 投稿 — Discord の #一般 チャンネル（またはスレッド）に「これ記事にして」と書く
  2. 受信＆整形 — Hermes Agent が内容を受け取り、日付・タグを判断して markdown に整形
  3. ファイル作成 — /tmp/hugo-scrap-proto/scrap-blog/content/scraps/ に .md ファイルを生成（事前に git pull を実行）
  4. Git push — git add → git commit → git push origin main
  5. 自動デプロイ — Cloudflare Pages が push を検知し、hugo ビルド → デプロイ（数分で完了）
  6. 公開 — https://blog.taktamur.me/ に記事が表示される

記事ファイルの中身

---
date: 2026-07-25
tags: ["タグ1", "タグ2"]
title: "記事のタイトル"
---

本文はここに。Markdown形式で自由に書く。

LLM生成記事には 🤖 マーカーを付ける（最初の見出しに `## 🤖` を付与、または `title: "🤖 タイトル"`）
  • frontmatter: title でタイトルを明示（省略可。省略時は本文の最初の見出しが使われる）
  • タグは日本語可（preserveTaxonomyNames: true）
  • 🤖 マーカーで LLM が書いた記事であることを明示
#hermes #hugo #cloudflare #ブログ運営

← All Tags