css

3 files changed, 60 insertions, 7 deletions

diff --git a/README.md b/README.md
index ac066d8..d92de30 100644
--- a/README.md
+++ b/README.md
@@ -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
diff --git a/add.css b/add.css
new file mode 100644
index 0000000..b4caa5e
--- /dev/null
+++ b/add.css
@@ -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;
+}