@ arborium/ arborium
高性能语法强调由树保姆和Web Assembly提供动力.
安装
npm install @arborium/arborium
使用量
备选案文1:投稿(最轻松)
添加一个单一脚本标签和 Arborium 自动高亮灯所有代码块 :
<script src="https://cdn.jsdelivr.net/npm/@arborium/arborium/dist/arborium.iife.js"></script>
就这样! ium会:
- 自动检测语言
class="language-*"或者说data-lang="*"属性 - 从 jsDelivr CDN 按需装入语法 WASM 插件
- 输入默认主题 CSS
通过数据属性配置 :
<script
src="https://cdn.jsdelivr.net/npm/@arborium/arborium/dist/arborium.iife.js"
data-theme="tokyo-night"
data-selector="pre code"
></script>
备选方案2:无害环境管理模块(方案)
import { loadGrammar, highlight } from '@arborium/arborium';
// Load a grammar (fetched from CDN on first use)
const grammar = await loadGrammar('rust');
// Highlight code
const html = grammar.highlight('fn main() { println!("Hello!"); }');
// Or use the convenience function
const html = await highlight('rust', code);
主题
本套装包括了33个内置主题. 单独导入:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@arborium/arborium/dist/themes/tokyo-night.css">
或在 JavaScript 中导入 :
import '@arborium/arborium/themes/tokyo-night.css';
可用主题
黑暗主题 : 花花花花 花花花花 花花花 花花花 花花花花 花花花花 花花花花 花花花花 花花花花 花花花 花花花 花花花 花花 花花花 花花 花花花 花花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花 花
轻主题 : 黄花相接灯、花花相接灯、花花相接灯、花花相接灯、花花相接灯、花花相接灯、花花相接灯、花花相接灯、花花相接灯
主题归属
所有主题都是从原来的项目中改编出彩色方案. 我们感谢最初的主题作者:
| 主题 | 来源 |
|---|---|
| 阿难 | 主题/颜色 |
| 猫头鹰 | 猫用/猫用 |
| 钴2 | wesbos/cobalt2-vscode (英语) |
| 戴福克斯语Name | 伊甸园东部/夜狐.nvim |
| 沙漠256 | 活字标记/沙漠256.vim |
| 德古拉 | 德拉库拉主题.com |
| 埃夫·梅丽莎 | protesilaos.com/emacs/ef-主题 |
| GitHub 图像 | 入门/github-vscode-主题 |
| 格鲁弗盒 | 莫赫兹/格鲁弗盒 |
| 神奈川岛 | 叛军/kanagawa.nvim |
| 光猫头鹰 | 斯德拉斯/夜间猫头鹰-vscode-主题 |
| 卢修斯 | 乔纳坦菲利普/维姆-卢西乌斯 |
| 美兰 | savq/melange-nvim (英语) |
| 莫诺凯 | 单端 |
| 北部 | 诺德主题.com |
| 一个黑暗 | 原子/一深语法 |
| 罗塞松 | 互联网档案馆的存檔,存档日期2013-12-02. rosepine主题.com |
| 罗斯多克语Name | 生锈/锈 |
| 太阳能化 | ethanschoonover.com/已关闭 |
| 东京之夜 | enkia/tokyo- night-vscode-主题 |
| 禅本 | jnurmine/Zenburn (日语) |
| 阿拉巴斯特语Name | 吨基/vscode-主题阿拉贝斯特 |
链接
许可证
麻省理工学院或阿帕奇2.0
捆绑的主题是从各自的项目中修改颜色方案。 请查看每个项目的具体许可条款的存储库.