GitコミットツリーをHTML形式で表示する方法

2024-02-09 06:24 git コミットツリー HTML

GitのコミットツリーをHTML形式で表示する方法について説明します。以下の手順に従ってください。

  1. Gitのリポジトリに移動します。コマンドラインで以下のコマンドを実行します。
cd /path/to/your/repository
  1. GitのログをHTML形式で出力します。次のコマンドを実行します。
git log --graph --oneline --decorate > commit_history.txt

このコマンドは、Gitのログを短い形式で取得し、commit_history.txtという名前のテキストファイルに保存します。

  1. HTMLファイルを作成します。テキストエディタを使用して、以下の内容を持つ新しいHTMLファイル（例: commit_history.html）を作成します。
<!DOCTYPE html>
<html>
<head>
  <style>
    /* CSSスタイルを追加して、コミットツリーを見やすくします */
    .commit {
      margin-left: 20px;
    }
  </style>
</head>
<body>
  <pre>
    <!-- コミットツリーのログを表示します -->
    <?php readfile("commit_history.txt"); ?>
  </pre>
</body>
</html>
  1. 作成したHTMLファイルをブラウザで開きます。ブラウザで commit_history.html を開くと、Gitのコミットツリーが表示されます。コミットの関係やブランチの流れを視覚的に確認することができます。