Цвет тега даты в режиме публикации в формате HTML и в рамках вокруг текста - PullRequest
Новая
       27

Цвет тега даты в режиме публикации в формате HTML и в рамках вокруг текста

3 голосов
/ 23 сентября 2011

Я использую org-mode версии 7.4, чтобы упорядочить все свои исследовательские заметки, а затем экспортировать в HTML, чтобы создать своего рода персональную вики. У меня просто два вопроса:

1) При экспорте в HTML отметки даты в режиме org выглядят очень бледно-серыми, есть ли способ изменить этот цвет на более жирный? Если исправление включает в себя добавление множества грязных тегов CSS, могу ли я что-то добавить в свой файл .emacs? Я надеюсь сохранить исходный файл организации как можно более аккуратным и разборчивым.

2) Кроме того, каков наилучший способ добавить рамку вокруг текста в режиме org? Я обнаружил, что окружение текста в тегах # + BEGIN_SRC emacs-lisp / # + END_SRC emacs-lisp работает так же, как # + BEGIN_EXAMPLE / # + END_EXAMPLE в том, что функции режима org (например, использование звездочки для пометки заголовков и - , +, (чтобы пометить подпункты) не оцениваются в блоке. Я заинтересован в том, чтобы просто поставить блок вокруг текста, но при этом все еще нужно оценивать такие функции режима организации, как заголовки, подпункты и т. Д.

Спасибо за помощь, признаюсь, я немного нуб.

ОБНОВЛЕНИЕ: Спасибо Джонатану Личу-Пепину и Juancho за советы. Часть 1 определенно ответили, и я прошу прощения за то, что пропустил это в руководстве.

В части 2 я понимаю, что могу обернуть теги DIV в теги HTML BEGIN_SRC, но я надеялся, что может быть более простой способ сделать это, так как многие люди хотели бы сделать это как способ выделения или смещение текста. Я надеялся, что было что-то эквивалентное тегам BEGIN_EXAMPLE / END_EXAMPLE, которые я просто пропустил. Я могу использовать теги DIV, и если понадобится, но в итоге исходный файл org будет выглядеть немного грязно и неразборчиво, если вы в конечном итоге будете это делать. Так что, если кто-нибудь знает ярлык, я был бы рад услышать его. Полагаю, если бы я знал, что я делаю больше, я мог бы написать свою собственную функцию, которую я мог бы в конечном итоге изучить, как только я закончу свое предложение по тезисам, и на самом деле у меня будет больше свободного времени. :)

Спасибо всем !!!

Ответы [ 3 ]

3 голосов
/ 23 сентября 2011

Для точки 1)

Вы можете настроить параметры CSS либо для отдельного файла, либо для создания пользовательской таблицы стилей.

Соответствующие классы для форматирования стилей перечислены в OrgРуководство - поддержка CSS

В качестве теста, который я добавил (в виде одной строки, возвращаемая строка предназначена для облегчения чтения на странице) 

#+STYLE: <style type="text/css"> .timestamp { color: purple; font-weight: bold; }
         </style>

к одному измои орг файлы и экспортируются.Метки времени были ярко-фиолетового цвета, которые были гораздо более разборчивыми.

1 голос
/ 23 сентября 2011

Экспортер HTML в режиме org широко добавляет class идентификаторы, так что вы можете по своему желанию стилизовать свой HTML.

Посмотрите на http://orgmode.org/manual/CSS-support.html

Вам не нужно включать ваш CSS внутри самого документа. Вы можете либо связать таблицу стилей с помощью директивы #+STYLE, либо настроить CSS по умолчанию, который поставляется с org-mode.

Что касается вопроса 2, взгляните на экспортированный файл режима org. Существует множество div разделов, которые можно стилизовать с помощью CSS, например, добавив рамку.

0 голосов
/ 09 февраля 2012

Другой вариант, если вы предпочитаете метод проб и ошибок, а также посмотрите пример вместо спецификации, это загрузить несколько примеров и обратить внимание на то, какие элементы CSS изменены.

Например, недавно я пытался изменить цвет фона экспортируемых тегов в формате html и обнаружил эту ветку списка рассылки в режиме org . Я взял копию worg-original.css и нашел в ней слово «tag»: 

.tag {
    color: #DDD;
    font-size: 70%;
    font-weight: 500;
}

Мне не понравился фон, и я заметил другие элементы со свойством background-color, поэтому я поиграл с ним и получил: 

.tag {
   color: #000;
   background-color: #ccf;
   font-size: 85%;
   font-weight: 500;
   margin: 0 0 0 8em;
}

Вы можете сделать то же самое для свойств отметки времени. Я бы посоветовал найти некоторые вещи, которые вам нравятся, и собрать их вместе в файле .css. Оттуда вы можете просто вставить строку #+style: в каждый файл (как уже упоминалось): 

#+STYLE: <link rel="stylesheet" type="text/css" href="path/to/stylesheet.css" />

В этом нет ничего нового по сравнению с другими ответами; Я главным образом добавил это как другой подход. Я не знал css, поэтому просмотр списка свойств в руководстве org (p.author, .timestamp-kwd, .todo) ничего не значил для меня. Найти файл .css, специально разработанный для эксперта в режиме org, такой как ссылки, приведенные в списке рассылки выше для руководства org и worg, был намного более полезным, поскольку я мог видеть некоторые ощутимые примеры и настроить их .

...