GithubHelp home page GithubHelp logo

next-theme / hexo-filter-mathjax Goto Github PK

View Code? Open in Web Editor NEW
102.0 102.0 6.0 82 KB

💯 Server side MathJax renderer plugin for Hexo.

Home Page: https://www.npmjs.com/package/hexo-filter-mathjax

License: MIT License

JavaScript 65.44% CSS 34.56%
hexo hexo-plugin math mathjax

hexo-filter-mathjax's People

Contributors

lgtm-com[bot] avatar qinka avatar renovate-bot avatar renovate[bot] avatar renzibei avatar stevenjoezhang avatar xinyangli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

hexo-filter-mathjax's Issues

渲染效果有问题

大佬好,我的渲染效果有问题,能帮忙看一下吗?

系统:Windows10

Pandoc版本:(pandoc --version

pandoc.exe 2.7.3
Compiled with pandoc-types 1.17.5.4, texmath 0.11.2.2, skylighting 0.8.1
Default user data directory: C:\Users\王楚屹\AppData\Roaming\pandoc
Copyright (C) 2006-2019 John MacFarlane
Web:  http://pandoc.org
This is free software; see the source for copying conditions.
There is no warranty, not even for merchantability or fitness
for a particular purpose.

安装的插件和主题(hexagon -l):

Plugins:

        - hexo
        - hexo-asset-image-fixed
        - hexo-generator-archive
        - hexo-generator-category
        - hexo-generator-feed
        - hexo-generator-index
        - hexo-generator-searchdb
        - hexo-generator-tag
        - hexo-helper-qrcode
        - hexo-renderer-ejs
        - hexo-renderer-pandoc
        - hexo-renderer-stylus
        - hexo-server
        - hexo-tag-cloud

Themes:

        - landscape
        - materialized

这是我的Markdown源码:

---
title: test
date: 2020-03-17 21:59:36
tags:
- test
mathjax: true
---
$ \sum $

$$
\sum_1^n
$$

但使用这个插件渲染之后,公式变成了这样:
image

渲染部分的源码:

<p>$ $</p>
<p><span class="math display">\[
\sum_1^n
\]</span></p>

这是网页的HTML代码:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="renderer" content="webkit">

  
  <title>test | xling的博客</title>

  <link rel="shortcut icon" href="/images/favicon.png">
  <link rel="alternate" href="/atom.xml" title="xling的博客">
  <meta property="og:type" content="article">
<meta property="og:title" content="test">
<meta property="og:url" content="http://sunxling.gitlab.io/2020/03/17/test/">
<meta property="og:site_name" content="xling的博客">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2020-03-17T13:59:36.000Z">
<meta property="article:modified_time" content="2020-03-17T14:56:54.957Z">
<meta property="article:author" content="sunxl">
<meta property="article:tag" content="test">
<meta name="twitter:card" content="summary">

  <meta name="format-detection" content="telephone=no,email=no">
  <meta name="theme-color" content="#9C27B0">
  <meta name="description" content="">
  <meta name="keywords" content=",test">

  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="xling的博客">
  <meta name="msapplication-starturl" content="http://sunxling.gitlab.io/2020/03/17/test/">
  <meta name="msapplication-navbutton-color" content="#9C27B0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-title" content="xling的博客">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="apple-touch-icon" href="/images/favicon.png">

  
    <meta property="article:published_time" content="Tue Mar 17 2020 21:59:36 GMT+0800">
    <meta property="article:modified_time" content="Tue Mar 17 2020 22:56:54 GMT+0800">
  

  
    <link rel="canonical" href="http://sunxling.gitlab.io/2020/03/17/test/">
  

  
  

  
  
  

  
<link rel="stylesheet" href="/css/mdui.css">
<link rel="stylesheet" href="/css/style.css">

<meta name="generator" content="Hexo 4.2.0"><link rel="alternate" href="/atom.xml" title="xling的博客" type="application/atom+xml">
<link rel="alternate" href="/rss2.xml" title="xling的博客" type="application/rss+xml">
</head>
<body class="mdui-appbar-with-toolbar mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink">
  <script>var a=localStorage.getItem("mdui-theme-layout-dark");if(a){document.getElementsByTagName("body")[0].className+=" mdui-theme-layout-dark"};</script>
  <header id="header" class="mdui-appbar mdui-appbar-fixed mdui-appbar-scroll-hide mdui-appbar-inset">
  <div class="mdui-toolbar mdui-color-theme">
    <a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#sidebar', swipe: true}"><i class="mdui-icon material-icons">menu</i></a>
    <a href="/" class="mdui-typo-headline">xling的博客</a>
    <div class="mdui-toolbar-spacer"></div>
    <a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-dialog="{target: '#search'}" mdui-tooltip="{content: '搜索'}"><i class="mdui-icon material-icons">search</i></a>
    <a href="/atom.xml" class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: 'RSS'}"><i class="mdui-icon material-icons">rss_feed</i></a>
  </div>
