展开

关键词

volantis主题修改代码高亮样式

volantis主题修改代码高亮样式 前言 hexo默认的代码高亮样式有时候不够好看,而highlightjs可以自己引用很多好看的样式,比如vs样式。但是它却不支持行号,因此有了这篇修改教程。 <% if (theme.plugins.highlightjs.js) { %> <%- js(theme.plugins.highlightjs.js) %> <script src="https: //cdn.jsdelivr.net/npm/<em>highlightjs</em>-line-numbers.js@2.8.0/dist/<em>highlightjs</em>-line-numbers.min.js"></script 并设置样式 打开_config.volantis.yml文件,启用highlightjs(即删除true前面的#号)。 并设置css样式,如下: # highlight.js highlightjs: enable: true # Please set hexo.config.highlight.enable

11620

百度编辑器 UEditor 用 highlight.js 库实现代码高亮

this).siblings().removeClass("sel");  $(this).addClass("sel"); }); }); </script> 首先到官网去下载这个插件:https://highlightjs.org block);   });   //高亮代码  });  </script> ---- 2019.10.18 更新 【行号支持】 今天突发奇想给代码区块把行号添加上,本着有插件就用插件的原则,找到了 highlightjs-line-numbers.js Github:https://github.com/wcoder/highlightjs-line-numbers.js 用法非常简单,在 highlight.pack.js 后面调用,如下: <script /highlightjs-line-numbers.min.js"></script> 调用代码同样是一句话,如下: <script>    hljs.initHighlightingOnLoad();

