1 显示效果

第一种，正经标记：

对文字进行标记

第二种，将文字放在代码里，利用代码的颜色来进行标记：

对文字进行标记

2 解决方案

首先，利用短代码，添加 ./layouts/shortcodes/mark.html 文件，并添加如下代码：

1<mark>{{ .Get "text" }}</mark>

其次，在 themes\hugo-theme-cleanwhite\static\css\bootstrap.min.css 中可以随意修改喜欢的标记颜色：

1.mark,mark{padding:.2em;background-color:#ffee33a6;border-radius:10px}

也可以新建一个 custom.css ：

1mark{
2    background: hsla(199, 64%, 63%, 0.696);
3}

然后在 mark.html 中引用就行了：

1<head>
2    <link rel="stylesheet" type="text/css" href="/css/custom.css">
3</head>

这样就可以了，在用的时候，添加短代码即可：

1{ {< mark text="哈哈哈哈" >}} //实际使用时去掉前括号的空格

ai a记录 branch b站 chroma style gallery cname copy dns drawio fancybox fuse giscus git git bug github githubpages gitignore gpt html hugo jmeter knn lastmod mark mermaid pages python reset shortcodes sqlite ssh svm typora vue3 windows 万历十五年人工智能代码块代码漏洞代码高亮优化冷笑话分支刘慈欣博客搭建博客改造图片放大域名增加新页面大模型天气预报字体字数统计快捷键性能测试悉达多折叠拐点搜索李娟标记流程图深度学习灯箱热力图爱的艺术白盒扫描短代码神经网络与深度学习脚本自定义视频访问量评论进度条阅读笔记随机浏览