typecho 使用prism.js代码高亮

由 jinlife 发布
  • 先去 http://prismjs.com/ 网站下载js和css。可选下载,可选择自己想要支持的语言。
  • 下载后将prism.js和prism.css放入typecho主题根目录下。默认主题目录: \usr\themes\default
  • 在主题目录内header.php适当位置加入如下一行代码:
<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css');?>"> <script src="<?php $this->options->themeUrl('prism.js');?>"></script>

在编辑代码时可开头使用三个点 \`+语言:\`\`\`php, 结尾使用\`\`\` 包围想高亮的代码。如下:

```php
code here
```

或者直接使用plugin
https://github.com/Copterfly/CodeHighlighter-for-Typecho

本文作者:jinlife
本文链接:typecho 使用prism.js代码高亮 - https://blog.jinlife.com/index.php/archives/3/
版权声明:本博客内容遵守 “署名-非商业性使用-禁止演绎 4.0 国际”协议(CC BY-NC-ND 4.0),除特别说明外内容皆为原创,可以自由转载与传播,但请署名及注明文章出处。

暂无评论

发表评论


captcha
请输入验证码