Làm thế nào để áp dụng màu sắc trong Markdown?

Tôi muốn sử dụng Markdown để lưu trữ thông tin văn bản. Nhưng googling nhanh chóng nói rằng Markdown không hỗ trợ màu sắc. Ngoài ra StackOverflow không hỗ trợ màu. Tương tự như trong trường hợp đánh dấu GitHub.

Có bất kỳ hương vị của markdown cho phép văn bản màu?

Câu trả lời ngắn

Markdown không hỗ trợ màu!

TL; DR

Là trạng thái quy tắc cú pháp gốc / chính thức (nhấn mạnh thêm):

Cú pháp của Markdown được dành cho một mục đích: được sử dụng làm định dạng để viết cho web.

Markdown không phải là sự thay thế cho HTML, hoặc thậm chí gần với nó. Cú pháp của nó rất nhỏ, chỉ tương ứng với một tập hợp con rất nhỏ của các thẻ HTML. Ý tưởng là không tạo ra một cú pháp giúp chèn các thẻ HTML dễ dàng hơn. Theo tôi, các thẻ HTML đã dễ dàng chèn vào. Ý tưởng cho Markdown là làm cho nó dễ đọc, viết và chỉnh sửa văn xuôi. HTML là một định dạng xuất bản; Markdown là một định dạng viết. Do đó, cú pháp định dạng của Markdown chỉ giải quyết các vấn đề có thể được chuyển tải bằng văn bản thuần túy .

Đối với bất kỳ đánh dấu nào không nằm trong cú pháp của Markdown, bạn chỉ cần sử dụng chính HTML.

Vì nó không phải là "định dạng xuất bản", việc cung cấp cách tô màu cho văn bản của bạn nằm ngoài phạm vi của Markdown. Điều đó nói rằng, không phải là không thể vì bạn có thể bao gồm HTML thô (và HTML là định dạng xuất bản). Ví dụ: văn bản Markdown sau (như được đề xuất bởi @scoa trong một bình luận):

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

Sẽ dẫn đến HTML sau:

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

Bây giờ, StackOverflow (và có thể là GitHub) sẽ loại bỏ HTML thô (như một biện pháp bảo mật) để bạn mất màu ở đây, nhưng nó sẽ hoạt động trên bất kỳ triển khai Markdown tiêu chuẩn nào.

Một khả năng khác là sử dụng Danh mục Thuộc tính phi tiêu chuẩn ban đầu được giới thiệu bởi các Markuru thi hành Markdown và sau đó được thông qua bởi một vài người khác (có thể có nhiều hơn, hoặc triển khai hơi khác nhau của cùng một ý tưởng, như div và span thuộc tính trong pandoc ). Trong trường hợp đó, bạn có thể gán một lớp cho một phần tử đoạn hoặc nội tuyến, sau đó sử dụng CSS để xác định màu cho một lớp. Tuy nhiên, bạn tuyệt đối phải sử dụng một trong số ít các triển khai thực sự hỗ trợ tính năng không chuẩn và tài liệu của bạn không còn khả dụng cho các hệ thống khác.

Tôi đã bắt đầu sử dụng Markdown để đăng một số tài liệu của mình lên một trang web nội bộ cho người dùng nội bộ. Đó là một cách dễ dàng để có một tài liệu được chia sẻ nhưng người xem không thể chỉnh sửa.

Vì vậy, việc đánh dấu văn bản này bằng màu sắc là rất lớn. Tôi đã sử dụng một số như thế này và làm việc tuyệt vời.

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

Biến thành Đây là chữ nghiêng màu xanh.

Và

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

Biến thành Đây là Red Bold.

Tôi yêu sự linh hoạt và dễ sử dụng.

Mặc dù Markdown không hỗ trợ màu sắc, nhưng nếu bạn không cần quá nhiều, bạn luôn có thể hy sinh một số kiểu được hỗ trợ và xác định lại thẻ có liên quan bằng CSS để tạo màu và cũng có thể xóa định dạng hoặc không.

Thí dụ:

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


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

Xem thêm: Cách restyle em tag thành đậm thay vì in nghiêng

Sau đó, trong văn bản đánh dấu của bạn

~~This is green~~
_this is blue_

Điều này nên ngắn hơn:

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

bạn có thể sử dụng kiểu latex:

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

Để giữ khoảng trắng giữa các từ, bạn cũng cần bao gồm dấu ngã ~.

Có vẻ như kramdown hỗ trợ màu sắc ở một số hình thức.

Kramdown cho phép html nội tuyến :

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

Ngoài ra, nó có một cú pháp khác để bao gồm các lớp css nội tuyến :

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

Đây trang tiếp tục giải thích cách sử dụng GitLab cách nhỏ gọn hơn để áp dụng các lớp học css trong Kramdown:

Áp dụng bluelớp học vào văn bản:

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

Áp dụng bluelớp học cho các tiêu đề:

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

Áp dụng hai lớp:

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

Áp dụng id:

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

Điều này tạo ra:

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

Có rất nhiều thứ khác được giải thích tại liên kết trên . Bạn có thể cần kiểm tra.

Ngoài ra, như câu trả lời khác đã nói, Kramdown cũng là trình kết xuất đánh dấu mặc định đằng sau Jekyll . Vì vậy, nếu bạn là tác giả của bất cứ điều gì trên các trang github, chức năng trên có thể có sẵn ngoài hộp.

Trong Jekylltôi đã có thể thêm một số màu hoặc các kiểu khác vào một phần tử đậm (cũng nên hoạt động với tất cả các phần tử khác).

Tôi bắt đầu "tạo kiểu" với {:và kết thúc nó }. Không có không gian cho phép giữa phần tử và dấu ngoặc nhọn!

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

Sẽ được dịch sang html:

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

Khi bạn muốn sử dụng Markdown thuần túy (không có HTML lồng nhau), bạn có thể sử dụng Biểu tượng cảm xúc để thu hút sự chú ý đến một số đoạn của tệp, ví dụ CẢNH BÁO , 🔴 QUAN TRỌNG hoặc 🔥 MỚI .

Điều này hoạt động trong Joplin ghi chú:

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

Tôi đã thành công với

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

Hãy cẩn thận: lớp phải đã tồn tại trên trang web.