代码高亮,非插件引入prismjs

代码高亮

  • 下载各类第三方插件引入,即可,不赘述...
  • 非插件引入

1.prismjs引入

官方网址 https://prismjs.com/ 进入下载对应需求js与css文件
对应 核心core + 主题选择Themes + 代码语言Languages + 小功能插件Plugins 自由搭配

下载后js和css文件上传当前主题根目录下
直接找到主题目录usr/themes/主题名 或者 操作后台“控制台” -> “外观” —> "编辑当前外观"
在当前主题内 公共文件 header.php 进行引入即可(<head>代码头部此处引入</head>)

//由于markdown问题,有<符号为中文字符替代
<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css');?>">
<script src="<?php $this->options->themeUrl('prism.js');?>"></script>

引用@非插件实现Typecho语法高亮

标签: 前端, Typecho

WeChatPay

微信打赏

Alipay

支付宝打赏

如果对你也有帮助,随便来个五毛的吧,一切随缘看心情...

空空如也