使用 cgit 托管小小的也很可爱的 Git 服务器

Dejavu's Blog

甲骨文 ARM 实例部署 Gemma 4 模型 Headscale + Tailscale 组建虚拟专用网在 Linux 上使用 Yubikey OpenPGP 应用 BuyVM VPS 块存储挂载教程 Alpine Linux 服务器配置指南 Alpine Linux 安装 Cloudflared Docker 多容器共享中心数据库安装 Komari 服务器监控工具 Scaleway VPS 安装 Debian Linux Debian 13 下部署 AsmBB 论坛使用 Kopia 自动化备份服务器数据给 Docker 启用 IPv6 支持 Netcup 服务器安装自定义 ISO 镜像烽火 HG5582A 光猫开启桥接模式 Docker 自托管 Shlink 短链服务部署 Obsidian LiveSync 实时同步服务指南我的 2025 年不完全回顾 Linux 下 Intel 核显驱动配置与硬件加速 Fedora Linux 安装配置记录 2025 年优雅地自托管 RSS 服务 Woodpecker CI 和 Gitea 实现 Hugo 自动部署 Gitea/Forgejo 集成 Woodpecker CI/CD 在 Blinko 中使用 Ollama 作为 AI 供应商 Docker 部署 Gitea/Forgejo Plausible CE 启用城市级地理位置识别 Blinko 开源 AI 知识库 Docker 部署指南 Netcup 免税账号注册及购买服务器全记录 Docker 自托管 Cloudreve Pro 私有网盘服务 GiffGaff SIM 卡使用体验和注意事项简体中文互联网在变得糟糕吗？如何低成本申请 S/MIME 证书用于个人邮件服务迁移到 NameCrane Mail 域名邮箱套件服务香烟与咖啡在 Windows 中使用 Yubikey 的 OpenPGP 应用 Windows 11 IoT LTSC 养老指南巧用浏览器生成 HAR 文件批量下载所需网页资源聊聊静态网站的评论系统在 Hugo 站点中优雅地展示实况照片使用 snac 部署一个简洁优雅的 ActivityPub 实例当 25 岁来临的时候断网的这两年从 Bitwarden/Vaultwarden 到 KeePassXC 也许是 Android 上最好的本地播放器 - 椒盐音乐 2023 半年小结写一个好玩的 Hugo 货币汇率转换短代码写一个 Hugo 短代码将不同类别的总字数统计转换为书名显示海信 Touch Lite 墨水屏音乐阅读器的简单体验从 Debian 11(bullseye) 无感升级到 Debian 12(bookworm) 使用 GitHub Actions 自动提交 URL 到 IndexNow 批量重写 Git 历史提交记录在 Debian 上使用 stagit 和 Nginx 的简单 Git 服务器托管简单 Git 服务器的一些尝试使用 stagit 自托管纯静态 Git 存储库使用 Docker 快速部署单人 Fediverse 实例我是如何建立自己的个人博客的？简单、隐私友好的谷歌分析替代品，Plausible 自托管部署指南服务器使用 Cloudflare CDN 的最佳实践甲骨文服务器分配并启用 IPv6 地址 Git 版本控制学习笔记（二） Cloudflare WAF 防护策略简易指南 Mastodon 服务器批量导入自定义表情低成本自托管 Mastodon 实例简明指南自托管服务指南──有了服务器可以做什么？使用 Miniflux + RSSHub 打造个人 RSS 阅读器构建支持多种 CPU 架构的 Docker 镜像一个可自托管的静态短链接应用别了，二〇二二！ Duplicacy CLI 进阶使用指南 Duplicacy CLI 备份工具的基本使用初探 Cloudflare 零信任 - 通过 Docker 部署 Bitwarden 密码管理器 Yubikey 转运日志及上手指南初探 Cloudflare 零信任 — 通过 Cloudflare Tunnel 搭建 SSH 聊天室初探 Cloudflare 零信任 - 通过 Cloudflare Tunnel 访问服务某科学的 PGP 算号指南 2022 年的 MacBook Air M1 使用体验及应用推荐使用 Vercel 和 Supabase 自托管 Cusdis 评论系统为什么你的搜索引擎不好用？个人在 Windows 上常用软件清单 macOS 基础开发环境设置指南在 macOS 上使用 Canokey 的 OpenPGP 应用提取 Windows UWP 应用商店的安装包以供离线安装 Git 版本控制学习笔记（一）使用 Notion 管理 GitHub Star 项目使用 Vercel 免费部署 Giscus 评论系统将博客评论从 Utterances 无缝迁移到 Giscus Canokey 签名和认证应用指南 Canokey 的基本使用指南 Canokey Pigeon 揽件日志及简单开箱关于 Google Play 保护机制和 DRM 安全等级的那些事记录一次捡垃圾装机 GitHub 使用 GPG 密钥提交签名认证使用 Scoop 管理 Windows 下的软件和开发环境 Windows Terminal+PowerShell 7 打造 Windows 下最好用的终端一个好用的 Telegram 文件批量上传/下载工具 Clash for Windows 优雅地使用 TUN 模式接管系统流量全平台搭建 Hexo 静态博客指南尝试将 Manjaro 作为主力操作系统使用 Hexo 进行 SEO 优化的基本指南使用本地代理给 Git 和 NPM 加速使用 flowerss 部署 Telegram RSS 订阅机器人