</header>
<div class="mdui-dialog" id="search">
  
    <div class="search-form">
      <input type="search" class="search-form-input" placeholder="Enter the key words">
    </div>
    <div class="search-result" data-resource="/search.xml"></div>
  
</div>
  <aside id="sidebar" class="mdui-drawer mdui-drawer-full-height">
  <div class="mdui-grid-tile">
    <img src="/images/banner.png" style="height: 160px;">
    <img src="/images/avatar.png" class="avatar-animation" style="position: absolute; top: 10%; left: 24px; width: 64px; height: 64px; border: 2px solid #fff; border-radius: 50%;">
    <div class="mdui-grid-tile-actions">
      <div class="mdui-grid-tile-text">
        <div class="mdui-grid-tile-title">sunxl</div>
        <div class="mdui-grid-tile-subtitle"><i class="mdui-icon material-icons">art_track</i></div>
      </div>
      
        <div class="mdui-grid-tile-buttons">
          <a href="mailto:[email protected]" class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: '[email protected]'}"><i class="mdui-icon material-icons">email</i></a>
        </div>
      
    </div>
  </div>

  <div class="mdui-list" mdui-collapse="{accordion: true}">
    <a href="/" class="mdui-list-item mdui-ripple">
      <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">home</i>
      <div class="mdui-list-item-content">主页</div>
    </a>
    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-deep-orange">inbox</i>
        <div class="mdui-list-item-content">归档</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list mdui-list-dense">
        
        <a class="mdui-ripple sidebar_archives-link" href="/archives/2020/03/">三月 2020<span class="mdui-ripple sidebar_archives-count">2</span></a>
        
      </div>
    </div>
    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">chrome_reader_mode</i>
        <div class="mdui-list-item-content">分类</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list mdui-list-dense">
        
        <a class="mdui-ripple sidebar_archives-link" href="/categories/uncategorised/">uncategorised<span class="mdui-ripple sidebar_archives-count">1</span></a>
        
      </div>
    </div>
    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-brown">bookmark</i>
        <div class="mdui-list-item-content">标签</div>
        <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list mdui-list-dense">
        
        <a class="mdui-ripple sidebar_archives-link" href="/tags/aha/" rel="tag">aha<span class="mdui-ripple sidebar_archives-count">1</span></a><a class="mdui-ripple sidebar_archives-link" href="/tags/hah/" rel="tag">hah<span class="mdui-ripple sidebar_archives-count">1</span></a><a class="mdui-ripple sidebar_archives-link" href="/tags/interesting/" rel="tag">interesting<span class="mdui-ripple sidebar_archives-count">1</span></a><a class="mdui-ripple sidebar_archives-link" href="/tags/test/" rel="tag">test<span class="mdui-ripple sidebar_archives-count">1</span></a>
        
      </div>
    </div>
    <a href="/about" class="mdui-list-item mdui-ripple">
      <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-purple">person</i>
      <div class="mdui-list-item-content">关于</div>
    </a>
  </div>

  <div class="mdui-divider"></div>

  <div class="mdui-list" mdui-collapse="{accordion: true}">
    
      <a href="/%E6%A0%87%E7%AD%BE" class="mdui-list-item mdui-ripple">标签</a>
    
      <a href="/gallery" class="mdui-list-item mdui-ripple">Gallery</a>
    
    <div class="mdui-collapse-item">
      <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
        <div class="mdui-list-item-content">友情链接</div>
        <i class="mdui-list-item-icon mdui-icon material-icons">link</i>
      </div>
      <div class="mdui-collapse-item-body mdui-list mdui-list-dense">
        
          <a href="https://github.com" target="_blank" class="mdui-list-item mdui-ripple mdui-p-l-2 mdui-text-color-theme-accent" style="justify-content: center;">Github</a>
        
        
      </div>
    </div>
  </div>
