flysnow-org/maupassant-hugo

兼容 highlight.js

skywind3000 opened this issue · 1 comments

highlight.js 是目前最好的语法高亮解决方案了。

我照着: http://note.qidong.name/2017/06/24/hugo-highlight/

的方法,把 maupassant 的 layouts/partials/head.html 拷贝到 layouts/partials/head.html 并且加了几行:

<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/monokai.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/highlight.js/9.15.6/highlight.min.js"></script>
<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/monokai.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/highlight.js/9.15.6/highlight.min.js"></script>
<script src="https://cdn.bootcss.com/highlight.js/9.15.6/languages/vim.min.js"></script>
<script src="https://cdn.bootcss.com/highlight.js/9.15.6/languages/yaml.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

再其他主题下工作正常,但是 maupassant 下面会有一层厚厚的边框:

frame

看起来十分丑陋,请问有没有办法干掉这个厚厚的边框??页面在:

http://localhost:1313/blog/archives/2193/

maupassant 有自带的语法高亮,直接用就可以了。