Dejavu Moe · 2023-05-10 · via Dejavu's Blog

简介

cgit 是一个用 C 编写的用于 Git 存储库的超高速前端用户界面，特点：简单、强大。谁在使用？比如： https://git.kernel.org/

cgit

准备环境

前置条件：在 Debian 11 上已安装 nginx, git, vim 等软件包

必需软件包

安装 apache2-utils 用于 HTTP 基本认证管理，fcgiwrap 用于将 CGI 脚本转发到 FastCGI 进程和 Web 服务器通信

sudo apt update \
sudo apt install -y apache2-utils fcgiwrap

添加 git 用户

sudo adduser git

# 用于 cgit 展示当前存储库所有者信息
sudo usermod -c "<Owner Name>" git

su git  # 切换用户
cd  # 回到 git 用户主目录 /home/git

创建存储库

初始化第一个裸存储库

# 设置默认分支名称
git config --global init.defaultBranch master
git init --bare yourepo.git
cd yourepo.git

# 用于 cgit 展示当前存储库描述信息
echo "A simple, minimal and safe URL Shortener." > description

git update-server-info

设置权限和用户组

sudo chown -R git:www-data /home/git/
sudo chmod -R ug+rwX /home/git/

如果每次创建裸存储库都这样未免有点繁琐，我写了一个简单的 Shell 脚本用于交互式快速创建新的裸存储库。

新建一个 git-bare，编辑这个脚本

写入以下内容：

#!/bin/bash

set -eu

# /usr/local/bin/git-bare

echo "1.make sure you are running with root user or sudo privileged"
echo "2.make sure you have installed cURL and Git"
echo ""
echo "Press Enter to continue..."
read 

# Check if the running user is root or sudo user
if [ "$(id -u)" -ne 0 ]; then
    if ! sudo -v &> /dev/null; then
        echo "Please run the script as root or with sudo privileged!"
        exit 1
    fi
fi

# Check if cURL is installed
if ! command -v curl &> /dev/null; then
    echo "cURL is not installed, please install curl first."
    echo "sudo apt update && sudo apt install -y curl"
    exit 1
fi

# Check if Git is installed
if ! command -v git &> /dev/null; then
    echo "Git is not installed, please install git first."
    echo "sudo apt update && sudo apt install -y git"
    exit 1
fi

read -p "Please enter the repository name (without .git)." reponame

if [ -d "/home/git/${reponame}.git" ]; then
    echo "Repository ${reponame} already exists"
    exit 1
else
    git init --bare "/home/git/${reponame}.git"
    cd "/home/git/${reponame}.git"

    read -p "Please enter the repository description:" description
    echo "${description}." | sudo tee "description" > /dev/null

    # Update the Git repository info
    if ! git update-server-info &> /dev/null; then
        echo "Failed to update Git repository information, exiting..."
        exit 1
    fi

    # Set up the new repository's post-receive
    curl -s https://git.dejavu.moe/self-hosted/plain/cgit/post-receive.agefile -o hooks/post-receive
    chmod +x hooks/post-receive
    
    # Set user groups and permissions for the repository
    chown -R git:www-data "/home/git/${reponame}.git"
    chmod -R ug+rwx,o-rwx "/home/git/${reponame}.git"
    echo "New bare repository ${reponame} initialized successfully."
fi

让这个脚本可执行

sudo mv ./git-bare /usr/local/bin/git-bare
sudo chmod +x /usr/local/bin/git-bare

以后初始化新的裸存储库，仅需：

脚本会提示您输入存储库名称和描述等基本信息并完成初始化

缓存路径

创建路径 /var/cache/cgit 用于 cgit 缓存

sudo mkdir -p /var/cache/cgit
sudo chgrp www-data /var/cache/cgit
sudo chmod 775 /var/cache/cgit

当前 cgit 项目依然算是活跃，考虑到它最近的正式发行版是 3 年前了，本文将从源码开始构建¹，以帮助我们获取最新的错误修复和补丁

git clone https://git.zx2c4.com/cgit \
&& cd cgit \
&& git submodule init \
&& git submodule update

cgit.conf 包含了 cgit 构建时可以覆盖的配置

sed -n '3,31p' Makefile > cgit.conf

按需编辑它

