마크 다운에서 색상을 적용하는 방법은 무엇입니까?

Markdown을 사용하여 텍스트 정보를 저장하고 싶습니다. 그러나 빠른 인터넷 검색은 Markdown이 색상을 지원하지 않는다고 말합니다. 또한 StackOverflow는 색상을 지원하지 않습니다. GitHub 마크 다운의 경우와 동일합니다.

컬러 텍스트를 허용하는 마크 다운 맛이 있습니까?

짧은 답변

마크 다운은 색상을 지원하지 않습니다!

TL; DR

원본 / 공식 구문 규칙 상태 (강조 추가) :

Markdown의 구문은 웹 작성을위한 형식으로 사용하기위한 것입니다.

마크 다운은 HTML을 대체하지 않거나 HTML에 가깝습니다. 구문은 매우 작으며 HTML 태그의 매우 작은 하위 집합에만 해당합니다. HTML 태그를 더 쉽게 삽입 할 수있는 구문을 만드는 것이 아닙니다. 제 생각에는 HTML 태그는 이미 삽입하기 쉽습니다. Markdown의 아이디어는 산문을 쉽게 읽고 쓰고 편집 할 수 있도록하는 것입니다. HTML은 출판 형식입니다. 마크 다운은 쓰기 형식입니다. 따라서 Markdown의 서식 구문은 일반 텍스트로 전달할 수있는 문제 만 해결합니다 .

Markdown의 구문에서 다루지 않는 마크 업의 경우 HTML 자체 만 사용하면됩니다.

"게시 형식"이 아니기 때문에 텍스트 색상을 지정하는 방법은 Markdown의 범위를 벗어납니다. 즉, 원시 HTML을 포함 할 수 있으며 (HTML은 게시 형식 임) 불가능하지 않습니다. 예를 들어 다음 마크 다운 텍스트 (주석에서 @scoa가 제안한대로) :

Some Markdown text with <span style="color:blue">some *blue* text</span>.

다음과 같은 HTML이 생성됩니다.

<p>Some Markdown text with <span style="color:blue">some <em>blue</em> text</span>.</p>

이제 StackOverflow (및 아마도 GitHub)는 원시 HTML을 보안 조치로 제거하여 색상을 잃어 버리지 만 표준 Markdown 구현에서는 작동합니다.

또 다른 가능성은 비표준 속성 목록을 처음으로 도입 사용하는 것입니다 Markuru의 마크 다운의 구현과 나중에 의해 채택 된 몇 가지 다른 (더있을 수있다, 또는 같은 같은 생각의 약간 다른 구현, 사업부 및 스팬 pandoc 속성 ). 이 경우 클래스를 단락 또는 인라인 요소에 할당 한 다음 CSS를 사용하여 클래스의 색상을 정의 할 수 있습니다. 그러나 실제로 비표준 기능을 지원하는 몇 가지 구현 중 하나를 사용해야하며 문서가 더 이상 다른 시스템으로 이식되지 않습니다.

Markdown을 사용하여 사내 사용자를 위해 일부 문서를 내부 웹 사이트에 게시하기 시작했습니다. 뷰어가 문서를 공유 할 수 있지만 편집 할 수없는 쉬운 방법입니다.

따라서이 텍스트를 컬러로 표시하면“좋습니다”. 나는 이와 같은 몇 가지를 사용했고 훌륭하게 작동합니다.

<span style="color:blue">some *This is Blue italic.* text</span>

로 턴 이 블루 기울임 꼴이다.

과

<span style="color:red">some **This is Red Bold.** text</span>

로 턴 이 굵게 빨간색입니다.

유연성과 사용 편의성을 좋아합니다.

Markdown은 색상을 지원하지 않지만 너무 많이 필요하지 않은 경우 지원되는 스타일 중 일부를 희생하고 CSS를 사용하여 관련 태그를 재정 의하여 색상을 지정하고 서식을 제거 할 수도 있습니다.

예:

// resets
s { text-decoration:none; } //strike-through
em { font-style: normal; font-weight: bold; } //italic emphasis


// colors
s { color: green }
em { color: blue }

참고 : 기울임 꼴 대신 굵게 표시되도록 em 태그를 다시 스타일링하는 방법

그런 다음 마크 다운 텍스트에서

~~This is green~~
_this is blue_

짧아야합니다 :

<font color='red'>test blue color font</font>

라텍스 스타일을 사용할 수 있습니다.

$\color{color-code}{your-text-here}$

단어 사이에 공백을 유지하려면 물결표도 포함해야합니다 ~.

kramdown 은 어떤 형태의 색상을 지원 하는 것 같습니다 .

Kramdown 은 인라인 html을 허용합니다 .

This is <span style="color: red">written in red</span>.

또한 CSS 클래스를 인라인으로 포함시키는 또 다른 구문이 있습니다 .

This is *red*{: style="color: red"}.

이 페이지에서는 GitLab이 Kramdown에서 CSS 클래스를 적용하기 위해보다 간결한 방법을 활용하는 방법에 대해 설명합니다.

blue텍스트에 수업 적용 :

This is a paragraph that for some reason we want blue.
{: .blue}

지원 blue제목에 수업 :

#### A blue heading
{: .blue}

두 클래스를 적용 :

A blue and bold paragraph.
{: .blue .bold}

아이디 적용 :

#### A blue heading
{: .blue #blue-h}

이것은 다음을 생성합니다.

<h4 class="blue" id="blue-h">A blue heading</h4>

에 설명 된 다른 많은 것들이 있습니다 위의 링크 있습니다. 확인이 필요할 수 있습니다.

또한 다른 답변에서 알 수 있듯이 Kramdown은 Jekyll 의 기본 마크 다운 렌더러 입니다. 따라서 github 페이지에서 무언가를 작성하는 경우 위의 기능을 즉시 사용할 수 있습니다.

에서 Jekyll나는 몇 가지 색상이나 다른 스타일을 추가 할 수 있었다 대담 요소 (다른 모든 요소뿐만 아니라 함께 작동합니다).

나는 함께 "스타일"을 시작 {:하고 종료 }. 요소와 중괄호 사이에는 공간이 없습니다!

**My Bold Text, in red color.**{: style="color: red; opacity: 0.80;" }

html로 번역됩니다 :

<strong style="color: red; opacity: 0.80;">My Bold Text, in red color.</strong>

당신이 (중첩 된 HTML없이) 순수 마크 다운을 사용하고자 할 때 사용할 수있는 이모티콘을 파일의 일부 조각, 즉 ⚠️에 관심을 끌기 위해 경고 ⚠️, 🔴 중요 ❗🔴 또는 🔥 NEW 🔥.

이것은 메모 작성 Joplin에서 작동합니다.

<span style="color:red">text in red</span>

나는 성공했다

<span class="someclass"></span>

주의 사항 : 클래스가 이미 사이트에 존재해야합니다.