</aside>
  <main id="main" class="mdui-m-t-5 fadeIn animated">
  
<link rel="stylesheet" href="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.css">

  <style>#main article .mdui-card-content .center-block{display:block!important;margin-right:auto!important;margin-left:auto!important}</style>
  <article class="mdui-card mdui-m-b-5">
    <header class="mdui-card-media">
      <img src="/images/random/material-12.png" style="max-height: 240px;">
      <div class="mdui-card-media-covered">
        <div class="mdui-card-primary">
          <div class="mdui-card-primary-title">test</div>
          <div class="mdui-card-primary-subtitle"><i class="iconfont">&#xe697;</i> 2020-03-17 / <i class="iconfont">&#xe601;</i> sunxl</div>
        </div>
      </div>
      <div class="mdui-card-menu">
        
          <button class="mdui-btn mdui-btn-icon mdui-text-color-white" mdui-menu="{target: '#qrcode', align: 'right'}"><i class="mdui-icon material-icons">devices</i></button>
          <ul class="mdui-menu" id="qrcode">
            
              <li class="mdui-menu-item"><a class="mdui-text-center mdui-ripple">Send to mobile phone</a></li>
            
            <li class="mdui-menu-item" disabled>
              
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAADGCAAAAACs8KCBAAAB7UlEQVR42u3aS1LEMAwFwNz/0nCAKcKTbCrEaq8oZiZxZ6FYn+vriHVhYGBgYGBgYPwbxhWvz++v/6e3BwwMjJmMX0Lb5yWC2/RIhT1gYGCMZNwH2eTS9+z802QPGBgYGPkx7j4QV9kYGBgYuxj3v00+xcDAwOgxkgSymo4mmAdycQwMjBcyqo2Bv/j7gf4GBgbGSxjlEYcgOFabBw/MjGBgYLyKsZ5Y3m/u/leF8No74WJgYBzBSC6dp6898LajIQYGxqGMvBzWK+6vDGE03xsYGBgDGL2if7Ldahnul4eCgYExntELi3kIzgtwP+4KAwNjGCM//K00O6tXLgdcDAyMoxnJpXcd8gpp6voAKwYGxkGMatDsDa32Dosb3hsYGBgvZ+xtZPaOfdXAjYGBMY1RTTWrBbW8MLfhvYGBgXEoI/pBKx3tDWcUDqAYGBgjGXnamVPzVuXSsAUGBsbRjGthVccs8iAbPSYMDIwxjOrKC2RJczQJuBgYGBgrw169Nue2RikGBsYwRi+xTALxejgutzAxMDCOZlRHIqpDFSvpcbMTi4GBMZLRO1D2UuXm0RADAwMjvllS4u+FbwwMjMmMXhJbLZwl940eBwYGxjBGtTFQHfPqNQPK5TYMDIxDGe9dGBgYGBgYGBiPrm8SAYJvYU+4QQAAAABJRU5ErkJggg==">
              
            </li>
          </ul>
        
        
          <button class="mdui-btn mdui-btn-icon mdui-text-color-white" mdui-menu="{target: '#share_menu', align: 'right'}"><i class="mdui-icon material-icons">share</i></button>
          <ul class="mdui-menu" id="share_menu">
            <li class="mdui-menu-item">
              <a href="http://service.weibo.com/share/share.php?appkey=&title=test&url=http://sunxling.gitlab.io/2020/03/17/test/&pic=http://sunxling.gitlab.io/images/favicon.png&searchPic=false&style=simple" target="_blank" class="mdui-ripple">分享到微博</a>
            </li>
            <li class="mdui-menu-item">
              <a href="https://twitter.com/intent/tweet?text=test&url=http://sunxling.gitlab.io/2020/03/17/test/&via=sunxl" target="_blank" class="mdui-ripple">分享到Twitter</a>
            </li>
            <li class="mdui-menu-item">
              <a href="https://www.facebook.com/sharer/sharer.php?u=http://sunxling.gitlab.io/2020/03/17/test/" target="_blank" class="mdui-ripple">分享到Facebook</a>
            </li>
            <li class="mdui-menu-item">
              <a href="https://plus.google.com/share?url=http://sunxling.gitlab.io/2020/03/17/test/" target="_blank" class="mdui-ripple">分享到Google+</a>
            </li>
            <li class="mdui-menu-item">
              <a href="https://www.linkedin.com/shareArticle?mini=true&url=http://sunxling.gitlab.io/2020/03/17/test/&title=test" target="_blank" class="mdui-ripple">分享到LinkedIn</a>
            </li>
            <li class="mdui-menu-item">
              <a href="http://connect.qq.com/widget/shareqq/index.html?site=xling的博客&title=test&summary=Communication Network notes&pics=http://sunxling.gitlab.io/images/favicon.png&url=http://sunxling.gitlab.io/2020/03/17/test/" target="_blank" class="mdui-ripple">分享到QQ</a>
            </li>
            <li class="mdui-menu-item">
              <a href="https://telegram.me/share/url?url=http://sunxling.gitlab.io/2020/03/17/test/&text=test" target="_blank" class="mdui-ripple">分享到Telegram</a>
            </li>
          </ul>
        
      </div>
    </header>
    <div class="mdui-card-content mdui-typo">
        
            <html><head></head><body>
