你好,我是一个科研小学生,我在这里记录和分享我的学习,加油鸭!
如果你看到了这个页面,希望我的学习经验会对你有所帮助。祝你身体健康,学业有成,工作顺利!
该博客主题来自:HUX
<!-- 引入MathJax的脚本 -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml.js"></script>
更改highlighter
由rouge
为highlight.js
(自带的高亮无法高亮C语言代码,且会将’$’’$’包括的LaTeX公式高亮使其无法正常渲染。)
(1) 引入highlight.js
<!-- 引入highlight.js库 -->
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.7.0/styles/atom-one-dark.min.css">
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
(2) 修改了_config.yml
中的高亮(highlighter)为none,将高亮器由rouge
改为highlight.js
详细使用方法可以参见highlight.js文档
4.3.0
改为6.0.0-beta2
<!-- Custom Fonts -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" rel="stylesheet"
type="text/css">
原先的awesome4.3.0不支持哔哩哔哩、知乎等网站的图标引用。
修改了sns-links.html
(1) 在sns-links.html
中添加了哔哩哔的图标,更改知乎图标,由原来的“知”更改为官方图标。
(2) 在_config.yml中增加了bilibili_username
使网站可以显示哔哩哔哩的link。
修改了_config.yml
中kramdown
增加了gfm_emojis: true
,使其可以渲染emoji
表情,但是只可以粘贴使用
_config.yml
中kramdown的syntax_highlighter_opts
block:
line_numbers: false
否则与highlight.js
冲突,行号混乱
在代码块旁边增加了copy
按钮
<!-- 加入复制按钮 -->
<script src="/js/highlightjs-copy-button.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
hljs.initCopyButtonOnLoad();
</script>
添加了highlight.js
的行号显示和语言显示
在<head>
中添加了:
<!-- 引入行号 -->
<script
src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
<!-- 显示语言类型 -->
<script src="https://cdn.jsdelivr.net/npm/highlightjs-lang.js@latest/dist/highlightjs-lang.min.js"></script>
<script>
hljs.highlightAll();
hljs.initLineNumbersOnLoad();
hljs.initLangOnLoad();
</script>
<!-- highlightjs-line-numbers -->
<link rel="stylesheet" href=" /css/hljs-line-numbers.css">