CGIT_VERSION = v1.2.3
CGIT_SCRIPT_NAME = cgit.cgi
CGIT_SCRIPT_PATH = /var/www/cgit  # 本文只改了这里
CGIT_DATA_PATH = $(CGIT_SCRIPT_PATH)
CGIT_CONFIG = /etc/cgitrc  # 默认配置文件路径
CACHE_ROOT = /var/cache/cgit
prefix = /usr/local
libdir = $(prefix)/lib
filterdir = $(libdir)/cgit/filters
docdir = $(prefix)/share/doc/cgit
htmldir = $(docdir)
pdfdir = $(docdir)
mandir = $(prefix)/share/man
SHA1_HEADER = <openssl/sha.h>
GIT_VER = 2.39.0
GIT_URL = https://www.kernel.org/pub/software/scm/git/git-$(GIT_VER).tar.xz
INSTALL = install
COPYTREE = cp -r
MAN5_TXT = $(wildcard *.5.txt)
MAN_TXT  = $(MAN5_TXT)
DOC_MAN5 = $(patsubst %.txt,%,$(MAN5_TXT))
DOC_HTML = $(patsubst %.txt,%.html,$(MAN_TXT))
DOC_PDF  = $(patsubst %.txt,%.pdf,$(MAN_TXT))

ASCIIDOC = asciidoc
ASCIIDOC_EXTRA =
ASCIIDOC_HTML = xhtml11
ASCIIDOC_COMMON = $(ASCIIDOC) $(ASCIIDOC_EXTRA)
TXT_TO_HTML = $(ASCIIDOC_COMMON) -b $(ASCIIDOC_HTML)

开始编译，如果不需要 lua 支持

建议开启对 lua 的支持，设置个性化功能时会十分有用

# 本文以 lua5.2 为例
sudo apt install liblua5.2-0 liblua5.2-0-dbg liblua5.2-dev lua5.2
make LUA_PKGCONFIG=lua5.2

安装

稍微注意下文件路径

# 输出信息
    SUBDIR git
install -m 0755 -d /var/www/cgit  # cgit 网站路径
install -m 0755 cgit /var/www/cgit/cgit.cgi
install -m 0755 -d /var/www/cgit
install -m 0644 cgit.css /var/www/cgit/cgit.css
install -m 0644 cgit.js /var/www/cgit/cgit.js
install -m 0644 cgit.png /var/www/cgit/cgit.png
install -m 0644 favicon.ico /var/www/cgit/favicon.ico
install -m 0644 robots.txt /var/www/cgit/robots.txt
install -m 0755 -d /usr/local/lib/cgit/filters
cp -r filters/* /usr/local/lib/cgit/filters

配置 cgit

安装一些基础包，用于 cgit 的代码高亮、Markdown 渲染、Gravatar 头像渲染等

sudo apt install -y python3-docutils python3-markdown highlight python3-pygments
sudo mkdir -p /usr/local/share/cgit
sudo cp -r /usr/local/lib/cgit/filters /usr/local/share/cgit/
sudo chown -R www-data:www-data /usr/local/share/cgit/

# 编译安装 LuaoSSL
# https://25thandclement.com/~william/projects/luaossl.html
git clone https://github.com/wahern/luaossl.git && cd luaossl
make LUAPKG=lua5.2
sudo make install LUAPKG=lua5.2

# 给下面使用 filter api 的脚本赋予可执行权限，比如
sudo chmod +x /usr/local/share/cgit/filters/email-gravatar.lua

编辑 cgit 配置文件

下面是一个示例配置，更多可用的配置项及其说明请参阅 cgitrc.5.txt

# 包含 cgit 的所有运行时设置
# 格式 NAME=VALUE
# 以 "#" 开头的行是注释

# 全局配置
css=/cgit.css
logo=/cgit.png
favicon=/favicon.ico
#footer=
virtual-root=/
# 禁用哑克隆
enable-http-clone=0
# Smart HTTP
clone-url=https://git.dejavu.moe/$CGIT_REPO_URL
root-title=GIT.DEJAVU.MOE
root-desc=Dejavu Moe's Git Server
#root-readme=/var/www/htdocs/about.html

# 建议配置
enable-index-owner=1
enable-index-links=1
enable-blame=1
enable-log-filecount=1
enable-log-linecount=1
enable-commit-graph=1

# 禁止搜素引擎索引
robots=noindex, nofollow

branch-sort=age
commit-sort=date
max-stats=quarter
snapshots=tar.gz zip

# 使用 RAM 的缓存大小 单位 MB
cache-size=1024

# 代码高亮
source-filter=/usr/local/share/cgit/filters/syntax-highlighting.py

# 格式化贡献者，显示Gravar 头像
email-filter=lua:/usr/local/share/cgit/filters/email-gravatar.lua

# 格式化 about 页面
about-filter=/usr/local/share/cgit/filters/about-formatting.sh
readme=:README.md
readme=:readme.md
readme=:README.txt
readme=:readme.txt
readme=:README
readme=:readme

# MIME 类型
mimetype.html=text/html
mimetype.gif=image/gif
mimetype.jpg=image/jpeg
mimetype.jpeg=image/jpeg
mimetype.png=image/png
mimetype.webp=image/webp
mimetype.pdf=application/pdf
mimetype.svg=image/svg+xml

# 移除 .git 后缀
remove-suffix=1

# 扫描路径
scan-path=/home/git

# 每个存储库配置
#repo.url=reponame
#repo.path=/home/git/reponame.git
#repo.desc=Some description here
#repo.owner=Owner Name
#repo.logo=/repo-logo.png

代码高亮风格

上面的代码高亮脚本使用的是 Pygments ，您可以修改代码高亮的风格

sudo vim /usr/local/share/cgit/filters/syntax-highlighting.py

# pastie 是默认的代码高亮风格
formatter = HtmlFormatter(style='pastie', nobackground=True)

如果想要更加细粒度的控制每个存储库的访问，可参阅 cgit-simple-authentication

Gravatar 头像优化

我们启用了显示提交者头像的 lua 脚本，会发现它和 cgit 官网上有一点不一样，我们的小头像鼠标经过的时候怎么不会悬浮变大呢？

我在 cgit 的邮件列表²上找到了实现方式的说明

编辑 email-libravatar-korg.lua 脚本

sudo vim /usr/local/share/cgit/filters/email-libravatar-korg.lua

替换为以下内容：

-- This script may be used with the email-filter or repo.email-filter settings in cgitrc.
-- It adds gravatar icons to author names. It is designed to be used with the lua:
-- prefix in filters. It is much faster than the corresponding python script.
--
-- Requirements:
--      luaossl
--      <http://25thandclement.com/~william/projects/luaossl.html>
--

local digest = require("openssl.digest")

function md5_hex(input)
        local b = digest.new("md5"):final(input)
        local x = ""
        for i = 1, #b do
                x = x .. string.format("%.2x", string.byte(b, i))
        end
        return x
end

function filter_open(email, page)
        buffer = ""
        md5 = md5_hex(email:sub(2, -2):lower())
end

function filter_close()
   html("<span class='libravatar'>" ..
   "<img class='inline' src='//www.gravatar.com/avatar/" .. md5 .. "?s=13&d=retro' />" ..
   "<img class='onhover' src='//www.gravatar.com/avatar/" .. md5 .. "?s=128&d=retro' />" ..
   "</span>" .. buffer)
   return 0
end

function filter_write(str)
        buffer = buffer .. str
end

Gravatar 官方源在国内太慢，您可以替换成其他可用的镜像源

修改脚本后，别忘了设置用户组和可执行权限

sudo chown -R www-data:www-data /usr/local/share/cgit/
sudo chmod +x /usr/local/share/cgit/filters/email-libravatar-korg.lua

只有 lua 脚本还不够，在 cgit.css 里增加一段

/* libgravatar */
div#cgit span.libravatar img.onhover {
  display: none;
  border: 1px solid gray;
  padding: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 128px;
  height: 128px;
}

