การเพิ่ม MathJax ไปยัง Tumblr

10

ฉันต้องการเพิ่ม MathJax ในเว็บไซต์ Tumblr แม้ว่าฉันจะสับสนเล็กน้อยว่าจะเริ่มจากตรงไหน

MathJax ไม่ได้เสนอเอกสารสำหรับ Tumblr เพียงแค่ไซต์เช่น WordPress และอื่น ๆ

tumblr

6

MathJax พร้อมใช้งานผ่าน CDN แล้วดังนั้นคุณไม่จำเป็นต้องติดตั้งลงบนเซิร์ฟเวอร์อีกต่อไป สิ่งที่คุณต้องทำคือใส่สองสามบรรทัดในส่วนหัว html ของคุณและคุณสามารถเริ่มใช้คณิตศาสตร์ในบทความของคุณ

ในการทำสิ่งนี้ให้ไปที่ Theme -> ใช้ HTML ที่กำหนดเองและแทรกต่อไปนี้ด้านบน</head>เครื่องหมาย:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js"></script>

บันทึกการเปลี่ยนแปลงและคุณพร้อมที่จะรวมคณิตศาสตร์ไว้ในหน้า Tumblr ของคุณ ตัวอย่างเช่นลอง

\[ \exp(x) = \sum_{n=1}^{\infty} \frac{x^n}{n!} \]

ขอให้โชคดีหวังว่านี่จะช่วยได้

— Hylke Koers
แหล่งที่มา

การคัดลอกและวางบรรทัดแรกนั้นเพียงพอหรือไม่ หรือเราควรจะแทนที่cdn.mathjax.org/mathjax/latest/…เป็นอย่างอื่น? ฉันพยายามทำสิ่งนี้บน Tumblr และการโพสต์ข้อความแสดงรหัส TeX แบบดิบเท่านั้น

— yunone

2

เมื่อมองดูบันทึกการติดตั้ง MathJax มันจะปรากฏขึ้นทั้งหมดที่คุณต้องทำคือเชื่อมโยงไปยังไฟล์ JavaScript

สำหรับ Tumblr หมายความว่าคุณจะต้องปรับแต่งธีม HTML ของคุณ

จากสิ่งที่ฉันสามารถรวบรวมคุณจะต้องเพิ่มบรรทัดนี้ก่อน</head>แท็ก

<script type="text/javascript" src="path-to-MathJax/MathJax.js"></script>

ไหนpath-to-MathJaxจะไปยังที่ที่เคยบนเซิร์ฟเวอร์ของคุณคุณได้อัปโหลดไฟล์ JS

เช่น

<html>
    <head>
        <title>My Tumblr site</title>
    <script type="text/javascript" src="path-to-MathJax/MathJax.js"></script>
    </head>
    <body>
        ...
    </body>
</html>

— codingbadger
แหล่งที่มา

ขอบคุณสำหรับการตอบสนอง - ปัญหาที่ฉันคิดว่าฉันเป็นเจ้าภาพผ่าน Tumblr - ฉันเพิ่งชี้ไปที่โดเมนที่นั่น ฉันคิดว่าฉันอาจลองปรับแต่ง HTML ด้วยแหล่ง Mathjax ทั้งหมดจากนั้นลอง

— tshauck

1

นอกเหนือจากคำตอบของ Barry คุณต้องเพิ่มข้อมูลเพิ่มเติมเพื่อให้ Tumblr รู้ว่าต้องทำอย่างไรกับ '$' และ '$$' ที่คุณมักใช้กับ MathJax ลองเพิ่มบรรทัดเหล่านี้หลังจากที่โพสต์ข้อความด้านบน

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
  inlineMath: [[ '$','$']],
  displayMath:  [['$$','$$']],
  processEscapes: true
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>

[props to http://blog.angjookanazawa.com/post/15081007922/how-to-write-in-latex-use-mathjax-in-tumblr] สำหรับการจัดหาสิ่งเหล่านี้

— tbjohnston
แหล่งที่มา