当前标签 / highlight / 总共2篇

Hugo 配置文件详解

一般在我们的 Hugo 中的主题目录下(themes\icarus\)会有一个 theme.toml 或者 config.yamltheme.json 配置文件,但是我却喜欢在工程根目录下配置 config.toml 文件,这个文件的配置会对整个工程有效。这个配置文件是一个整站的配置。它给 Hugo 提供了如何构建站点的方式,比如全局的参数和菜单。接下来我们就对 config.toml 文件配置进行详解。

baseurl:配置你的服务器域名地址

1
baseurl = "https://dp2px.com/"

theme:这个配置很关键,如果你的 themes 目录下有多个主题,这里配置你要使用的主题

1
theme = "MyIcarus"

languageCode:ISO 639-1语言代码, 你的语言环境, 例如中:zh-cn

1
languageCode = "zh-cn"

title:你的网站标题(这个变量可以在页面模板中使用)

1
title = "DP2PX.COM"

阅读更多

highlight 设置行号

一、背景

笔者在开发这套博客系统时使用 Editormd 作为 Markdown 编辑器,由于不满足其代码高亮的样式,因此选用 highlight.js 插件来实现代码高亮功能。但是,highlight.js 插件不提供行号的设置功能,于是有了该文章。

二、实现原理

html 的代码块都是通过 <code></code> 进行封装,我们可以将其内容取出封装到 <ol><li></li></ol> 从而实现设置行号的效果。

三、实现方式

下边提供两种实现方式。

3.1 后端修饰

笔者使用的是 commonmark 库来实现 markdown 转换成 html。

阅读更多