当前位置：首页 > news >正文

Vue 渲染 LaTeX 公式 Markdown 库

news 来源：原创 2025/8/11 11:47:53

🌟 前言

欢迎来到我的技术小宇宙！🌌 这里不仅是我记录技术点滴的后花园，也是我分享学习心得和项目经验的乐园。📚 无论你是技术小白还是资深大牛，这里总有一些内容能触动你的好奇心。🔍

🤖 洛可可白：个人主页

🔥 个人专栏：✅前端技术 ✅后端技术

🏠 个人博客：洛可可白博客

🐱 代码获取：bestwishes0203

📷 封面壁纸：洛可可白wallpaper

Vue 渲染 LaTeX 公式 Markdown 库

- - 1. 使用 `MathJax` 渲染 LaTeX 公式
  - - 安装依赖
    - 配置 MathJax
    - 创建 Vue 组件
    - 使用组件
  - 2. 使用 `KaTeX` 渲染 LaTeX 公式
  - - 安装依赖
    - 创建 KaTeX 组件
    - 使用组件
  - 3. 结合 Markdown 渲染
  - - 安装依赖
    - 创建 Markdown 组件
    - 使用组件
  - 总结

在 Vue 项目中渲染包含 LaTeX 公式的 Markdown 内容，推荐使用 markdown-it 结合 markdown-it-katex。 markdown-it 是一个高性能的 Markdown 解析器，而 markdown-it-katex 是其插件，用于渲染 LaTeX 数学公式。通过这种方式，你可以轻松地在 Vue 中展示复杂的数学公式，同时保持代码的简洁性和可维护性。这种组合不仅支持行内公式（如 $E=mc^2$ ），还支持块级公式（如 $$\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}$$），非常适合学术和技术文档的展示。

1. 使用 `MathJax` 渲染 LaTeX 公式

安装依赖

npm install mathjax

配置 MathJax

在 public/index.html 中引入 MathJax 的 CDN 链接并进行配置：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Vue LaTeX Project</title><script>MathJax = {tex: {inlineMath: [['$', '$'], ['\\(', '\\)']],displayMath: [['$$', '$$'], ['\\[', '\\]']]},svg: { fontCache: 'global' }};</script><script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
</head>
<body><div id="app"></div>
</body>
</html>

创建 Vue 组件

创建一个 MarkdownRenderer.vue 组件，用于渲染 Markdown 内容并支持 LaTeX 公式：

