首页 > 其他分享 >如何解决Gridea部分主题不渲染Katex的问题

如何解决Gridea部分主题不渲染Katex的问题

时间:2023-04-25 18:15:47浏览次数:40  
标签:LaTeX 渲染 公式 主题 Katex Gridea

很多好看的主题因为对象不是信息学,所以忽视了公式,即 \(\LaTeX\) 。

导致,如果你想渲染一个 \(n\) ,结果成了 nn

这个简单,导入文件即可。

找到主题文件夹,打开 templates->post.ejs

添加以下这行代码:

  <link rel="stylesheet"`href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css">
  <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script>

效果图

这样就正常了,好的公式渲染可以更好适应公式众多的文章,方便读者更好阅读,从而使博客收到更多推荐。

以上就是关于如何解决Gridea部分主题不渲染 \(\LaTeX\)的问题的全部内容了,如果文章有任何不妥之处,还请之处,谢谢。

标签:LaTeX,渲染,公式,主题,Katex,Gridea
From: https://www.cnblogs.com/I-am-joker/p/17353432.html

相关文章

  • Rails 中的布局和渲染
    Templates,Partials,andLayouts在Rails中,视图是用于呈现HTML、XML、JSON等响应的模板。Rails的视图系统支持模板、局部模板和布局模板,它们分别用于分离代码、提高代码重用性和提供统一的外观。模板是视图的基本构建块。模板可以包含HTML、Ruby代码和其他标记,以生成动......
  • css 渲染优化的方式
    1、加载性能优化:css压缩、css单一样式、减少使用@import,而建议使用link;2、 选择器性能优化:避免使用通配规则*尽量少的去对标签进行选择,而是用class不要去用标签限定ID或者类选择符:ul#nav,应该简化为#nav尽量少的去使用后代选择器,降低选择器的权重值考虑继承3、渲染......
  • 记录在vue3项目中使用wangeditor富文本编译器以及微信小程序中的渲染
    首先,管理后台中的使用npminstallwangeditor//f封装成了组件,以下是组件中的内容<template>  <divstyle="border:1pxsolid#ccc;maxwidth:600px">   <!--工具栏-->   <Toolbar    style="border-bottom:1pxsolid#ccc"    :......
  • Google Chrome安装Mathjax插件在Github渲染LaTex公式
    打开chrome应用商店,搜索MathJax3PluginforGithub,安装插件,在阅读Github上的Markdown文件时会自动渲染LaTex公式。渲染前:渲染后:图片来源在Edge上没有找到在Github渲染LaTex公式的插件qwq......
  • 引领文旅新体验!3DCAT实时云渲染助力打造“永不落幕”的湾区文采会元宇宙
    2022年11月25日至27日,2022年粤港澳大湾区公共文化和旅游产品(东莞)采购会(简称“湾区文采会”)在广东省东莞市文化馆举行。文采会期间,文采会元宇宙线上虚拟展厅全新亮相,这艘承载着科技与文化的元宇宙“文化航母”,结合5G、VR(虚拟现实)、3DCAT实时云渲染等技术,以东莞市文化馆建筑外形为......
  • 条件渲染
    v-if只有当表达式值为真时才被渲染<h1v-if="awesome">Vueisawesome!</h1>v-else<button@click="awesome=!awesome">Toggle(切换)</button><h1v-if="awesome">Vueisawesome!</h1><h1v-else>Ohno......
  • 页面渲染原理以及异常
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=d......
  • 步骤条的接口渲染
     难点: 这些固定的文字渲染首先创建一个数组数组里装的是需要的四个文字 <el-steps:active="stepsData.identifying"align-center><el-stepv-for="(item,index)instepsData.convertRecords":key=&qu......
  • threejs_动态heatmap渲染
    heatmap>heatmap2d.tsimport{Mesh,Texture,MeshBasicMaterial,PlaneGeometry,Box3,Vector3,}from'three';importBasefrom'../Base';importHeatMap,{DataPoint}from'heatmap-ts';import{log}from......
  • 重塑元宇宙体验!3DCAT元宇宙实时云渲染解决方案来了
    元宇宙作为人工智能、云计算和数字孪生等前沿技术的结合体,近年来越发受到各大企业重视。元宇宙的应用场景层出不穷,不仅包括营销推广场景,还有品牌活动和电商销售,能有效提升品宣和商业转化效果。元宇宙也具有极大的建设价值,从品牌文化展示到3D场景化联动再到互动社群运营,参与元宇......