เราสามารถใช้ Cascading Style Sheets (CSS) เพื่อทำสิ่งนี้
หากคุณยังใหม่กับ CSS และต้องการความช่วยเหลือ / การสอนดูคำถามกองซ้อนล้น:
โปรดอ้างถึง ReText Wiki สำหรับไฟล์การกำหนดค่า:
ทำตามขั้นตอนเหล่านี้เพื่อสร้างและแก้ไขไฟล์ CSS:
ReText ~/.config/ReText project/ReText.conf
เก็บแฟ้มการกำหนดค่าที่ เปิดตัวจัดการไฟล์ (Nautilus ถ้าคุณใช้ Ubuntu) กดCtrl+ Hเพื่อแสดงไฟล์ที่ซ่อนทั้งหมด ตอนนี้นำทางไปยังไดเรกทอรี→.config
ที่นี่คุณจะพบว่าReText project
ReText.conf
เราจะต้องแก้ไขให้ชี้ไปที่css
ไฟล์ของเรา แต่ก่อนอื่นเรามาสร้างcss
ไฟล์กัน
ในไดเรกทอรีเดียวกันนี้ให้สร้างไฟล์ชื่อmyconfig.css
(คุณสามารถตั้งชื่อไฟล์ตามที่คุณต้องการ) ตอนนี้เปิดใน Text Editor
แก้ไขไฟล์ดังต่อไปนี้:
code {
font-family: Ubuntu Mono, DejaVu Sans Mono;
background-color: #D3D3D3;
}
pre {
background-color: #D3D3D3;
}
เห็นได้ชัดว่าสิ่งที่คุณต้องการคือการตั้งค่าfont-family
คุณสมบัติให้code
แท็กเท่านั้น อย่างไรก็ตามฉันขอแนะนำให้ตั้งค่าbackground-color
คุณสมบัติเป็นทั้งcode
และpre
แท็ก ผมได้ตั้งbackground-color
ไปLightGrey
(ราคาของมันคือ Hex #D3D3D3
) คุณสามารถปรับเปลี่ยนสีตามรสนิยมและความชอบของคุณ ลิงค์ต่อไปนี้จะช่วยคุณในเรื่องนี้
ตอนนี้แก้ไขไฟล์การกำหนดค่าของ ReText เพื่อชี้ไปที่สไตล์ชีทที่สร้างขึ้นใหม่ เปิด~/.config/ReText project/ReText.conf
ใน Text Editor ของคุณและเพิ่มการstyleSheet
ตั้งค่าในตอนท้ายและชี้ไปที่ตำแหน่งของมัน สำหรับฉันมันคือ:
styleSheet=/home/aditya/.config/ReText project/myconfig.css
บันทึก:
- ตรวจสอบให้แน่ใจว่าคุณระบุพา ธ แบบเต็มไปยังไฟล์ มันไม่สามารถขยายเป็นของคุณ
~
$HOME
- นอกจากนี้หากคุณตั้งชื่อไฟล์ css ของคุณเป็นอย่างอื่นนอกจาก
myconfig.css
หรือวางไว้ในไดเรกทอรีอื่นให้ตรวจสอบให้แน่ใจว่าคุณระบุชื่อไฟล์และพา ธ ที่ถูกต้อง
หากคุณได้เรียกใช้ ReText แล้วให้ปิดและเริ่มใหม่อีกครั้งเพื่อให้การเปลี่ยนแปลงมีผล
จะรู้ได้อย่างไรว่า<tag>
จะแก้ไขHTML อะไร
หากคุณไม่แน่ใจเกี่ยวกับชื่อแท็กคุณสามารถดูโค้ด HTML ของ markdown ของคุณแล้วทำการเปลี่ยนแปลงที่ต้องการใน CSS
เมนูแก้ไข → ดูรหัส HTMLจะแสดงมาร์กอัปของข้อความมาร์คดาวน์ของคุณ