ฉันมีบล็อกที่จัดการโดย Tumblrซึ่งฉันโพสต์โพสต์ที่เกี่ยวข้องกับ Python จำนวนมาก ฉันจะทำให้ Python โค้ดในโพสต์ของฉันแสดงรหัสสีได้อย่างไร
ฉันมีบล็อกที่จัดการโดย Tumblrซึ่งฉันโพสต์โพสต์ที่เกี่ยวข้องกับ Python จำนวนมาก ฉันจะทำให้ Python โค้ดในโพสต์ของฉันแสดงรหัสสีได้อย่างไร
คำตอบ:
ถ้าคุณมีมากเกินไปผมจะบอกว่าไปสำหรับgoogle-รหัสเสริมสวย
สิ่งที่คุณต้องทำคือการรวม javascript, css และทำเสร็จแล้ว
ตรวจสอบตัวอย่างและนี่คือการตั้งค่า:
- ดาวน์โหลดการกระจาย
- รวมสคริปต์และสไตล์ชีทไว้ในเอกสารของคุณ (คุณจะต้องตรวจสอบให้แน่ใจว่าไฟล์ css และ js อยู่บนเซิร์ฟเวอร์ของคุณและปรับเส้นทางในสคริปต์และแท็กลิงก์)
<link href="prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="prettify.js"></script>
- เพิ่ม onload = "prettyPrint ()" ลงในแท็ก body ของเอกสารของคุณ
- ปรับเปลี่ยนสไตล์ชีทเพื่อให้ได้สีตามที่คุณต้องการ
คุณสามารถใช้hilite.me
hilite.meแปลงข้อมูลโค้ดของคุณให้อยู่ในรูปแบบ HTML ที่พิมพ์ออกมาสวยงามสามารถฝังลงในโพสต์บล็อกอีเมลและเว็บไซต์ได้อย่างง่ายดาย
เพียงคัดลอกซอร์สโค้ดไปที่บานหน้าต่างด้านซ้ายเลือกภาษาและชุดสีและคลิก "ไฮไลต์!" ขณะนี้ HTML จากบานหน้าต่างด้านขวาสามารถวางในบล็อกหรืออีเมลของคุณได้โดยไม่ต้องใช้ไฟล์ CSS หรือ Javascript ภายนอก
ฉันใช้ส่วนสำคัญของ Github เพื่อทำสิ่งนี้ วางและสร้างส่วนสำคัญจากนั้นคุณสามารถฝังไว้ในเว็บเพจใดก็ได้รวมทั้ง Tumblr
script
องค์ประกอบ - Tumblr จะหนีสิ่งเหล่านี้แม้ว่าคุณจะใช้โหมด HTML ความคิดใด ๆ
code
แท็กด้วยแท็กเฉพาะclass
ซึ่งไม่ดีถ้าคุณใช้ Markdown syntax โชคดีที่มันไม่มีปัญหาที่จะทำโดยใช้ JS ในการโหลดหน้า