div#cgit span.libravatar img.inline {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 13px;
  height: 13px;
  margin-right: 0.4em;
  opacity: 0.9;
}

div#cgit span.libravatar:hover > img.onhover {
  display: block;
  position: absolute;
  margin-left: 1.5em;
  background-color: #eeeeee;
  box-shadow: 5px 5px 3px #bbb;
}

修改 cgit 配置文件

email-filter=lua:/usr/local/share/cgit/filters/email-libravatar-korg.lua

配置 Nginx

将域名解析到 VPS 的 IP³，新建 Nginx 复用配置文件

sudo vim /etc/nginx/git-http-backend.conf

写入下面内容，用于 FastCGI 进程和 Nginx 之间通信

fastcgi_pass unix:/var/run/fcgiwrap.socket;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME /usr/lib/git-core/git-http-backend;
fastcgi_param GIT_HTTP_EXPORT_ALL "";
fastcgi_param GIT_PROJECT_ROOT /home/git;
fastcgi_param PATH_INFO $1;
fastcgi_param REMOTE_USER $remote_user;

生成 HTTP 基本认证凭据，替换您的用户名

sudo htpasswd -c /etc/nginx/.htpasswd <username>

新建 Nginx 站点配置

sudo vim /etc/nginx/conf.d/git.dejavu.moe.conf

示例 cgit 站点的 Nginx 配置

server {
    listen [::]:80;
    listen 80;
    server_name git.yourdomain.com;
    return 301 https://$server_name$request_uri;
}

server {
    listen [::]:443 ssl;
    listen 443 ssl;
    http2 on;
    server_name git.yourdomain.com;

    # SSL Certificate Path
    ssl_certificate /etc/nginx/cert/git.yourdomain.com.pem;
    ssl_certificate_key /etc/nginx/cert/git.yourdomain.com.key;

    # SSL Security
    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_prefer_server_ciphers on;
    ssl_ciphers ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256;

    ssl_session_timeout 1d;
    ssl_session_cache shared:SSL:10m;

    # Site Log path
    access_log /var/log/nginx/cgit-access.log;
    error_log /var/log/nginx/cgit-error.log;

    root /var/www/cgit;
    try_files $uri @cgit;
    client_max_body_size 10m;

    location @cgit {
        include fastcgi_params;
        # cgit's CGI script path
        fastcgi_param SCRIPT_FILENAME /var/www/cgit/cgit.cgi;
        fastcgi_param DOCUMENT_ROOT /usr/lib/git-core;
        fastcgi_pass unix:/var/run/fcgiwrap.socket;
        fastcgi_param PATH_INFO $uri;
        fastcgi_param QUERY_STRING $args;
        fastcgi_param HTTP_HOST $server_name;
        fastcgi_param GIT_HTTP_EXPORT_ALL "";
        fastcgi_param GIT_PROJECT_ROOT /home/git;

        if ($arg_service = git-receive-pack) {
            rewrite (/.*) /git_write/$1 last;
        }

        if ($uri ~ ^/.*/git-receive-pack$) {
            rewrite (/.*) /git_write/$1 last;
        }

        if ($arg_service = git-upload-pack) {
            rewrite (/.*) /git_read/$1 last;
        }

        if ($uri ~ ^/.*/git-upload-pack$) {
            rewrite (/.*) /git_read/$1 last;
        }
    }

    location ~ /git_read/(.*) {
        include git-http-backend.conf;
    }

    location ~ /git_write/(.*) {
        # HTTP Basic Authentication
        auth_basic "Authentication Required To Push";
        auth_basic_user_file /etc/nginx/.htpasswd;
        include git-http-backend.conf;
    }
}

