在降价中输出的乳胶方程式

时间:2016-09-10 00:15:36

标签: emacs latex r-markdown org-mode github-flavored-markdown

我正在尝试通过在org-mode中导出文档的markdown来在github.com上渲染乳胶方程式。原始乳胶将写入导出的文件,因此方程式不会在网站上呈现。有没有办法让生成的图像显示为降价文件导入?换句话说,将生成的文件名插入原始乳胶出现的位置,而不是

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Welcome</title>

  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <link rel="stylesheet" href="http://www.justinaguilar.com/animations/css/animations.css">
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/scrollreveal.js/3.3.1/scrollreveal.min.js"></script>

</head>

<body style="font: 'Josefin Sans', sans-serif; margin: 0;">


  <ul class="mainpage primarynav">
    <li><a class="font active" href="#">Home</a>
    </li>
    <li><a class="font" href="#section07">Classes</a>
    </li>
    <li><a class="font" href="#section02">About Me</a>
    </li>
    <li><a class="font" href="stemproject.html">STEM Project</a>
    </li>
    <li><a class="font" href="sports.html">Sports</a>
    </li>
  </ul>


  <section id="section01" class="arrow">
    <h1 class="main">Welcome</h1> 
    <h5 class="main"> <br> <br> <br> <br> A Website by John Ta </h5>
    <a href="#section02"><span></span>Scroll</a>
  </section>

  <!--  END SECTION01 -->

  <section id="section02" class="arrow">
    <h3 class="main" style="color: black;
                ">Filler</h3> 
    <h5 class="main" style="color: black;"> <br> <br> <br> <br> Filler</h5>
    <a href="#section02" style="color: black;"><span></span>Scroll</a>
  </section>

  <!--  END SECTION02 -->

  <section id="section03" class="arrow">
    <h3 class="main" style="color: black">Filler</h3> 
    <h5 class="main" style="color: green"> <br> <br> <br> <br> Filler </h5>
    <a href="#section02" style="color: black"><span></span>Scroll</a>
  </section>

  <!--  END SECTION03 -->

  <section id="section04" class="arrow">
    <h3 class="main" style="color: black">Filler</h3> 
    <h5 class="main"> <br> <br> <br> <br> Filler </h5>
    <a href="#section02"><span></span>Scroll</a>
  </section>

  <!--  END SECTION04 -->

  <section id="section05" class="arrow">
    <h3 class="main">Filler</h3> 
    <h5 class="main"> <br> <br> <br> <br> Filler </h5>
    <a href="#section02"><span></span>Scroll</a>
  </section>

  <!--  END SECTION05 -->

  <section id="section06" class="arrow" style="z-index: 6;">
    <h3 class="main">What extracurriculars do I participate in?
                </h3> 
    <h5 class="main"> <br> <br> <br> <br> Programming team, math team, CyberPatriot </h5>

    <a href="extracurriculars.html" style="z-index: 3;"><span></span>Scroll or Click Here to Learn More</a>
  </section>

  <!--  END SECTION06 -->


  <!-- BEGIN SECTION07 -->

  <section id="section07" style="z-index: 0;" class="s7">


    <ul class="mainpage navbar2">
      <li><a class="font active" href="#">Home</a>
      </li>
      <li><a class="font navbar2" href="computerscience.html">Computer Science</a>
      </li>
      <li><a class="font navbar2" href="stem.html">STEM</a>
      </li>
      <li><a class="font navbar2" href="stw.html">STW</a>
      </li>
      <li><a class="font navbar2" href="math.html">Math</a>
      </li>
      <li><a class="font navbar2" href="humanities.html">Humanities</a>
      </li>
      <li><a class="font navbar2" href="physics.html">Physics</a>
      </li>
      <li><a class="font navbar2" href="spanish.html">Language</a>
      </li>

      <li><a class="font navbar2" href="#section02">About Me</a>
      </li>
      <li><a class="font navbar2" href="stemproject.html">STEM Project</a>
      </li>
      <li><a class="font navbar2" href="soccer.html">Sports</a>
      </li>
    </ul>

    <div class="maincontainer">
      <header class="mainpage">
        <h1 class="font" id="h1mainpage" style="background: rgb(255,255,255,0)"> Use the navigation bar or click the pictures to begin </h1> 
      </header>
    </div>

    <!--  IMAGES  -->
    <div class="maincontainer font">

      <!--  IMAGES ROW 1 -->
      <div id="containermain" class="reveal">
        <div>
          <a href="physics.html">
            <img src="images/atom.png" style="width: 100%;">
          </a>
        </div>

        <div>
          <a href="math.html">
            <img src="images/mathematics.png" style="width: 100%;">
          </a>
        </div>

        <div>
          <a href="humanities.html">
            <img src="images/books.png" style="width: 100%;">
          </a>
        </div>

        <div>
          <a href="stem.html">
            <img src="images/stem.png" style="width: 100%;">
          </a>
        </div>
      </div>

      <!--  IMAGES ROW 1 SUPPLEMENT -->
      <div id="containermain" class="reveal">
        <div>
          <p class="textalign">Physics</p>
        </div>

        <div>
          <p class="textalign">Mathematics</p>
        </div>

        <div>
          <p class="textalign">Humanities</p>
        </div>

        <div>
          <p class="textalign">STEM</p>
        </div>
      </div>

      <!--  IMAGES ROW 2 -->
      <div id="containermain" class="reveal">
        <div>
          <a href="STW.html">
            <img src="images/stw.png" style="width: 100%;">
          </a>
        </div>

        <div>
          <a href="math.html">
            <img src="images/language.png" style="width: 100%;">
          </a>
        </div>

        <div>
          <a href="computerscience.html">
            <img src="images/mac.png" style="width: 100%;">
          </a>
        </div>

        <div>
          <a href="aboutme.html">
            <img src="images/stickfigure.png" style="width: 40%; height: 40%; margin: auto;">
          </a>
        </div>
      </div>

      <!--  IMAGES ROW 2 SUPPLEMENT -->
      <div id="containermain" class="reveal">
        <div>
          <p class="textalign">STW</p>
        </div>

        <div>
          <p class="textalign">Language</p>
        </div>

        <div>
          <p class="textalign">Computer Science</p>
        </div>

        <div>
          <p class="textalign">About Me</p>
        </div>
      </div>

      <!-- IMAGES ROW 3 -->
      <div id="containermain" class="reveal">
        <!-- Image 1 (http://prcsh.org/wp-content/uploads/2014/03/Other-Mail-icon.png) -->
        <div>
          <a href="contactme.html">
            <img src="images/Mail.png" style="width: 100%;">
          </a>
        </div>
        <!-- Image 2 (http://users.wpi.edu/~rlapointe/assets/massAcademyLogo.png) -->
        <div>
          <a href="http://www.massacademy.org/">
            <img src="  " style="width: 100%;">
          </a>
        </div>
        <!-- Image 3 (https://upload.wikimedia.org/wikipedia/en/thumb/4/47/FC_Barcelona_(crest).svg/1010px-FC_Barcelona_(crest).svg.png -->
        <div>
          <a href="soccer.html">
            <img src="images/barcacrest.png" style="width: 100%;">
          </a>
        </div>

        <!-- Image 4 (https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Nuvola_Math_and_Inf.svg/2000px-Nuvola_Math_and_Inf.svg.png) -->
        <div>
          <a href="math.html">
            <img src="images/chrome.jpg" style="width: 100%;">
          </a>
        </div>
      </div>

      <!--  IMAGES ROW 3 SUPPLEMENT -->
      <div id="containermain" class="reveal">
        <div>
          <p class="textalign">Contact Me</p>
        </div>

        <div>
          <p class="textalign"></p>
        </div>

        <div>
          <p class="textalign">Sports</p>
        </div>

        <div>
          <p class="textalign">STEM Project</p>
        </div>
      </div>
    </div>

    <footer class="curvededges font reveal">John Ta</footer>
  </section>

插入生成的图像:

\begin{equation*}
x_{norm}^{(i)}=\frac{x^{(i)}-x_{min}}{x_{max}-x_{min}}
\end{equation*}

0 个答案:

没有答案