//文章主体在这里:(这是我加的注释,本来没有的)
<p>$ $</p>
<p><span class="math display">\[
\sum_1^n
\]</span></p>
</body></html>
        
      <blockquote class="mdui-m-t-5">
        
        <strong>本文链接:</strong><a href="http://sunxling.gitlab.io/2020/03/17/test/">http://sunxling.gitlab.io/2020/03/17/test/</a>
      </blockquote>
      
    </div>
    <footer class="mdui-card-actions">
      
      
        <a class="mdui-ripple article_tags-link" href="/tags/test/" rel="tag">test</a>
      
    </footer>
    
  </article>
  
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.js"></script>

  <script>$("#main article .mdui-card-content img.fancybox").on("click",function(e){$.fancybox.open({src:$(this).attr("src")});});</script>


  <nav id="paginator">
    
    <div class="spacer"></div>
    
      <a rel="next" class="extend next" href="/2020/03/17/hello-world/">
        下一篇&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <button aria-label="next" class="mdui-btn mdui-btn-raised mdui-btn-dense mdui-btn-icon mdui-color-theme-accent mdui-ripple"><i class="mdui-icon material-icons">arrow_forward</i></button>
      </a>
    
  </nav>




</main>
  <footer id="footer" class="mdui-m-t-5 mdui-p-y-3 mdui-color-theme">
  <div class="mdui-p-y-0 mdui-text-center">
    
    
    
    
    
    
    
    
    
    
    
    
  </div>
  <div class="mdui-p-y-1 mdui-text-center">
    Copyright &copy; 2019 - 2020 sunxl<br>
    Powered by <a href="https://hexo.io/" target="_blank" class="mdui-text-color-theme-accent">Hexo</a>
    
  </div>
</footer>
  <button id="gotop" class="mdui-fab mdui-fab-fixed mdui-fab-hide mdui-ripple mdui-color-theme-accent"><i class="mdui-icon material-icons">arrow_upward</i></button>
  
  
<script src="/js/mdui.js"></script>
<script src="/js/script.js"></script>

</body>
</html>

tikzjax

Hello,

Thanks for your nice plug-in. I am wondering whether it could support tikzjax or not. If so, how to make it?

Do not start a new line when adding formula blocks

Is it possible to let the formula block stay in the existing line?

For example, when I have this in markdown:

This is a formula $$a+b=c$$.

It's still rendered as:

This is a formula
a+b=c

Am I doing something wrong here?

矩阵公式未渲染

  • use theme: Keep v3.6.1
  • Hexo v6.3.0
  • Hexo config.yml
 mathjax:
  tags: none               # or 'ams' or 'all'
  single_dollars: true     # enable single dollar signs as in-line math delimiters
  cjk_width: 0.9           # relative CJK char width
  normal_width: 0.6        # relative normal (monospace) width
  append_css: true         # add CSS to every page
  every_page: false        # if true, every page will be rendered by mathjax regardless the `mathjax` setting in Front-matter of each article
  • article Front-matter
