在 Ghost 博客中添加代码高亮和复制功能
Settings ⇒ Code Injection,将以下代码添加到 Site Header 中
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0606/0346/5936/files/prism-tomorrow.min.css?v=1638256335" />
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0606/0346/5936/files/prism-toolbar.min.css?v=1638256358" />将以下代码添加到 Site Footer 中
<script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0606/0346/5936/files/prism.min.js?v=1638256375"></script>
<script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0606/0346/5936/files/prism-toolbar.min.js?v=1638256400"></script>
<script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0606/0346/5936/files/prism-copy-to-clipboard.min.js?v=1638256428"></script>设置路径和截图可以参考上一篇:
Ghost 网站实现默认在新窗口中打开链接并排除 Portal 和锚点跳转
优点 在博客上添加新窗口中打开链接功能,有助于保留当前页面的阅读进度,避免因为直接跳转影响当前页面的阅读;同时还能增加网站的停留时间,降低跳出率。 添加方法 在 Ghost 后台 Settings ~ Advanced ~ Code injection,点击 Open 在 Site footer 中粘贴以下代码,点击 Save 即可: 排除了包含 # 的链接,这样注册登录的 Portal 以及锚点跳转不会在新窗口打开。 <script> window.addEventListener(“load”, () => { document.querySelectorAll(‘a’).forEach(link => { if (!link.href.includes(‘#’)) { link.target = ‘_blank’; } }); })
</script>