<template><div v-html="renderedContent"></div>
</template><script>
export default {props: {content: String},computed: {renderedContent() {// 使用 MathJax 自动解析 LaTeX 公式return this.content;}},mounted() {// 确保 MathJax 渲染公式MathJax.typesetPromise([this.$el]);},watch: {content() {// 当内容更新时重新渲染公式MathJax.typesetPromise([this.$el]);}}
};
</script>

使用组件

在父组件中使用 MarkdownRenderer 组件：

<template><div><markdown-renderer :content="markdownContent" /></div>
</template><script>
import MarkdownRenderer from './components/MarkdownRenderer.vue';export default {components: {MarkdownRenderer},data() {return {markdownContent: `
# Markdown with LaTeX Formulas$$
\\begin{align*}
e^x & = 1 + x + \\frac{x^2}{2!} + \\frac{x^3}{3!} + \\frac{x^4}{4!} + \\cdots \\\\& = \\sum_{n=0}^{\\infty} \\frac{x^n}{n!}
\\end{align*}
$$\\[ \\text{均值} (\\bar{x}) = \\frac{1}{N}\\sum_{i=1}^{N} x_i \\]`};}
};
</script>

2. 使用 `KaTeX` 渲染 LaTeX 公式

安装依赖

npm install katex

创建 KaTeX 组件

创建一个 KatexRenderer.vue 组件，用于渲染 LaTeX 公式：

<template><div v-html="renderedFormula"></div>
</template><script>
import katex from 'katex';
import 'katex/dist/katex.min.css';export default {props: {formula: String},computed: {renderedFormula() {return katex.renderToString(this.formula, { throwOnError: false });}}
};
</script>

使用组件

在父组件中使用 KatexRenderer 组件：

<template><div><katex-renderer :formula="formula" /></div>
</template><script>
import KatexRenderer from './components/KatexRenderer.vue';export default {components: {KatexRenderer},data() {return {formula: `
\\begin{align*}
e^x & = 1 + x + \\frac{x^2}{2!} + \\frac{x^3}{3!} + \\frac{x^4}{4!} + \\cdots \\\\& = \\sum_{n=0}^{\\infty} \\frac{x^n}{n!}
\\end{align*}
`};}
};
</script>

3. 结合 Markdown 渲染

如果你需要结合 Markdown 渲染并支持 LaTeX 公式，可以使用 markdown-it 和 markdown-it-katex。

安装依赖

npm install markdown-it markdown-it-katex

创建 Markdown 组件

创建一个 MarkdownRenderer.vue 组件：

<template><div v-html="renderedMarkdown"></div>
</template><script>
import MarkdownIt from 'markdown-it';
import katex from 'markdown-it-katex';export default {props: {content: String},computed: {renderedMarkdown() {const md = new MarkdownIt();md.use(katex);return md.render(this.content);}}
};
</script>

使用组件

在父组件中使用 MarkdownRenderer 组件：

<template><div><markdown-renderer :content="markdownContent" /></div>
</template><script>
import MarkdownRenderer from './components/MarkdownRenderer.vue';export default {components: {MarkdownRenderer},data() {return {markdownContent: `
# Markdown with LaTeX Formulas$$
\\begin{align*}
e^x & = 1 + x + \\frac{x^2}{2!} + \\frac{x^3}{3!} + \\frac{x^4}{4!} + \\cdots \\\\& = \\sum_{n=0}^{\\infty} \\frac{x^n}{n!}
\\end{align*}
$$\\[ \\text{均值} (\\bar{x}) = \\frac{1}{N}\\sum_{i=1}^{N} x_i \\]`};}
};
</script>

总结

如果你需要强大的公式渲染能力，推荐使用 MathJax。
如果你需要更快的渲染速度，推荐使用 KaTeX。
如果你需要结合 Markdown 渲染，可以使用 markdown-it 和 markdown-it-katex。

通过以上方法，你可以灵活地在 Vue 项目中渲染 Markdown 内容并支持复杂的 LaTeX 公式块。

如果对你有帮助，点赞👍、收藏💖、关注🔔是我更新的动力！👋🌟🚀

Vue 渲染 LaTeX 公式 Markdown 库

🌟 前言欢迎来到我的技术小宇宙！🌌 这里不仅是我记录技术点滴的后花园，也是我分享学习心得和项目经验的乐园。📚 无论你是技术小白还是资深大牛，这里总有一些内容能触动你的好奇心。🔍 &#x…...

编程日记 2025/8/11 11:47:53

基于大模型的喉癌全程预测与治疗方案优化研究报告

目录一、引言 1.1 研究背景与意义 1.2 研究目的与目标 1.3 研究方法与数据来源二、大模型在喉癌预测中的应用原理 2.1 大模型概述 2.2 预测喉癌的技术原理 2.3 相关技术对比三、术前预测与方案制定 3.1 术前风险预测 3.1.1 淋巴结转移预测 3.1.2 其他风险因素预…...

编程日记 2025/8/11 11:44:31

SpringBoot第三站：配置嵌入式服务器使用外置的Servlet容器

目录 1. 配置嵌入式服务器 1.1 如何定制和修改Servlet容器的相关配置 1.server.port8080 2. server.context-path/tx 3. server.tomcat.uri-encodingUTF-8 1.2 注册Servlet三大组件【Servlet，Filter，Listener】 1. servlet 2. filter 3. 监听器…...

编程日记 2025/8/11 11:32:20

通向AGI的未来之路！首篇2D/视频/3D/4D统一生成框架全景综述(港科大中山等)

文章链接： https://arxiv.org/pdf/2503.04641 摘要理解并复现现实世界是人工通用智能（AGI）研究中的一个关键挑战。为实现这一目标，许多现有方法（例如世界模型）旨在捕捉支配物理世界的基本原理&#xff0…...

编程日记 2025/8/11 11:47:44

什么是MCP（Model Context Protocol）？对话、意图识别、服务调用和上下文管理

什么是MCP？ MCP（Model Context Protocol） 是一种专为人工智能模型设计的通信协议，旨在解决复杂 AI 系统中多个模型或组件之间的协同、状态管理和资源优化问题。它尤其适用于大型语言模型（LLM）、多模态系统及…...

编程日记 2025/8/11 11:41:18

第二十七篇数据仓库与维度建模指南：从理论到实战的进阶之路

声明：文章内容仅供参考，需仔细甄别。文中技术名称属相关方商标，仅作技术描述；代码示例为交流学习用途，部分参考开源文档（Apache 2.0/GPLv3）；案例数据已脱敏，技术推荐保持…...

编程日记 2025/8/5 23:59:53

定时任务引起的死锁

定时任务引起的死锁前言：Java面试题死锁的场景有哪些？你们是怎么解决的？ 锁有哪些特性？ 问题现象 1，文件上传报当前功能正在使用，请稍后再试 2，其他账号登录系统，登录不上去&a…...

编程日记 2025/8/11 11:46:08

NewStar CTF web wp

文章目录 week1headach3会赢吗智械危机谢谢皮蛋PangBai 过家家（1） week3include meblindsql1臭皮的计算机臭皮踩踩背这照片是你吗 week4Pangbai过家家四blindsql2chocolateezcmsssezpollute隐藏的密码 weeek5pangbai过家家(5)redissqlshell臭皮吹泡泡臭皮…...

编程日记 2025/8/11 11:44:28

Docker运行postgreSQL，由于异常启动或者退出后，提示could not locate a valid checkpoint record

pg_resetwal 是 PostgreSQL 的“急救工具”，用于在极端情况下修复因 WAL 或控制文件损坏导致的启动问题。但需注意： 风险极高，可能导致数据不一致。必须立即转储并恢复，避免直接在修复后的数据库中执行写操作。仅在备份后使用&…...

编程日记 2025/8/11 11:47:41

Leetcode 刷题笔记1 图论part01

图论的基础知识： 图的种类： 有向图（边有方向） 、无向图（边无方向）、加权有向图（边有方向和权值） 度： 无向图中几条边连接该节点，该节点就有几度&#xff1…...

编程日记 2025/8/11 11:44:30

文件管理系统

前言：之前我们讨论的是被打开文件的管理，那么未被打开的文件是如何管理的呢？ 1.认识磁盘设备 1.1磁盘的物理结构磁盘是由盘片（盘面，扇区，磁道，柱面），磁头&#xff0c…...

编程日记 2025/8/11 11:46:08

荣耀手机卸载应用商店、快应用中心等系统自带的

1.下载abd ADB Download - Get the latest version of ADB and fastboot 2.手机打开开发者选项 3.手机接电脑打开USB调试 4.下载MT管理器查看系统包名 D:\1.LFD\ADB\platform-tools-latest-windows\platform-tools>adb shell adb.exe: no devices/emulators found 这边是…...

编程日记 2025/8/11 11:41:19

结合基于标签置信度的特征选择方法用于部分多标签学习-简介版

假设部分多标签学习（PML）假设：假设样本的标签集合中存在伪正标签，即某些标签可能是错误的。目标是从候选标签集中识别出真实标签。特征与标签的关系假设：假设不同的标签对应的特征子空间可能是不同的，而不…...

编程日记 2025/8/8 5:59:54

【小白向】Word｜Word怎么给公式标号、调整公式字体和花括号对齐

【小白向】Word｜Word怎么给公式标号、调整公式字体和花括号对齐我的版本：Word 2021 如需快速查看关键步骤，请直接阅读标红部分。如果遇到无法调整的情况，可以直接下载我的示例文档进行参考：花括号和其他的示例公式.…...

编程日记 2025/8/5 1:37:40

基于香橙派 KunpengPro学习CANN(2)——Ascend Extension for PyTorch 配置与安装

将 PyTorch 网络迁移到昇腾平台并执行训练或推理，直接使用昇腾提供的构图接口构图。Ascend Extension for PyTorch插件用于适配PyTorch框架，可以使用昇腾AI处理器的算力。 1 pip 安装 # 下载PyTorch安装包 wget https://download.pytorch.org/whl/cpu/…...

编程日记 2025/8/11 10:16:17

【备赛】遇到的小问题-1

问题描述-1 想实现的功能是，通过ADC实时测量某引脚的电压及其占空比。可以通过旋转电位器，更改其电压。首先我定义了这几个变量 uint32_t adc_value;//HAL库函数里面得出的采样值(实时更新) uint32_t percentage6;//占空比，随着adc_val…...

编程日记 2025/8/6 5:00:25

Browser Use的安装和使用

文章目录一、介绍二、安装教程1、使用Conda创建虚拟环境2、激活环境3、安装browser use4、安装Playwright5、克隆git仓库6、安装项目的依赖三、使用教程1、启动WebUI2、案例13、案例2 一、介绍背景 Browser Use：用AI控制你的浏览器，你可以使用它帮你…...

编程日记 2025/8/6 22:33:44

碰一碰发视频saas系统技术源头一站式开发文档

碰一碰发视频系统技术源头一站式开发文档一、引言在数字化信息传播高速发展的当下，如何让视频分享更便捷、高效，成为商家和开发者们关注的焦点。“碰一碰发视频”系统以其独特的交互方式和强大的功能优势，为视频分享领域带来了革命性变革。…...

编程日记 2025/8/11 10:48:32

Spring Boot 静态访问配置属性的解决方案

前言在Spring Boot开发中，静态访问配置信息是一个常见需求，尤其是在工具类、常量类或非Bean类中直接获取配置值。问题背景假设我们的应用需要从application.yml中读取配置项app.logotype，并在工具类、静态方法或非Bean类中直接访问该值。…...

编程日记 2025/8/8 12:43:22

NLP高频面试题（四）——BN和LN的区别与联系，为什么attention要用LN

在深度学习模型中，Normalization是一种极为重要的技巧，Batch Normalization（BN）和Layer Normalization（LN）是其中最为常用的两种方法。然而，二者在实际应用中有着明显的区别与联系，尤…...

编程日记 2025/8/7 21:32:39

深度学习定义与分类【详细易懂初学者友好~】

深度学习（Deep Learning）是机器学习的一个子领域，它基于人工神经网络（Artificial Neural Networks，ANN）的理论和架构，通过构建多层（即“深度”）的神经网络结构来学习数据…...

编程日记 2025/8/6 15:53:57

二、小白学JAVA-认识数据类型【变量】

1、实际案例类比初中以上数学，就知道有有理数、正数、负数、0、小数、大写的数字、语文。 2、数据类型介绍 public class Main {public static void main(String[] args) {// 数据类型byte i_byte 12; // 标识数据范围小，但是节省内存>网络传输…...

编程日记 2025/8/2 18:54:06

UNI-APP uts插件支持ANDROID 监听手机状态

插件地址 https://ext.dcloud.net.cn/plugin?id22646 模块 import {startPhoneListener,stopPhoneListener,checkIsAutoRecord,toCallAutoRecorderPage,navigateToCallRecordingSettings,jumpToPermissionPage,makePhoneCall,allRecorderFilesAction,registerSmsReceiver,} f…...

编程日记 2025/8/9 10:16:26

AI入门7：python三种API方式调用本地Ollama+DeepSeek

回顾书接上篇：各种方式搭建了本地知识库： AI入门：AI模型管家婆ollama的安装和使用-CSDN博客 AI入门2：本地AI部署，用ollama部署deepseek（私有化部署）-CSDN博客 AI入门3：给本地d…...

编程日记 2025/8/8 15:49:26

SQL SERVER日常运维巡检系列—结构设计

前言　　做好日常巡检是数据库管理和维护的重要步骤，而且需要对每次巡检日期、结果进行登记，同时可能需要出一份巡检报告。　　本系列旨在解决一些常见的困扰： 不知道巡检哪些东西 不知道怎么样便捷体检 机器太多体检麻烦 生成报告…...

编程日记 2025/8/6 22:04:29

前端剪贴板操作：从传统方法到现代方案

一、传统复制实现原理这个copy函数展示了经典的剪贴板操作方案： function copy(color) {const input document.createElement("input");input.value color;document.body.appendChild(input);input.select();document.execCommand("copy")…...

编程日记 2025/8/7 8:13:06

E1-数组的平衡点2(前缀和）

题目描述给定一个长度为 n 的数组 nums，若其中存在某个位置 index，使得 [0, index - 1] 范围的元素之积等于 [index 1, n - 1] 范围的元素之积，则称 index 位置是数组 nums 的平衡点。请你找出数组 nums 的平衡点位置，若存在…...

编程日记 2025/8/1 12:59:12

【Maven-plugin】有多少官方插件？

之前疏理了容器底层原理，现在回归主题,在阅读 next-public时发现 parent 将从多基础插件集成到 parent 仓库中单独维护，数量众多，故在此将所有插件分类整理。以达观其全貌，心中有数。以下是 Apache Maven 官方维护的核心插件列表…...

编程日记 2025/8/11 5:31:52

10-BST(二叉树)-建立二叉搜索树，并进行前中后遍历

题目来源 3540. 二叉搜索树 - AcWing题库思路建立二叉搜索树（注意传参时用到了引用，可以直接对root进行修改），同时进行递归遍历；遍历可以分前中后三种写，也可以用标志来代替合在一起。其余详见代码。…...

编程日记 2025/8/7 11:42:57

企业培训APP如何迈向AI时代？智能化在线教育系统源码开发解析

2025年，AI驱动的企业培训系统将成为主流，企业可以借助智能化在线教育系统源码构建高效的培训体系，提高员工学习效率，优化培训成本。本文将详细解析AI如何赋能企业培训，并探讨智能化在线教育系统源码的关键技术与开发实…...

编程日记 2025/8/2 3:57:07

CXSMILES介绍

Chemaxon 扩展 SMILES/SMARTS 用于在 SMILES 字符串后存储分子的特殊特征。任何信息都可以存储在 SMILES 字符串后，只要它们由空格或制表符字符分隔，因为 SMILES 解析器会忽略这些信息，或者将它们作为注释使用。扩展特征以以下格式存储： SMILES_String |<feature1>,…...

编程日记 2025/8/11 3:01:45

麒麟服务器操作系统Sqlite部署手册

软件简介 SQLite****介绍 SQLite是一个进程内的轻量级嵌入式数据库，它的数据库就是一个文件，实现了自给自足、无服务器、零配置的、事务性的SQL数据库引擎。它是一个零配置的数据库，这就体现出来SQLite与其他数据库的最大的区别：SQLite不需要在系统中配置，直接可以使用。…...

编程日记 2025/8/6 16:10:46

【GPT-SoVITS】GPT-SoVITSAPI调用：让二次元角色开口说话，打造专属语音合成系统

介绍 GPT-SoVITS 是一个强大的语音合成系统，它结合了 GPT（生成式预训练转换器）和 SoVITS（Soft-VC VITS）两种先进技术： GPT: 负责文本理解和语音生成的控制，能够根据上下文生成自然的语音内容S…...

编程日记 2025/8/5 16:03:19

Deepseek API+Python测试用例一键生成与导出-V1.0.2【实现需求文档图片识别与用例生成自动化】

在测试工作中，需求文档中的图片（如界面设计图、流程图）往往是测试用例生成的重要参考。然而，手动提取图片并识别内容不仅耗时，还容易出错。本文将通过一个自研小工具，结合 PaddleOCR 和大模型，自…...

编程日记 2025/8/7 1:51:11

防火墙双机热备（主备分担）

目录引言主备备份实验 1、基本配置 2、双机热备配置查看双机热备状态主备切换路由影响引言传统VRRP方式无法实现主、备用防火墙状态信息和多组VRRP状态的一致性，所以可能会导致流量的回包不从首包通过的防火墙回包，防火墙会因为状态检测机…...

编程日记 2025/8/4 7:25:02

记Redis集群挂掉后，尝试重启集群但失败问题

前期尝试解决：将redis集群中所有redis节点都关闭后，又重新启动服务并且试图用命令建立集群通讯，报错[ERR] Node 192.168.75.128:7001 is not empty. Either the node already knows other nodes (check with CLUSTER NODES) or contains some…...

编程日记 2025/7/24 5:59:14

c++--vector

1.定义vector vector的定义分为四种 (1)vector() ——————无参构造 (2)vector(size_t n,const value_type& val value_type()) ——————构造并初始化n个val (3)vector(const vector& v1) ———————拷贝构造 (4)vector(inputiterator first,inpu…...

编程日记 2025/8/7 22:36:30

计算机视觉——深入理解卷积神经网络与使用卷积神经网络创建图像分类算法

引言卷积神经网络（Convolutional Neural Networks，简称 CNNs）是一种深度学习架构，专门用于处理具有网格结构的数据，如图像、视频等。它们在计算机视觉领域取得了巨大成功，成为图像分类、目标检测、图像分…...

编程日记 2025/8/11 2:44:43

c++题目_翻译家

题目描述 grang是一个帅气的翻译家他的任务是把摩斯密码翻译成2进制数，他要上课所以想请你帮他一下，他会给你一段摩斯密码有“.”和“-”组成让你输出个二进制数。翻译规则是：不用管-，看每一个.有几个"."组成如果有奇…...

编程日记 2025/8/9 12:30:30

【解析 ECharts 图表样式继承与自定义】

解析 ECharts 图表样式继承与自定义本文将详细介绍 ECharts 的样式继承机制，从其原理、演进到实际应用场景，并结合实际开发经验分享一些实战技巧，帮助开发者在构建数据可视化页面时实现更统一、灵活的样式管理与高效开发。一、背景与来龙…...

编程日记 2025/8/9 13:27:13

Python IP解析器 ip2region使用

说明：最近需要在python项目内使用IP定位所在城市的需求，没有采用向外部ISP服务商API请求获取信息的方案，则翻了翻，在搞Java时很多的方案，在Python端反而可选择范围很小。 # 示例查询 ips ["106.38.188.214"…...

编程日记 2025/8/7 20:03:29

Java Stream 流的介绍

介绍在 Java 8 中，引入了 Stream API，它为处理集合（如 List、Set 等）提供了一种更简洁、声明式的方式。Stream 流的设计目标是支持对数据集合的高效操作，尤其是能够进行链式操作、并行处理等，极大地提升了…...

编程日记 2025/8/6 12:20:32

C++从入门到入土（八）——多态的原理

目录前言多态的原理动态绑定与静态绑定虚函数表小结前言在前面的文章中，我们介绍了C三大特性之一的多态，我们主要介绍了多态的构成条件，但是对于多态的原理我们探讨的是不够深入的，下面这这一篇文章，我们将…...

编程日记 2025/8/7 20:00:17

BFS，DFS带图详解+蓝桥杯算法题+经典例题

1.BFS和DFS的定义与实现方式 1.1 深度优先搜索（DFS） 基本概念：DFS 是一种用于遍历或搜索图或树的算法。它从起始节点开始，沿着一条路径尽可能深地探索下去，直到无法继续或者达到目标节点，然后回溯到上一个…...

编程日记 2025/8/9 7:18:23

【RHCE实验】搭建主从DNS、WEB等服务器

目录需求环境搭建配置nfs服务器配置web服务器配置主从dns服务器主dns服务器从dns服务器配置客户端客户端测试需求客户端通过访问 www.nihao.com 后，能够通过 dns 域名解析，访问到 nginx 服务中由 nfs 共享的首页文件，内容…...

编程日记 2025/8/3 14:18:57

有哪些开源的智慧园区项目？

作为专注于数字孪生技术的开发者团队，我们一直在数字孪生圈分享开源项目。但最近一次与AI助手Deepseek的对话，却让我们“又惊又喜”。 ——当询问“有哪些开源的智慧园区项目”时，Deepseek的回答中竟包含了我们自己的开源项目！ 这…...

编程日记 2025/8/10 16:37:36

prometheusalert对阿里云短信服务不适配问题处理

背景想通过prometheusalert实现阿里云短信告警。结果在配置完altermanager和prometheusalert，以及阿里云短信服务中的各种签名和短信模板之后，在prometheusalert web ui上测试模板时一直报“模板变量JSON格式错误或 JSON变量属性与模板占位符不一致”…...

编程日记 2025/8/1 8:15:23

NFC 碰一碰发视频源码搭建，支持OEM

一、引言 NFC（Near Field Communication）近场通信技术，以其便捷、快速的数据交互特性，正广泛应用于各个领域。其中，NFC 碰一碰发视频这一应用场景，为用户带来了新颖且高效的视频分享体验。想象一下&#x…...

编程日记 2025/8/5 12:42:20

浅谈鸿蒙跨平台开发框架ArkUI-X

之前写过使用uniapp的跨平台开发鸿蒙项目，今天分享一下开发体验更友好的跨平台开发框架ArkUI-X。 ArkUI-X看起来像是鸿蒙官方的框架，在DevEco中就可以安装和使用，而且会ArkUI就可以开发安卓和、iOS和鸿蒙三个平台的app，下面简单介…...

编程日记 2025/8/5 16:02:27

LLVM学习-- 构建和安装

一 LLVM版本二适用预构建的二进制文件安装LLVM 三适用包管理器安装LLVM 四从源码构建用于Linux的LLVM 五从源码构建用于Windows和Visual Studio的LLVM 六从源码构建用于MacOS 和XCode的LLVM 1.1 LLVM项目从10年前第一次发布到版本3.4，其SVN存储库包含了超过20…...

编程日记 2025/8/10 13:30:33

Vue 渲染 LaTeX 公式 Markdown 库

1. 使用 MathJax 渲染 LaTeX 公式

安装依赖

配置 MathJax

创建 Vue 组件

使用组件

2. 使用 KaTeX 渲染 LaTeX 公式

安装依赖

创建 KaTeX 组件

使用组件

3. 结合 Markdown 渲染

安装依赖

创建 Markdown 组件

使用组件

总结

相关文章：

1. 使用 `MathJax` 渲染 LaTeX 公式

2. 使用 `KaTeX` 渲染 LaTeX 公式