检查 Nginx 配置文件

没问题就可以

完成，享受吧。

My cgit

我微调了一下 CSS 样式，效果如下

:root {
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
  --body-bg: #faf6f2;
  --hover-bg: #f4d2c1;
  --table-lighter-bg: #eee;
  --border-color: #8c7851;
  --a-tag-color: #020826;
  --a-hover-color: #020826;
}
body {
  background: var(--body-bg);
}
div#cgit {
  padding: 0em;
  margin: 0em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', Helvetica, Arial,
    'Noto Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC',
    'Source Han Sans SC', 'Hiragino Sans GB', 'Hiragino Sans', 'STHeitiSC-Light',
    'SimSun', 'WenQuanYi Zen Hei', 'LiHei Pro Medium', 'STXihei',
    'Noto Sans CJK SC', 'Meiryo UI', 'Malgun Gothic', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji',
    'Android Emoji', 'EmojiSymbols', 'EmojiOne';
  font-size: 10pt;
  color: #171717;
  background: var(--body-bg);
  padding: 4px;
}

div#cgit a {
  color: var(--a-tag-color);
  text-decoration: none;
}

div#cgit a:hover {
  text-decoration: underline;
}

div#cgit table {
  border-collapse: collapse;
}

div#cgit table#header {
  width: 100%;
  margin-bottom: 1em;
}

div#cgit table#header td.logo {
  width: 96px;
  vertical-align: top;
}

div#cgit table#header td.main {
  font-size: 250%;
  padding-left: 10px;
  white-space: nowrap;
}

div#cgit table#header td.main a {
  color: #000;
}

div#cgit table#header td.form {
  text-align: right;
  vertical-align: bottom;
  padding-right: 1em;
  padding-bottom: 2px;
  white-space: nowrap;
}

div#cgit table#header td.form form,
div#cgit table#header td.form input,
div#cgit table#header td.form select {
  font-size: 90%;
}

div#cgit table#header td.sub {
  color: #777;
  border-top: solid 1px var(--border-color);
  padding-left: 10px;
}

div#cgit table.tabs {
  border-bottom: solid 3px var(--border-color);
  border-collapse: collapse;
  margin-top: 2em;
  margin-bottom: 0px;
  width: 100%;
}

div#cgit table.tabs td {
  padding: 0px 1em;
  vertical-align: bottom;
}

div#cgit table.tabs td a {
  padding: 2px 0.75em;
  color: #777;
  font-size: 110%;
}

div#cgit table.tabs td a.active {
  color: #fffffe;
  background-color: var(--border-color);
}

div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after
{
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
  opacity: 0.5;
  margin: 0 0 0 5px;
}

div#cgit table.tabs td.form {
  text-align: right;
}

div#cgit table.tabs td.form form {
  padding-bottom: 2px;
  font-size: 90%;
  white-space: nowrap;
}

div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
  font-size: 90%;
}

div#cgit div.path {
  margin: 0px;
  padding: 5px 2em 2px 2em;
  color: #000;
  background-color: var(--hover-bg);
}

div#cgit div.content {
  margin: 0px;
  padding: 2em;
  border-bottom: solid 3px var(--border-color);
}

div#cgit table.list {
  width: 100%;
  border: none;
  border-collapse: collapse;
}

div#cgit table.list tr {
  background: var(--body-bg);
}

div#cgit table.list tr.logheader {
  background: var(--hover-bg);
}

div#cgit table.list tr:nth-child(even) {
  background: var(--table-lighter-bg);
}

div#cgit table.list tr:nth-child(odd) {
  background: var(--body-bg);
}

div#cgit table.list tr:hover {
  background: var(--hover-bg);
}

div#cgit table.list tr.nohover {
  background: var(--body-bg);
}

div#cgit table.list tr.nohover:hover {
  background: var(--body-bg);
}

div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
  background: var(--table-lighter-bg);
}

div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
  background: var(--body-bg);
}

div#cgit table.list th {
  font-weight: bold;
  /* color: #888;
        border-top: dashed 1px #888;
        border-bottom: dashed 1px #888;
        */
  padding: 0.1em 0.5em 0.05em 0.5em;
  vertical-align: baseline;
}

