next主题设定代码高亮格式

@(Hexo+Github)

新版的Next主题卡得很严，记录如下。

首先需要动的地方有：

主题的_config.yml文件
站点的_config.yml文件
代码块的语言标注

在站点的配置文件中，搜索hightlight:

highlight:enable: trueline_number: trueauto_detect: truetab_replace:

文字自动检测默认不启动，所以改成true使其起作用。

再到主题的配置文件：

找到：

highlight_theme: normal，注释显示有五种显示主题可用，分别是：

normal
night
night eighties
night blue
night bright

选择什么要看个人审美了。

此时，还不能解决高亮问题，虽然背景会变，但是文字并没起作用。

包裹代码块的方式很多，有用tab的，也可以用“`包围的，好像tab不行，用“`可以，但是我就是用“`的，发现还是不行，后来发现需要这样：

“`Python
code here
“`
即在第一个
“`后面注明语言类型才可以。

如此三步才好。有点折腾但是效果还行。

文章首发于：https://bingyy.github.io

next主题设定代码高亮格式相关推荐

《Hexo: 从零开始编写自己的主题》4. fancybox优化图片展示效果、代码高亮以及数学公式
<Hexo: 从零开始编写自己的主题> 1. Hexo概述以及Hexo工作原理 2. 入门Hexo主题编写 3. 优化样式,设计自己的主题 4. fancybox优化图片展示效果.代码高亮 ...
java中if条件格式_Java 设置Excel条件格式示例代码(高亮条件值、应用
概述在Excel中,应用条件格式功能可以在很大程度上改进表格的设计和可读性,用户可以指定单个或者多个单元格区域应用一种或者多种条件格式.本篇文章,将通过Java程序示例介绍条件格式的设置方法,设置条 ...
java设置excel单元格格式为百分比_Java 设置Excel条件格式示例代码(高亮条件值、应用单元格值/公式/数据条等类型)...
概述在Excel中,应用条件格式功能可以在很大程度上改进表格的设计和可读性,用户可以指定单个或者多个单元格区域应用一种或者多种条件格式.本篇文章,将通过Java程序示例介绍条件格式的设置方法,设置条 ...
代码发芽网更新 - 多种代码高亮主题、支持CSDN Blog
接上篇: 代码发芽网 - 代码高亮 - 添加了22个流行的vim配色主题继续增强内功. 代码发芽网( http://www.fayaa.com/code/ )简介: 1. 无需插件支持blog代 ...
wordpress登录美化css,WordPress-让你的代码高亮更好看-知更鸟主题css美化
今天,小笨又拿鸟哥的主题开刀(美化)了,更新了代码高亮的样式,二话不说,先上图: 主要是左侧的数字增加了渐变样式,比之前黑乎乎的代码高亮好看多了,至于文字的颜色,有前端基础的童鞋可以重新调整一下. 样 ...
NexT的主题设定与配置
本篇文章将介绍NexT的主题设定与配置在Hexo 中有两份主要的配置文件,其名称都是_config.yml.其中,一份位于站点根目录下,主要包含 Hexo本身的配置:另一份位于主题目录下,这份配置由 ...
代码高亮_微信公众号代码高亮美化工具 Markdown Nice
微信公众号代码高亮美化工具使用 Chrome 浏览器把右侧生成的页面直接拷贝到微信中即可. https://www.mdnice.com/ // 目录[TOC] 1. Markdown Nice 简 ...
activiti高亮显示图片_第 09 篇：让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
完美：C# Blazor中显示Markdown并添加代码高亮
昨天发了一篇介绍这个库:C# Blazor中显示Markdown文件,介绍怎么在Blazor中显示Markdown内容的文章,文章内的代码是没有高亮的,思来相去,还是要做好,于是百度到这篇文章.NET ...

next主题设定代码高亮格式

next主题设定代码高亮格式

next主题设定代码高亮格式相关推荐

最新文章

热门文章