hongshan
/
slibra-module-web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Markdown-it with MathJax</title>
  <!-- 引入 MathJax CDN -->
  <!-- <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> -->
  <!-- <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> -->
  <!-- <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.0/es5/tex-chtml.min.js"></script> -->
  <script type="text/javascript" async
    src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>

</head>

<body>
  <div id="content"></div>

  <div class="latexDiv">
    $$P_{待估} = \\frac{1/a}{1/a+1/b+1/c}*P_A+\\frac{1/b}{1/a+1/b+1/c}*P_B+\\frac{1/c}{1/a+1/b+1/c}*P_C$$
    臭氧层的形成与耗损是一个复杂的化学过程，它涉及到大气中氧气（O2）的转化，尤其是在平流层中。其主要反应过程可以通过两个关键步骤来描述：

1. **形成过程（光解反应）**：
   - 当分子氧气（O2）吸收太阳紫外线（hν）时，会发生光解，生成一个氧原子（O·）和一个未结合的氧分子（0·O2）。这一反应可以用化学方程式表示为：
     \[
     \mathcal{O}_{2} + h\nu \rightarrow O· + O·O
     \]
   - 接着，这两个氧原子会相互结合生成一个臭氧分子（O3），即：
     \[
     O· + O·O \rightarrow O_3
     \]
   这些反应吸收了大量的紫外线，起到了地球生物的天然防晒屏作用。

2. **耗损过程（还原反应）**：
   - 臭氧分子在受到紫外线激发后，可能发生两个反应：一是直接返回到氧气状态，释放出一个氧原子，反应为：
     \[
     O_3 + h\nu \rightarrow O_2 + O·
     \]
   - 另一反应是臭氧与另一个氧原子结合，生成两个氧气分子，即：
     \[
     O_3 + O· \rightarrow 2O_2
     \]
   这两个过程共同维持了臭氧层的动态平衡。

总的来说，平流层中的臭氧通过不断的生成与耗损，形成了一个微妙的平衡，这个平衡对于阻挡有害紫外线对地球表面生物至关重要。尽管紫外线照射不断促使臭氧的分解，但同样数量的臭氧通过上述反应得以再生，确保了地球生命得以在适宜的环境中繁衍。


在水务工程中，有许多公式用于计算不同方面的参数，例如水流量、水压、水处理效率等。这里我给出一个简单的水流量计算公式，通常用于估算水管中的平均流速：

**平均流速公式 (对于圆形管道)**:
\[ V = \frac{Q}{A} \]

其中：
- \( V \) 是平均流速（通常以米每秒 m/s 表示），
- \( Q \) 是流量（以立方米每秒 m³/s 或升每秒 L/s 表示，取决于单位要求），
- \( A \) 是管道截面积（对于圆形管道，\( A = \pi r^2 \)，其中 \( r \) 是管道半径，单位为米 m）。

如果你需要其他类型的水务公式或者具体情境下的计算，请提供更多的信息，我会给出相应的公式或详细的解答。
  </div>

  <script src="https://markdown-it.github.io/markdown-it.js"></script>
  <script>
    // 初始化 markdown-it
  const md = window.markdownit();

    // 假设你的Markdown内容存储在一个变量中
    const markdownContent = `你的Markdown内容，包括 LaTeX 公式如： $$P_{待估} = \\frac{1/a}{1/a+1/b+1/c}*P_A+\\frac{1/b}{1/a+1/b+1/c}*P_B+\\frac{1/c}{1/a+1/b+1/c}*P_C$$`;

    // 使用 markdown-it 渲染Markdown到HTML
    const htmlContent = md.render(markdownContent);

    // 将渲染后的HTML插入到页面中
    document.getElementById('content').innerHTML = htmlContent;
    // MathJax.js

    let isMathjaxConfig = false// 用于标识是否配置
    const initMathjaxConfig = () => {
      if (!window.MathJax) {
        return
      }
      window.MathJax.Hub.Config({
        showProcessingMessages: false, // 关闭js加载过程信息
        messageStyle: 'none', // 不显示信息
        // jax: ['input/TeX', 'output/HTML-CSS'],
        tex2jax: {
          inlineMath: [['$', '$'], ['\\(', '\\)']], // 行内公式选择符
          displayMath: [['$$', '$$'], ['\\[', '\\]']], // 段内公式选择符
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code', 'a'] // 避开某些标签
        },
        'HTML-CSS': {
          availableFonts: ['STIX', 'TeX'], // 可选字体
          showMathMenu: false // 关闭右击菜单显示
        }
      })
      isMathjaxConfig = true // 配置完成，改为true
    }

    const MathQueue = function (elementId) {
      if (!window.MathJax) {
        return
      }
      window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub, document.getElementsByClassName(elementId)]) // 根据class
      window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub, document.getElementById(elementId)]) // 根据id
    }

    if (MathJax.isMathjaxConfig) { // 是否配置MathJax
      MathJax.initMathjaxConfig()
    }

    MathJax.MathQueue('latexDiv') // 渲染对应的id/class


  </script>
</body>

</html>


const open = () => {

  window.MathJax.config = {
    tex: {
      inlineMath: [['$', '$'], ['\\(', '\\)']],
      displayMath: [['$$', '$$'], ['\\[', '\\]']],
      processEscapes: true,
      macros: {
        RR: '{\\bf R}',
        bold: ['{\\bf #1}', 1],
      },
    },
    svg: {
      scale: 1.2,
      fontCache: 'global',
    },
    options: {
      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
      ignoreClass: 'MJX_ignore',
    },
    loader: {
      // paths: { mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.0/es5/tex-chtml.min.js' },
      load: ['input/tex-full', 'output/svg', 'adapter/liteDOM'],
    }
  }

  if (window.MathJax) {
    window.MathJax.startup.promise.then(() => {
      const element = document.getElementById('box');

      window.MathJax.typesetPromise();

      window.MathJax.typesetPromise([element])
        .then(() => {
          console.log('公式已渲染');
        })
        .catch((error) => {
          console.error('公式渲染失败:', error);
        });
    });
  }


}