div#cgit table.list td {
  border: none;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

div#cgit table.list td.commitgraph {
  font-family: var(--font-mono);
  white-space: pre;
}

div#cgit table.list td.commitgraph .column1 {
  color: #a00;
}

div#cgit table.list td.commitgraph .column2 {
  color: #0a0;
}

div#cgit table.list td.commitgraph .column3 {
  color: #aa0;
}

div#cgit table.list td.commitgraph .column4 {
  color: #00a;
}

div#cgit table.list td.commitgraph .column5 {
  color: #a0a;
}

div#cgit table.list td.commitgraph .column6 {
  color: #0aa;
}

div#cgit table.list td.logsubject {
  font-family: var(--font-mono);
  font-weight: bold;
}

div#cgit table.list td.logmsg {
  font-family: var(--font-mono);
  white-space: pre;
  padding: 0 0.5em;
}

div#cgit table.list td a {
  color: black;
}

div#cgit table.list td a.ls-dir {
  font-weight: bold;
  color: var(--a-hover-color);
}

div#cgit table.list td a:hover {
  color: var(--a-hover-color);
}

div#cgit img {
  border: none;
}

div#cgit input#switch-btn {
  margin: 2px 0px 0px 0px;
}

div#cgit td#sidebar input.txt {
  width: 100%;
  margin: 2px 0px 0px 0px;
}

div#cgit table#grid {
  margin: 0px;
}

div#cgit td#content {
  vertical-align: top;
  padding: 1em 2em 1em 1em;
  border: none;
}

div#cgit div#summary {
  vertical-align: top;
  margin-bottom: 1em;
}

div#cgit table#downloads {
  float: right;
  border-collapse: collapse;
  border: solid 1px #777;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

div#cgit table#downloads th {
  background-color: var(--border-color);
}

div#cgit div#blob {
  border: solid 1px black;
}

div#cgit div.error {
  color: red;
  font-weight: bold;
  margin: 1em 2em;
}

div#cgit a.ls-blob,
div#cgit a.ls-dir,
div#cgit .ls-mod {
  font-family: var(--font-mono);
}

div#cgit td.ls-size {
  text-align: right;
  font-family: var(--font-mono);
  width: 10em;
}

div#cgit td.ls-mode {
  font-family: var(--font-mono);
  width: 10em;
}

div#cgit table.blob {
  margin-top: 0.5em;
  border-top: solid 1px black;
}

div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
  margin: 0;
  padding: 0 0 0 0.5em;
  vertical-align: top;
  color: black;
}

div#cgit table.blob td.linenumbers {
  margin: 0;
  padding: 0 0.5em 0 0.5em;
  vertical-align: top;
  text-align: right;
  border-right: 1px solid gray;
}

div#cgit table.blob pre {
  padding: 0;
  margin: 0;
}

div#cgit table.blob td.linenumbers a,
div#cgit table.ssdiff td.lineno a {
  color: gray;
  text-align: right;
  text-decoration: none;
}

div#cgit table.blob td.linenumbers a:hover,
div#cgit table.ssdiff td.lineno a:hover {
  color: black;
}

div#cgit table.blame td.hashes,
div#cgit table.blame td.lines,
div#cgit table.blame td.linenumbers {
  padding: 0;
}

div#cgit table.blame td.hashes div.alt,
div#cgit table.blame td.lines div.alt {
  padding: 0 0.5em 0 0.5em;
}

div#cgit table.blame td.linenumbers div.alt {
  padding: 0 0.5em 0 0;
}

div#cgit table.blame div.alt:nth-child(even) {
  background: var(--hover-bg);
}

div#cgit table.blame div.alt:nth-child(odd) {
  background: var(--body-bg);
}

div#cgit table.blame td.lines > div {
  position: relative;
}

div#cgit table.blame td.lines > div > pre {
  padding: 0 0 0 0.5em;
  position: absolute;
  top: 0;
}

div#cgit table.blame .oid {
  font-size: 100%;
}

div#cgit table.bin-blob {
  margin-top: 0.5em;
  border: solid 1px black;
}

div#cgit table.bin-blob th {
  font-family: var(--font-mono);
  white-space: pre;
  border: solid 1px #777;
  padding: 0.5em 1em;
}

div#cgit table.bin-blob td {
  font-family: var(--font-mono);
  white-space: pre;
  border-left: solid 1px #777;
  padding: 0em 1em;
}

div#cgit table.nowrap td {
  white-space: nowrap;
}

div#cgit table.commit-info {
  border-collapse: collapse;
  margin-top: 1.5em;
}

div#cgit div.cgit-panel {
  float: right;
  margin-top: 1.5em;
}

div#cgit div.cgit-panel table {
  border-collapse: collapse;
  border: solid 1px #aaa;
  background-color: var(--hover-bg);
}

div#cgit div.cgit-panel th {
  text-align: center;
}

div#cgit div.cgit-panel td {
  padding: 0.25em 0.5em;
}

div#cgit div.cgit-panel td.label {
  padding-right: 0.5em;
}

div#cgit div.cgit-panel td.ctrl {
  padding-left: 0.5em;
}

