ブログ投稿手順：Google Antigravity×Discord連携記事の公開プロセス

Tech Trends AI

2026年2月20日 - One minute read - 139 words

ブログ投稿手順の概要

1. 記事作成の基本フロー

必要なディレクトリ構成:

/root/tech-trends-ai.com/
├── content/posts/          # 記事ファイル配置場所
├── static/images/          # 画像ファイル
├── config.yaml            # サイト設定
└── themes/                # テーマファイル

2. Frontmatter必須項目

基本テンプレート:

---
title: "記事タイトル"
date: 2026-02-20T10:00:00+09:00
draft: false
tags: ["タグ1", "タグ2", "タグ3"]
categories: ["カテゴリ1", "カテゴリ2"]
description: "SEO用の説明文（120-160文字）"
slug: "url-friendly-slug"
keywords: ["キーワード1", "キーワード2"]
summary: "記事の要約文"
lastmod: 2026-02-20T10:00:00+09:00
images: ["/images/eyecatch/article-image.png"]
---

3. 記事投稿の具体的手順

ステップ1: 記事ファイル作成

# 記事ファイルを作成
touch /root/tech-trends-ai.com/content/posts/article-name.md

ステップ2: 内容編集

Frontmatterを正しく設定
Markdown形式で本文を記述
画像パスは /images/ から始まる絶対パス使用

ステップ3: ビルドと確認

# プロジェクトディレクトリに移動
cd /root/tech-trends-ai.com

# Hugoでサイトをビルド
/usr/local/bin/hugo

# ローカル開発サーバーで確認（オプション）
/usr/local/bin/hugo server -D

4. 既存記事の管理

現在の記事状況:

google-antigravity-discord-integration-2026.md: メイン記事（公開済み）
google-antigravity-discord-integration-guide.md: 実装ガイド
各記事のFrontmatterは適切に設定済み

5. 投稿時の注意点

必須チェック項目:

Frontmatterの全項目が正しく設定されている
draft: false に設定されている
日付形式がISO 8601準拠
タグとカテゴリが適切に分類されている
画像パスが正しい（存在確認）
SEO要素（description, keywords）が最適化されている

ビルド前の確認:

Markdownの構文エラーがない
内部リンクが正しく動作する
外部リンクが有効
コードブロックの言語指定が適切

6. トラブルシューティング

よくある問題と解決法:

ビルドエラー
- Frontmatterの構文確認
- 日付形式の検証
- 特殊文字のエスケープ確認
画像が表示されない
- パスの確認（/images/で始まる）
- ファイルの存在確認
- 拡張子の大文字小文字確認
記事が表示されない
- draft: false の設定確認
- 日付が未来になっていないか確認

7. 公開後の作業

確認すべき項目:

記事が正しく表示される
メタデータが適切に設定されている
SNSシェア機能が動作する
モバイル表示が最適化されている

SEO最適化:

Google Search Consoleでインデックス状況確認
アクセス解析データの監視
ソーシャルメディアでの反響確認

まとめ

このガイドに従って記事を投稿することで、tech-trends-ai.comでの一貫した品質を保ちながら効率的にコンテンツを公開できます。Google Antigravity×Discord連携記事は既に適切な形式で作成されており、今後の記事投稿の参考テンプレートとして活用可能です。

カテゴリー

運営ガイド手順書

タグ

ブログ運営 Hugo 投稿手順技術記事