title: 为什么学习矩阵
date: 2022-09-14 22:23:55
tags: [数学, 矩阵]
categories: 思考
mathjax: true
  • problem: 矩阵公式乱码
  • 本地渲染图片
    image
  • Typora 渲染图片
    image

渲染效果不对劲

Content of debug log
---
title: Latex测试
date: 2019-11-26 21:34:07
mathjax: true
tags:
---

$UCB1(S_{i})=\overline{V_{i}}+c \sqrt{\frac{\log N}{n_{i}}}, c=2$

$$UCB1(S_{i})=\overline{V_{i}}+c \sqrt{\frac{\log N}{n_{i}}}, c=2$$

$\frac{Q(v_{i})}{N(v_{i})}$

$$\frac{Q(v_{i})}{N(v_{i})}$$

$\overline{V_{i}}$

$$\overline{V_{i}}$$

$\frac{1}{4}$

$$\frac{1}{4}$$

$\epsilon_0$

$$\epsilon_0$$

$\epsilon_{0}$

$$\epsilon_{0}$$

但我的页面显示是这样的,有的消失不了,epsilon0可以显示,但是前面的代码并没有消失 ![渲染效果](http://chuantu.xyz/t6/703/1574776456x1033347913.jpg)

Error in applying html the markdown file

Dear

Sorry to interrupt you. I am really new to hexo and html. I would like to publish my own markdown file into my own personal blogs, which was built on hexo. The transformation from jupyter notebook to markdown file would include some HTML format code, which maybe incompatible with the mathjax. Since when I create a new file and type the math equation, it would successfully shown, but when I followed the instruction and "hexo s" the markdown file with HTML code, it would return the error like this:

err: Error: Can't find handler for document
at HandlerList.handlesDocument (/Users/yuxuan/Desktop/blog/blog/node_modules/mathjax-full/js/core/HandlerList.js:58:15)
at HandlerList.document (/Users/yuxuan/Desktop/blog/blog/node_modules/mathjax-full/js/core/HandlerList.js:62:21)
at Object.document (/Users/yuxuan/Desktop/blog/blog/node_modules/mathjax-full/js/mathjax.js:10:41)
at /Users/yuxuan/Desktop/blog/blog/node_modules/hexo-filter-mathjax/lib/filter.js:59:26
at Hexo. (/Users/yuxuan/Desktop/blog/blog/node_modules/hexo-filter-mathjax/index.js:19:18)
at Hexo.tryCatcher (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/util.js:16:23)
at Hexo. (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/method.js:15:34)
at /Users/yuxuan/Desktop/blog/blog/node_modules/hexo/lib/extend/filter.js:67:52
at tryCatcher (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/util.js:16:23)
at Object.gotValue (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/reduce.js:166:18)
at Object.gotAccum (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/reduce.js:155:25)
at Object.tryCatcher (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/promise.js:547:31)
at Promise._settlePromise (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/promise.js:604:18)
at Promise._settlePromise0 (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/promise.js:649:10)
at Promise._settlePromises (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/promise.js:729:18)
at _drainQueueStep (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/async.js:93:12)
at _drainQueue (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/async.js:86:9)
at Async._drainQueues (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/async.js:102:5)
at Immediate.Async.drainQueues [as _onImmediate] (/Users/yuxuan/Desktop/blog/blog/node_modules/bluebird/js/release/async.js:15:14)
at processImmediate (internal/timers.js:461:21)
} Something's wrong. Maybe you can find the solution here: %s https://hexo.io/docs/troubleshooting.htm

hope to hear your response.
thank you

不支持用\\或\\\\换行

使用 \\\\\\ 无法换行,hexo-renderer-marked / hexo-renderer-pandoc / hexo-renderer-kramed 都不行,使用的主题是 cactus。如果用 \\\ 的话会显示一个空格。
但是换成 hexo-renderer-mathjax + hexo-renderer-kramed / hexo-renderer-pandoc 就可以。不太懂前端,不知道什么原因。

如何避免不必要的inline渲染

假如我有一句话是

这支笔价格是$2.4,那把直尺价格是$3.5。 