div#cgit table.commit-info th {
  vertical-align: center;
  text-align: center;
  font-weight: 600;
  padding: 0.2em 1em 0.2em 1em;
  border: 1px solid var(--border-color);
}

div#cgit table.commit-info td {
  font-weight: normal;
  border: 1px solid var(--border-color);
  padding: 0.2em 1em 0.2em 1em;
}

div#cgit div.commit-subject {
  font-weight: bold;
  font-size: 125%;
  margin: 1.5em 0em 0.5em 0em;
  padding: 0em;
}

div#cgit div.commit-msg {
  white-space: pre;
  font-family: var(--font-mono);
}

div#cgit div.notes-header {
  font-weight: bold;
  padding-top: 1.5em;
}

div#cgit div.notes {
  white-space: pre;
  font-family: var(--font-mono);
  border: solid 1px #ee9;
  background-color: #ffd;
  padding: 0.3em 2em 0.3em 1em;
  float: left;
}

div#cgit div.notes-footer {
  clear: left;
}

div#cgit div.diffstat-header {
  font-weight: bold;
  padding-top: 1.5em;
}

div#cgit table.diffstat {
  border-collapse: collapse;
  border: solid 1px #aaa;
  background-color: var(--hover-bg);
}

div#cgit table.diffstat th {
  font-weight: normal;
  text-align: left;
  text-decoration: underline;
  padding: 0.1em 1em 0.1em 0.1em;
  font-size: 100%;
}

div#cgit table.diffstat td {
  padding: 0.2em 0.2em 0.1em 0.1em;
  font-size: 100%;
  border: none;
}

div#cgit table.diffstat td.mode {
  white-space: nowrap;
}

div#cgit table.diffstat td span.modechange {
  padding-left: 1em;
  color: red;
}

div#cgit table.diffstat td.add a {
  color: green;
}

div#cgit table.diffstat td.del a {
  color: red;
}

div#cgit table.diffstat td.upd a {
  color: var(--a-tag-color);
}

div#cgit table.diffstat td.graph {
  width: 500px;
  vertical-align: middle;
}

div#cgit table.diffstat td.graph table {
  border: none;
}

div#cgit table.diffstat td.graph td {
  padding: 0px;
  border: 0px;
  height: 7pt;
}

div#cgit table.diffstat td.graph td.add {
  background-color: #5c5;
}

div#cgit table.diffstat td.graph td.rem {
  background-color: #c55;
}

div#cgit div.diffstat-summary {
  color: #888;
  padding-top: 0.5em;
}

div#cgit table.diff {
  width: 100%;
}

div#cgit table.diff td {
  font-family: var(--font-mono);
  white-space: pre;
}

div#cgit table.diff td div.head {
  font-weight: bold;
  margin-top: 1em;
  color: black;
}

div#cgit table.diff td div.hunk {
  color: #009;
}

div#cgit table.diff td div.add {
  color: green;
}

div#cgit table.diff td div.del {
  color: red;
}

div#cgit .oid {
  font-family: var(--font-mono);
  font-size: 90%;
}

div#cgit .left {
  text-align: left;
}

div#cgit .right {
  text-align: right;
}

div#cgit table.list td.reposection {
  font-style: italic;
  color: #888;
}

div#cgit a.button {
  font-size: 80%;
  padding: 0em 0.5em;
}

div#cgit a.primary {
  font-size: 100%;
}

div#cgit a.secondary {
  font-size: 90%;
}

div#cgit td.toplevel-repo {
}

div#cgit table.list td.sublevel-repo {
  padding-left: 1.5em;
}

div#cgit ul.pager {
  list-style-type: none;
  text-align: center;
  margin: 1em 0em 0em 0em;
  padding: 0;
}

div#cgit ul.pager li {
  display: inline-block;
  margin: 0.25em 0.5em;
}

div#cgit ul.pager a {
  color: #777;
}

div#cgit ul.pager .current {
  font-weight: bold;
}

div#cgit span.age-mins {
  font-weight: bold;
  color: #080;
}

div#cgit span.age-hours {
  color: #080;
}

div#cgit span.age-days {
  color: #040;
}

div#cgit span.age-weeks {
  color: #444;
}

div#cgit span.age-months {
  color: #888;
}

div#cgit span.age-years {
  color: #bbb;
}

div#cgit span.insertions {
  color: #080;
}

div#cgit span.deletions {
  color: #800;
}

div#cgit div.footer {
  margin-top: 0.5em;
  text-align: center;
  font-size: 80%;
  color: var(--border-color);
}

div#cgit div.footer a {
  color: var(--border-color);
  text-decoration: none;
}

div#cgit div.footer a:hover {
  text-decoration: none;
}

div#cgit a.branch-deco {
  color: #000;
  margin: 0px 0.5em;
  padding: 0px 0.25em;
  background-color: #6ddc6d;
  border: solid 1px #007700;
}

div#cgit a.tag-deco {
  color: #000;
  margin: 0px 0.5em;
  padding: 0px 0.25em;
  background-color: #ffff88;
  border: solid 1px #777700;
}