52620
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在博客园平台为代码添加行号显示

    highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="//cdn.bootcss.com/<em>highlightjs</em>-line-numbers.js /1.1.0/<em>highlightjs</em>-line-numbers.min.js"></script> <script>hljs.initLineNumbersOnLoad();</script> 版权声明

    16820

    代码高亮插件 TypechoHighlight

    TypeCho代码高亮插件,核心来自:highlightjs.org 默认为MAC主题,支持主题切换 支持核心引用CDN资源 支持一键复制 支持行号显示 支持滚动条 支持一键下载代码图 语言支持列表:CDN 这样就有了弄一个自己的代码高亮插件的想法 2.快速搞定 冲浪一波,基本上都是说用Highlight的方案,核心高亮方式确定并且落地到插件文件中,但是一运行,发现没有行号,网上的人才原来早就解决了,使用了:highlightjs-line-numbers.js

    6710

    Markdown 语法 Markdown 语法

    --- 之剑 2016.5.3 23:41:46

    <link rel="stylesheet" href="http://yandex.st/<em>highlightjs</em> > <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://yandex.st/<em>highlightjs</em> 只要在你的文档开头贴上如下一段md文本即可(原样复制): <div id="category">
    <link rel="stylesheet" href="http://yandex.st/<em>highlightjs</em> > <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://yandex.st/<em>highlightjs</em>

    14520

    改进博客园Markdown显示功能(加代码行号、显示代码所用编程语言)

    尝试了很多方法,最后选择了开源的插件 highlightjs-line-numbers.js,其原理是生成一个新的table,增加tr、 td标签, 并设置border为none。 该插件官方文档中提到的方法为: <script src="//cdn.jsdelivr.net/npm/<em>highlightjs</em>-line-numbers.js@2.6.0/dist/<em>highlightjs</em>-line-numbers.min.js cnblogs-post-body pre")); else setCodeRowWithLang($(".cnblogs-markdown pre")); /* markdown模式下为代码加入行号, 调用插件highlightjs-line-numbers.js

    2.1K50

    第 09 篇:让博客支持 Markdown 语法和代码高亮

    我们使用的插件叫做 highlight.js 和 highlightjs-line-numbers.js,前者提供基础的代码高亮,后者为代码块添加行号。 cdn.bootcss.com/highlight.js/9.15.8/highlight.min.js"></script> <script src="https://cdn.bootcss.com/<em>highlightjs</em>-line-numbers.js /2.7.0/<em>highlightjs</em>-line-numbers.min.js"></script> <script> hljs.initHighlightingOnLoad(); hljs.initLineNumbersOnLoad (); </script> </body> 非常简单,通过 CDN 引入 highlight.js 和 highlightjs-line-numbers.js,然后初始化了两个插件。

    17430

    博客实现代码高亮 原

    1、highlight.js 官网:https://highlightjs.org/ 介绍:  –支持 71 种编程语言的语法解析  –拥有 44 种样式  –自动检测编程语言  –同时为多种编程语言代码高亮

    21550

    实现支持Markdown的编辑器的三种方式

    padding:.3em .6em;}/* Tomorrow Night Theme *//* http://jmblog.github.com/color-themes-for-google-code-highlightjs //github.com/chriskempson/tomorrow-theme *//* http://jmblog.github.com/color-themes-for-google-code-highlightjs

    33310

    sql格式化并高亮

    使用的插件: sql格式化插件: https://github.com/zeroturnaround/sql-formatter sql高亮插件: https://highlightjs.org

    72830

    docker容器中的安装

    直接上命令了: git clone https://github.com/highlightjs/highlight.js.git cd highlight-js sudo docker build

    6530

    2020年11个热门JavaScript 库

    11: Highlight.js star:16.4k 文档: https://highlightjs.org/ GitHub地址: https://github.com/highlightjs/highlight.js

    27300

    2020年11个热门JavaScript 库

    11: Highlight.js star:16.4k 文档: https://highlightjs.org/ GitHub地址: https://github.com/highlightjs/highlight.js

    24920

    ColorHighlight插件实现Mac风格代码高亮

    gitee.com/xcnte/ColorHighlight-for-typecho 起始 本插件是基于 Highlight 插件,改自泽泽https://qqdie.com/archives/typecho-highlightjs-plugin.html 您可以打开以下链接查看详情: https://highlightjs.org/download/ 与我联系 长期更新该插件,如果有任何意见或发现任何BUG请在该篇文章下留言 提示 由于插件只对了我博客的主题做了兼容性修改

    46820

    主题配置

    使用 highlightjs 相关文档:highlight essayCodeHighlightingType 类型:String 默认值:"cnblogs" 使用highlightjs插件渲染代码高亮 window.cnblogsConfig = { essayCodeHighlightingType: "highlightjs", } essayCodeHighlighting 类型:String 默认值:"" highlightjs 代码高亮主题:demo window.cnblogsConfig = { essayCodeHighlighting: "a11y-dark", } /

    30640

    前端技术观察第 16 期

    need switch in JavaScript 借鉴py的dict,字典代替switch https://www.valentinog.com/blog/switch/ tools And codes Highlightjs Syntax highlighting for the Web 成熟的Web语法高亮库 https://highlightjs.org/ developit/web-worker Native cross-platform

    29130

    博客园美化

    }, homeBannerTextType: "one", //代码高亮配置 essayCodeHighlightingType: 'highlightjs ', // 代码主题插件类型:cnblogs || highlightjs || prettify essayCodeHighlighting: 'idea', // 代码高亮主题,具体主题参考文档

    63130

    OAuth2授权服务器Id Server一键生成配置原理

    highlightjs 主要依托于highlightjs这个代码高亮库,平常我们在各大技术社区看到的五颜六色的代码块很多就依赖这个JS库,连我自己的技术博客felord.cn都用了这个类库来做代码片段美化

    6110

    【2019-10-05 更新】Typecho 主题:AL_lolimeow - 基于Wordpress 主题 lolimeow

    alone88/p/Al_lolimoew/git CDN下载:点我下载 特点 基于Bootstrap 页面预加载 基于InstantClick的Pjax预加载,让网站飞起来 CDN 调用静态css,和js HighlightJS

    56220

    通过 Github Actions 部署 Mkdocs 文档

    这时站点还没有加载主题,你要修改mkdocs.yml,增加theme配置: theme: name: material language: zh highlightjs: true 不同的主题有不同的参数配置

    16710

    相关产品

    • 云+校园特惠套餐

      校园优惠套餐升级,云服务器1核2G10元/月起购

    相关资讯

    热门标签

    扫码关注腾讯云开发者

    领取腾讯云代金券