diff options
| -rw-r--r-- | README.md | 13 | ||||
| -rw-r--r-- | about-formatting.sh | 16 | ||||
| -rw-r--r-- | add.css | 38 |
3 files changed, 60 insertions, 7 deletions
@@ -70,6 +70,19 @@ python3 -m markdown --version echo "# Тестовый заголовок" | /usr/lib/cgit/filters/about-formatting.sh readme.md ``` +Если надо, то добавляем CSS форматирование + +``` +sudo nano /usr/share/cgit/cgit.css + +``` +В конец файла добавляем содержимое add.css из репозитория. + +Сбрасываем кеш: + +``` +sudo rm -rf /var/cache/cgit/* +``` Настраиваем конфиг diff --git a/about-formatting.sh b/about-formatting.sh index 8fd60d0..06bbee8 100644 --- a/about-formatting.sh +++ b/about-formatting.sh @@ -1,17 +1,19 @@ #!/bin/sh -# Переводим имя файла в нижний регистр для надежности -FILENAME=\$(echo "\$1" | tr '[:upper:]' '[:lower:]') +FILENAME=$(echo "$1" | tr '[:upper:]' '[:lower:]') -case "\$FILENAME" in +case "$FILENAME" in *.md|*.markdown) - # Включаем расширение 'extra' для поддержки блоков кода ``` - exec python3 -m markdown -x extra + # Нативный запуск markdown со всеми нужными расширениями + exec python3 -c " +import sys, markdown +html = markdown.markdown(sys.stdin.read(), extensions=['fenced_code', 'codehilite', 'tables']) +print(html) +" ;; *) - # Для обычных TXT файлов сохраняем форматирование echo "<pre>" cat echo "</pre>" ;; - +esac @@ -0,0 +1,38 @@ +/* ========================================================================= + Красивое оформление блоков кода (Markdown & Highlighting) + ========================================================================= */ + +/* Контейнер для блоков кода, который генерирует расширение codehilite */ +.codehilite, #cgit pre, #cgit code { + font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; + font-size: 13px; +} + +/* Оформление самого блока с кодом (внутренняя часть) */ +.codehilite pre, #cgit div.content pre { + background-color: #f6f8fa !important; /* Легкий серый фон */ + border: 1px solid #d0d7de !important; /* Тонкая аккуратная рамка */ + border-radius: 6px !important; /* Скругление углов */ + padding: 16px !important; /* Внутренние отступы для текста */ + overflow: auto !important; /* Горизонтальный скролл при длинных строках */ + line-height: 1.45 !important; /* Комфортная высота строки */ + color: #24292f !important; /* Читаемый темный цвет текста */ + margin: 15px 0 !important; +} + +/* Оформление инлайнового (одиночного) кода посреди текста, например `команда` */ +#cgit code { + background-color: rgba(175, 184, 193, 0.2); + padding: 0.2em 0.4em; + border-radius: 6px; + font-size: 85%; + color: #cf222e; /* Выделение инлайн-кода легким бордовым цветом */ +} + +/* Сбрасываем инлайновые стили кода, если он находится внутри большого блока */ +.codehilite pre code, #cgit div.content pre code { + background-color: transparent !important; + padding: 0 !important; + font-size: inherit !important; + color: inherit !important; +} |