ฉันจะแสดงตัวอย่างโค้ดหลามแบบรหัสสีในบล็อก Tumblr ของฉันได้อย่างไร


คำตอบ:


14

ถ้าคุณมีมากเกินไปผมจะบอกว่าไปสำหรับgoogle-รหัสเสริมสวย

สิ่งที่คุณต้องทำคือการรวม javascript, css และทำเสร็จแล้ว

ตรวจสอบตัวอย่างและนี่คือการตั้งค่า:

  1. ดาวน์โหลดการกระจาย
  2. รวมสคริปต์และสไตล์ชีทไว้ในเอกสารของคุณ (คุณจะต้องตรวจสอบให้แน่ใจว่าไฟล์ css และ js อยู่บนเซิร์ฟเวอร์ของคุณและปรับเส้นทางในสคริปต์และแท็กลิงก์)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. เพิ่ม onload = "prettyPrint ()" ลงในแท็ก body ของเอกสารของคุณ
  4. ปรับเปลี่ยนสไตล์ชีทเพื่อให้ได้สีตามที่คุณต้องการ

ปัญหาเดียวที่ฉันมีกับวิธีนี้คือมันคาดว่าคุณจะทำเครื่องหมายcodeแท็กด้วยแท็กเฉพาะclassซึ่งไม่ดีถ้าคุณใช้ Markdown syntax โชคดีที่มันไม่มีปัญหาที่จะทำโดยใช้ JS ในการโหลดหน้า
Mladen Jablanović

8

คุณสามารถใช้hilite.me

hilite.meแปลงข้อมูลโค้ดของคุณให้อยู่ในรูปแบบ HTML ที่พิมพ์ออกมาสวยงามสามารถฝังลงในโพสต์บล็อกอีเมลและเว็บไซต์ได้อย่างง่ายดาย
เพียงคัดลอกซอร์สโค้ดไปที่บานหน้าต่างด้านซ้ายเลือกภาษาและชุดสีและคลิก "ไฮไลต์!" ขณะนี้ HTML จากบานหน้าต่างด้านขวาสามารถวางในบล็อกหรืออีเมลของคุณได้โดยไม่ต้องใช้ไฟล์ CSS หรือ Javascript ภายนอก

7

ฉันใช้ส่วนสำคัญของ Github เพื่อทำสิ่งนี้ วางและสร้างส่วนสำคัญจากนั้นคุณสามารถฝังไว้ในเว็บเพจใดก็ได้รวมทั้ง Tumblr


มีปัญหาที่นี่ต้องการ JS ดังนั้นหากผู้ใช้ไม่ได้เปิดใช้งานหรือหากผู้ใช้เป็นบอทการค้นหารหัสของคุณจะยังคงมองไม่เห็น
Mladen Jablanović

ฉันหวังว่าฉันจะสามารถลงคะแนนได้มากกว่าหนึ่งครั้ง @ MladenJablanovićคุณไม่สามารถใช้เว็บส่วนใหญ่ได้หากไม่ใช้ JavaScript ในปัจจุบัน ฉันคิดว่านั่นไม่ใช่ปัญหาจริงๆ
Octavian A. Damiean

คุณช่วยให้รายละเอียดเพิ่มเติมเกี่ยวกับวิธีการทำเช่นนี้? ฉันเพิ่งลองและสรุปส่วนสำคัญให้ฝังเป็นscriptองค์ประกอบ - Tumblr จะหนีสิ่งเหล่านี้แม้ว่าคุณจะใช้โหมด HTML ความคิดใด ๆ
cottsak
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.