div#cgit a.tag-annotated-deco {
  color: #000;
  margin: 0px 0.5em;
  padding: 0px 0.25em;
  background-color: #ffcc88;
  border: solid 1px #777700;
}

div#cgit a.remote-deco {
  color: #000;
  margin: 0px 0.5em;
  padding: 0px 0.25em;
  background-color: var(--border-color) cff;
  border: solid 1px #000077;
}

div#cgit a.deco {
  color: #000;
  margin: 0px 0.5em;
  padding: 0px 0.25em;
  background-color: #ff6e6c;
  border: solid 1px #770000;
}

div#cgit div.commit-subject a.branch-deco,
div#cgit div.commit-subject a.tag-deco,
div#cgit div.commit-subject a.tag-annotated-deco,
div#cgit div.commit-subject a.remote-deco,
div#cgit div.commit-subject a.deco {
  margin-left: 1em;
  font-size: 75%;
}

div#cgit table.stats {
  border: solid 1px black;
  border-collapse: collapse;
}

div#cgit table.stats th {
  text-align: left;
  padding: 1px 0.5em;
  background-color: var(--hover-bg);
  border: solid 1px black;
}

div#cgit table.stats td {
  text-align: right;
  padding: 1px 0.5em;
  border: solid 1px black;
}

div#cgit table.stats td.total {
  font-weight: bold;
  text-align: left;
}

div#cgit table.stats td.sum {
  color: #c00;
  font-weight: bold;
  /*      background-color: var(--hover-bg); */
}

div#cgit table.stats td.left {
  text-align: left;
}

div#cgit table.vgraph {
  border-collapse: separate;
  border: solid 1px black;
  height: 200px;
}

div#cgit table.vgraph th {
  background-color: var(--hover-bg);
  font-weight: bold;
  border: solid 1px white;
  padding: 1px 0.5em;
}

div#cgit table.vgraph td {
  vertical-align: bottom;
  padding: 0px 10px;
}

div#cgit table.vgraph div.bar {
  background-color: var(--hover-bg);
}

div#cgit table.hgraph {
  border: solid 1px black;
  width: 800px;
}

div#cgit table.hgraph th {
  background-color: var(--hover-bg);
  font-weight: bold;
  border: solid 1px black;
  padding: 1px 0.5em;
}

div#cgit table.hgraph td {
  vertical-align: middle;
  padding: 2px 2px;
}

div#cgit table.hgraph div.bar {
  background-color: var(--hover-bg);
  height: 1em;
}

div#cgit table.ssdiff {
  width: 100%;
}

div#cgit table.ssdiff td {
  font-size: 75%;
  font-family: var(--font-mono);
  white-space: pre;
  padding: 1px 4px 1px 4px;
  border-left: solid 1px #aaa;
  border-right: solid 1px #aaa;
}

div#cgit table.ssdiff td.add {
  color: black;
  background: #cfc;
  min-width: 50%;
}

div#cgit table.ssdiff td.add_dark {
  color: black;
  background: #aca;
  min-width: 50%;
}

div#cgit table.ssdiff span.add {
  background: #cfc;
  font-weight: bold;
}

div#cgit table.ssdiff td.del {
  color: black;
  background: #fcc;
  min-width: 50%;
}

div#cgit table.ssdiff td.del_dark {
  color: black;
  background: #caa;
  min-width: 50%;
}

div#cgit table.ssdiff span.del {
  background: #fcc;
  font-weight: bold;
}

div#cgit table.ssdiff td.changed {
  color: black;
  background: #ffc;
  min-width: 50%;
}

div#cgit table.ssdiff td.changed_dark {
  color: black;
  background: #cca;
  min-width: 50%;
}

div#cgit table.ssdiff td.lineno {
  color: black;
  background: var(--hover-bg);
  text-align: right;
  width: 3em;
  min-width: 3em;
}

div#cgit table.ssdiff td.hunk {
  color: black;
  background: #ccf;
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
}

div#cgit table.ssdiff td.head {
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
}

div#cgit table.ssdiff td.head div.head {
  font-weight: bold;
  color: black;
}

div#cgit table.ssdiff td.foot {
  border-top: solid 1px #aaa;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

div#cgit table.ssdiff td.space {
  border: none;
}

div#cgit table.ssdiff td.space div {
  min-height: 3em;
}

/* libgravatar */
div#cgit span.libravatar img.onhover {
  display: none;
  border: 1px solid gray;
  padding: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 128px;
  height: 128px;
}

div#cgit span.libravatar img.inline {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 13px;
  height: 13px;
  margin-right: 0.4em;
  /* opacity: 0.4; */
}

div#cgit span.libravatar:hover > img.onhover {
  display: block;
  position: absolute;
  margin-left: 1.5em;
  background-color: var(--hover-bg) eee;
  box-shadow: 5px 5px 3px #bbb;
}

cgit.css

参考信息：

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。

推荐订阅源

Dejavu's Blog

简介

准备环境

必需软件包

添加 git 用户

创建存储库

缓存路径

配置 cgit

代码高亮风格

Gravatar 头像优化

配置 Nginx