Джекил redcarpet визуализации Таблица с рамкой

У меня была такая же проблема, как и в Table not render when use Redcarpet in Jekyll GitHub Pages?Джекил redcarpet визуализации Таблица с рамкой

И я использовал ответ, чтобы получить таблицу рендеринга в моей странице GitHub Джекил.

Но он не отображает рамку или линии стола.

Есть ли возможность получить вывод таблицы с рамкой и линиями? И если

Мой Markdown выглядит следующим образом:

| Test | Test | Test | 
| -----|:----:|-----:| 
| test | test | test |   
| test | test | test | 
| test | test | test | 
| test | test | test |

И мой _config.yml так:

markdown: redcarpet 
redcarpet: 
    extensions: [tables]

источник

2015-05-22 TM90

Это работает из коробки с вашими конфигурационными параметрами. У вас есть какой-то репозиторий кода? –

Похоже, ему может понадобиться только CSS для рисования границ? –

@ ErikGillespie, вы правы. Вы можете ответить на этот вопрос. –

Причина, по которой не делая никаких границ, потому что там нет стили для вашей table и связанные с ними элементы.

Вот repo Я бросил вместе, чтобы продемонстрировать стили, применяемые к столам. Вы можете увидеть результаты here.

Создайте файл main.css в своем репозитории и включите его на свои HTML-страницы.

<!doctype html> 
<html> 
<head> 
    <link rel="stylesheet" href="main.css"> 
</head> 
<body> 
    {{ content }} 
</body> 
</html>

Тогда в main.css вы можете применить стили для всех ваших Markdown сгенерированных таблиц:

table { 
    border:#ccc 1px solid; 
    border-radius:3px; 
} 
table th { 
    padding:21px 25px 22px 25px; 
    border-top:1px solid #fafafa; 
    border-bottom:1px solid #e0e0e0; 
} 
table tr { 
    padding-left:20px; 
} 
table td { 
    padding:18px; 
    border-top: 1px solid #ffffff; 
    border-bottom:1px solid #e0e0e0; 
    border-left: 1px solid #e0e0e0; 
}

Если у вас уже есть CSS в вашем репо, то просто добавьте стили и убедитесь, что CSS входит в ваш HTML.

источник

2015-05-22 21:01:19

Спасибо, вам это нужно ... Я попробую это в понедельник ... – TM90

Джекил redcarpet визуализации Таблица с рамкой

ответ

Смежные вопросы