วิธีการใช้สีใน Markdown

ฉันต้องการใช้ Markdown เพื่อเก็บข้อมูลที่เป็นข้อความ แต่ googling ที่รวดเร็วบอกว่า Markdown ไม่รองรับสี StackOverflow ไม่รองรับสีด้วย เช่นเดียวกับในกรณีของ GitHub markdown

มี markdown หรือไม่ที่ให้ข้อความเป็นสี

คำตอบสั้น ๆ

Markdown ไม่รองรับสี!

TL; DR

ในฐานะที่เป็นรัฐเดิมกฎระเบียบ / ไวยากรณ์อย่างเป็นทางการ(เน้นเพิ่ม):

ไวยากรณ์ของ Markdown มีไว้เพื่อจุดประสงค์เดียว: เพื่อใช้เป็นรูปแบบสำหรับการเขียนสำหรับเว็บ

Markdown ไม่ใช่การแทนที่ HTML หรือแม้แต่ใกล้เคียง ไวยากรณ์ของมันมีขนาดเล็กมากซึ่งสอดคล้องกับแท็ก HTML เพียงเล็กน้อยเท่านั้น แนวคิดนี้ไม่ใช่การสร้างไวยากรณ์ที่ทำให้ง่ายต่อการแทรกแท็ก HTML ในความคิดของฉันแท็ก HTML ง่ายต่อการแทรก แนวคิดสำหรับ Markdown คือทำให้ง่ายต่อการอ่านเขียนและแก้ไขร้อยแก้ว HTML เป็นรูปแบบการเผยแพร่ Markdown เป็นรูปแบบการเขียน ดังนั้นรูปแบบการจัดรูปแบบของ Markdown จะเน้นเฉพาะปัญหาที่สามารถถ่ายทอดเป็นข้อความธรรมดาได้

สำหรับมาร์กอัพใด ๆ ที่ไม่ได้ครอบคลุมโดยไวยากรณ์ของ Markdown คุณเพียงแค่ใช้ HTML

เนื่องจากไม่ใช่ "รูปแบบการเผยแพร่" ซึ่งเป็นวิธีการกำหนดสีข้อความของคุณให้อยู่นอกขอบเขตสำหรับ Markdown ที่กล่าวมาเป็นไปไม่ได้เนื่องจากคุณสามารถรวม HTML แบบดิบ (และ HTML เป็นรูปแบบการประกาศ) ตัวอย่างเช่นข้อความ Markdown ต่อไปนี้ (ตามที่แนะนำโดย @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การดำเนินงานของ Markdown และนำไปใช้โดยต่อมาไม่กี่ คนอื่น ๆ (อาจจะมีมากขึ้นหรือการใช้งานที่แตกต่างกันเล็กน้อยของความคิดเดียวกันเช่นdiv และช่วงแอตทริบิวต์ใน 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>

กลายเป็นนี่คือ Red Bold

ฉันชอบความยืดหยุ่นและใช้งานง่าย

ในขณะที่ 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 }

ดูเพิ่มเติม: วิธี restyle em tag ให้เป็นตัวหนาแทนที่จะเป็นตัวเอียง

จากนั้นในข้อความมาร์คดาวน์ของคุณ

~~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 ใช้วิธีกระชับมากขึ้นในการใช้คลาส css ใน Kramdown ได้อย่างไร:

การใช้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 ยังเป็นrenderer markdown เริ่มต้นที่อยู่เบื้องหลัง 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>

เมื่อคุณต้องการใช้ Markdown ล้วน (ไม่มี HTML ซ้อนกัน) คุณสามารถใช้Emojisเพื่อดึงความสนใจไปยังไฟล์บางส่วนเช่น, คำเตือน ⚠️, 🔴 สำคัญ ❗🔴หรือ🔥 ใหม่ 🔥

วิธีนี้ใช้ได้ใน Joplin ที่จดบันทึก:

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

ฉันประสบความสำเร็จด้วย

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

Caveat: ชั้นต้องมีอยู่แล้วในเว็บไซต์