两个$...$之间的内容也会被当成公式渲染。请问有办法避免这种情况吗?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/codeql.yml
  • actions/checkout v4
  • github/codeql-action v3
  • github/codeql-action v3
  • github/codeql-action v3
.github/workflows/linter.yml
  • actions/checkout v4
  • actions/setup-node v4
npm
package.json
  • mathjax-full 3.2.2
  • chai 4.4.1
  • mocha 10.4.0

  • Check this box to trigger a request for Renovate to run again on this repository

数学公式不显示编号

渲染插件:
hexo-filter-mathjax
hexo-renderer-pandoc

mathjax配置:

mathjax:
  tags: none # or 'ams' or 'all'
  single_dollars: true # enable single dollar signs as in-line math delimiters
  cjk_width: 0.9 # relative CJK char width
  normal_width: 0.6 # relative normal (monospace) width
  append_css: true # add CSS to pages rendered by MathJax
  every_page: true # if true, every page will be rendered by MathJax regardless the `mathjax` setting in Front-matter
  packages: # extra packages to load
  extension_options: {}
    # you can put your extension options here
    # see http://docs.mathjax.org/en/latest/options/input/tex.html#tex-extension-options for more detail

文章中公式latex例子:

$$
\begin{equation}
\begin{aligned}
p(x) = \frac{exp^{u(x;\,\theta)}}{Z(\theta)}
\end{aligned}
\end{equation}
$$

公式随宽度缩放

我的文章正文使用hexo-renderer-pandoc+hexo-filter-mathjax渲染,公式在屏幕宽度不足时会溢出;
image

而同时我观察到Waline评论区的mathjax功能也使用了类似的方法在服务端渲染公式为svg,评论区的公式就可以自动缩小以匹配宽度。
image

折腾了好久,不知道如何解决,故询问一下

_config.mathjax.append_css

append_css is set to true, all pages are rendered <style>,
even if the post of MathJax is not used <style> is rendered. Can it be optimized?
With MathJax enabled in the post to decide whether to render <style>

Spaces before inline math is removed by hexo-html-minifier

My markdown looks like this:

flipped by  $i \leftarrow W - 1 - i$

Before, I was using frontend rendering with mathjax javascript library. The space between "by" and the inline math is kept. I got result like this:
2022-02-27_22-49

After using hexo-filter-mathjax, the space disappeared and I got this:
2022-02-27_22-50

I can also see from the raw html that the space is gone.

Is this a problem of hexo-filter-mathjax? How can I let it render the space properly?

Options that I use:

mathjax:
  tags: none # or 'ams' or 'all'
  single_dollars: true # enable single dollar signs as in-line math delimiters
  cjk_width: 0.9 # relative CJK char width
  normal_width: 0.6 # relative normal (monospace) width
  append_css: true # add CSS to pages rendered by MathJax
  every_page: false # if true, every page will be rendered by MathJax regardless the `mathjax` setting in Front-matter
  extension_options: {}

physics宏包支持

 extension_options: {}
    # you can put your extension options here
    # see http://docs.mathjax.org/en/latest/options/input/tex.html#tex-extension-options for more detail

我想加入physics宏包,但是我没有搞懂应该如何填写配置文件,请问能否给出一个示例。

Are linebreaks supported?

I've been trying to output several different formulas on multiple lines, but am unable to get any linebreaks. I've tried pretty much all the methods I found in the KaTeX documentation but had no luck.

For example, using the editor at katex.org, the text

\textcolor{purple}{z}=(\textcolor{green}{c_1} \space choose \space \textcolor{teal}3)+(\textcolor{green}{c_2} \space choose \space \textcolor{teal}2)+(\textcolor{green}{c_3} \space choose \space \textcolor{teal}1)\\
\space\\
OR\\
\space\\
\textcolor{purple}{z}=\bigg(\vcenter{\textcolor{green}{c_1} \atop \textcolor{teal}3}\bigg)+\bigg(\vcenter{\textcolor{green}{c_2} \atop \textcolor{teal}2}\bigg)+\bigg(\vcenter{\textcolor{green}{c_3} \atop \textcolor{teal}1}\bigg)\\

produces

image

but through hexo-filter-mathjax it produces

image

I am new to writing math with these TeX type libraries so hopefully I am just doing something wrong, but I can't spot it. Are linebreaks supported in this package?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.