Crayon Syntax Highlighter 使用教程

董向越

于 2024-09-05 08:54:34 发布

阅读量400

点赞数 3

本文链接：https://blog.csdn.net/gitblog_01051/article/details/141917462

版权

Crayon Syntax Highlighter 使用教程

crayon-syntax-highlighterSyntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, local file or post text.项目地址:https://gitcode.com/gh_mirrors/cr/crayon-syntax-highlighter

项目介绍

Crayon Syntax Highlighter 是一个支持多种语言、主题和字体的语法高亮工具。它可以从 URL、本地文件或文章文本中提取代码并进行高亮显示。该项目主要使用 PHP 和 jQuery 编写，最初是为 WordPress 设计的插件，但也可以在任何 PHP 环境中使用。

项目快速启动

安装

克隆仓库：

git clone https://github.com/aramk/crayon-syntax-highlighter.git

配置：
- 将项目文件夹放置在你的服务器目录中。
- 确保你的服务器支持 PHP。

使用：

在你的 HTML 文件中引入 Crayon 的 CSS 和 JS 文件：

<link rel="stylesheet" href="path/to/crayon.css">
<script src="path/to/crayon.js"></script>

使用 <pre> 标签包裹你的代码：

<pre><code class="php">echo "Hello, World!";</code></pre>

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Crayon Syntax Highlighter 示例</title>
    <link rel="stylesheet" href="path/to/crayon.css">
    <script src="path/to/crayon.js"></script>
</head>
<body>
    <pre><code class="php">echo "Hello, World!";</code></pre>
</body>
</html>