2023-09-25 16:36:49 +08:00
<!DOCTYPE html>
< html lang = "zh-CN" data-default-color-scheme = auto >
< head >
< meta charset = "UTF-8" >
< link rel = "apple-touch-icon" sizes = "76x76" href = "/img/fluid.png" >
< link rel = "icon" href = "/img/fluid.png" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< meta name = "theme-color" content = "#2f4154" >
< meta name = "author" content = "浪子" >
< meta name = "keywords" content = "DIY,黑苹果,分享,自由" >
< meta name = "description" content = "..." >
< meta property = "og:type" content = "article" >
< meta property = "og:title" content = "给Memos添加Twikoo评论" >
< meta property = "og:url" content = "https://jkjoy.cn/2023/507a5d86.html" >
< meta property = "og:site_name" content = "提剑追梦" >
< meta property = "og:description" content = "..." >
< meta property = "og:locale" content = "zh_CN" >
< meta property = "article:published_time" content = "2023-06-13T05:40:54.534Z" >
< meta property = "article:modified_time" content = "2023-09-25T06:49:19.414Z" >
< meta property = "article:author" content = "浪子" >
< meta property = "article:tag" content = "Memos" >
< meta property = "article:tag" content = "Twikoo" >
< meta name = "twitter:card" content = "summary_large_image" >
< title > 给Memos添加Twikoo评论 - 提剑追梦< / title >
< link rel = "stylesheet" href = "https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" / >
< link rel = "stylesheet" href = "https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css" / >
< link rel = "stylesheet" href = "https://lib.baomitu.com/hint.css/2.7.0/hint.min.css" / >
< link rel = "stylesheet" href = "https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css" / >
<!-- 主题依赖的图标库,不要自行修改 -->
<!-- Do not modify the link that theme dependent icons -->
< link rel = "stylesheet" href = "//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css" >
2023-09-25 19:25:30 +08:00
< link rel = "stylesheet" href = "//at.alicdn.com/t/c/font_4267870_uup6rwvh4f.css" >
2023-09-25 16:36:49 +08:00
< link rel = "stylesheet" href = "/css/main.css" / >
< link id = "highlight-css" rel = "stylesheet" href = "/css/highlight.css" / >
< link id = "highlight-css-dark" rel = "stylesheet" href = "/css/highlight-dark.css" / >
< script id = "fluid-configs" >
var Fluid = window.Fluid || {};
Fluid.ctx = Object.assign({}, Fluid.ctx)
var CONFIG = {"hostname":"jkjoy.cn","root":"/","version":"1.9.5-a","typing":{"enable":true,"typeSpeed":70,"cursorChar":"_","loop":false,"scope":[]},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"left","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"code_language":{"enable":true,"default":"TEXT"},"copy_btn":true,"image_caption":{"enable":true},"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"placement":"right","headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":true,"loading_img":"/img/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":true,"follow_dnt":true,"baidu":"9a59c9b2baa8e43c367f559cd7d9b86c","google":{"measurement_id":null},"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":"qkYaRmrTvy9Og9bRIt4YTIiC-MdYXbMMI","app_key":"BnyRqKMFP7xp6xF0OTU7rC40","server_url":null,"path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml","include_content_in_search":true};
if (CONFIG.web_analytics.follow_dnt) {
var dntVal = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
Fluid.ctx.dnt = dntVal & & (dntVal.startsWith('1') || dntVal.startsWith('yes') || dntVal.startsWith('on'));
}
< / script >
< script src = "/js/utils.js" > < / script >
< script src = "/js/color-schema.js" > < / script >
<!-- Baidu Analytics -->
< script async >
if (!Fluid.ctx.dnt) {
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9a59c9b2baa8e43c367f559cd7d9b86c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}
< / script >
<!-- Google tag (gtag.js) -->
< script async >
if (!Fluid.ctx.dnt) {
Fluid.utils.createScript("https://www.googletagmanager.com/gtag/js?id=", function() {
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', '');
});
}
< / script >
< meta name = "generator" content = "Hexo 6.3.0" > < link rel = "alternate" href = "/atom.xml" title = "提剑追梦" type = "application/atom+xml" >
< / head >
< body >
< header >
< div class = "header-inner" style = "height: 70vh;" >
< nav id = "navbar" class = "navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar" >
< div class = "container" >
< a class = "navbar-brand" href = "/" >
2023-09-25 19:25:30 +08:00
< strong > 提剑追梦< / strong >
2023-09-25 16:36:49 +08:00
< / a >
< button id = "navbar-toggler-btn" class = "navbar-toggler" type = "button" data-toggle = "collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
< div class = "animated-icon" > < span > < / span > < span > < / span > < span > < / span > < / div >
< / button >
<!-- Collapsible content -->
< div class = "collapse navbar-collapse" id = "navbarSupportedContent" >
< ul class = "navbar-nav ml-auto text-center" >
< li class = "nav-item" >
< a class = "nav-link" href = "/" >
2023-09-25 19:25:30 +08:00
< i class = "iconfont icon-home" > < / i >
2023-09-25 16:36:49 +08:00
< span > 首页< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/archives/" >
2023-09-25 19:25:30 +08:00
< i class = "iconfont icon-archive" > < / i >
2023-09-25 16:36:49 +08:00
< span > 归档< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/categories/" >
2023-09-25 19:25:30 +08:00
< i class = "iconfont icon-categories" > < / i >
2023-09-25 16:36:49 +08:00
< span > 分类< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/tags/" >
2023-09-25 19:25:30 +08:00
< i class = "iconfont icon-tags" > < / i >
2023-09-25 16:36:49 +08:00
< span > 标签< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/links/" >
2023-09-25 19:25:30 +08:00
< i class = "iconfont icon-link1" > < / i >
2023-09-25 16:36:49 +08:00
< span > 友链< / span >
< / a >
< / li >
2023-09-25 19:25:30 +08:00
< li class = "nav-item" >
< a class = "nav-link" href = "/fcircle/" >
< i class = "iconfont icon-friend" > < / i >
< span > 圈子< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/memos/" >
< i class = "iconfont icon-Chat" > < / i >
< span > 说说< / span >
< / a >
< / li >
2023-09-25 16:36:49 +08:00
< li class = "nav-item" >
< a class = "nav-link" href = "/about/" >
2023-09-25 19:25:30 +08:00
< i class = "iconfont icon-aboutme" > < / i >
2023-09-25 16:36:49 +08:00
< span > 关于< / span >
< / a >
< / li >
< li class = "nav-item" id = "search-btn" >
< a class = "nav-link" target = "_self" href = "javascript:;" data-toggle = "modal" data-target = "#modalSearch" aria-label = "Search" >
< i class = "iconfont icon-search" > < / i >
< / a >
< / li >
< li class = "nav-item" id = "color-toggle-btn" >
< a class = "nav-link" target = "_self" href = "javascript:;" aria-label = "Color Toggle" >
< i class = "iconfont icon-dark" id = "color-toggle-icon" > < / i >
< / a >
< / li >
< / ul >
< / div >
< / div >
< / nav >
< div id = "banner" class = "banner" parallax = true
style="background: url('/img/default.png') no-repeat center center; background-size: cover;">
< div class = "full-bg-img" >
< div class = "mask flex-center" style = "background-color: rgba(0, 0, 0, 0.3)" >
< div class = "banner-text text-center fade-in-up" >
< div class = "h2" >
< span id = "subtitle" data-typed-text = "给Memos添加Twikoo评论" > < / span >
< / div >
< div class = "mt-3" >
< span class = "post-meta" >
< i class = "iconfont icon-date-fill" aria-hidden = "true" > < / i >
< time datetime = "2023-06-13 13:40" pubdate >
2023年6月13日 下午
< / time >
< / span >
< / div >
< div class = "mt-1" >
< span class = "post-meta mr-2" >
< i class = "iconfont icon-chart" > < / i >
3.3k 字
< / span >
< span class = "post-meta mr-2" >
< i class = "iconfont icon-clock-fill" > < / i >
28 分钟
< / span >
< span id = "leancloud-page-views-container" class = "post-meta" style = "display: none" >
< i class = "iconfont icon-eye" aria-hidden = "true" > < / i >
< span id = "leancloud-page-views" > < / span > 次
< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / header >
< main >
< div class = "container-fluid nopadding-x" >
< div class = "row nomargin-x" >
< div class = "side-col d-none d-lg-block col-lg-2" >
< / div >
< div class = "col-lg-8 nopadding-x-md" >
< div class = "container nopadding-x-md" id = "board-ctn" >
< div id = "board" >
< article class = "post-content mx-auto" >
< h1 id = "seo-header" > 给Memos添加Twikoo评论< / h1 >
< p class = "note note-info" >
本文最后更新于: 2023年9月25日 下午
< / p >
< div class = "markdown-body" >
< p > 代码来自于@< a target = "_blank" rel = "noopener" href = "https://immmmm.com/memos-with-twikoo/" > 林木木< / a > < / p >
< h2 id = "自定义脚本" > < a href = "#自定义脚本" class = "headerlink" title = "自定义脚本" > < / a > 自定义脚本< / h2 > < figure class = "highlight json" > < table > < tr > < td class = "gutter" > < pre > < span class = "line" > 1< / span > < br > < span class = "line" > 2< / span > < br > < span class = "line" > 3< / span > < br > < span class = "line" > 4< / span > < br > < span class = "line" > 5< / span > < br > < span class = "line" > 6< / span > < br > < span class = "line" > 7< / span > < br > < span class = "line" > 8< / span > < br > < span class = "line" > 9< / span > < br > < span class = "line" > 10< / span > < br > < span class = "line" > 11< / span > < br > < span class = "line" > 12< / span > < br > < span class = "line" > 13< / span > < br > < span class = "line" > 14< / span > < br > < span class = "line" > 15< / span > < br > < span class = "line" > 16< / span > < br > < span class = "line" > 17< / span > < br > < span class = "line" > 18< / span > < br > < span class = "line" > 19< / span > < br > < span class = "line" > 20< / span > < br > < span class = "line" > 21< / span > < br > < span class = "line" > 22< / span > < br > < span class = "line" > 23< / span > < br > < span class = "line" > 24< / span > < br > < span class = "line" > 25< / span > < br > < span class = "line" > 26< / span > < br > < span class = "line" > 27< / span > < br > < span class = "line" > 28< / span > < br > < span class = "line" > 29< / span > < br > < span class = "line" > 30< / span > < br > < span class = "line" > 31< / span > < br > < span class = "line" > 32< / span > < br > < span class = "line" > 33< / span > < br > < span class = "line" > 34< / span > < br > < span class = "line" > 35< / span > < br > < span class = "line" > 36< / span > < br > < span class = "line" > 37< / span > < br > < span class = "line" > 38< / span > < br > < span class = "line" > 39< / span > < br > < span class = "line" > 40< / span > < br > < span class = "line" > 41< / span > < br > < span class = "line" > 42< / span > < br > < span class = "line" > 43< / span > < br > < span class = "line" > 44< / span > < br > < span class = "line" > 45< / span > < br > < span class = "line" > 46< / span > < br > < span class = "line" > 47< / span > < br > < span class = "line" > 48< / span > < br > < span class = "line" > 49< / span > < br > < span class = "line" > 50< / span > < br > < span class = "line" > 51< / span > < br > < span class = "line" > 52< / span > < br > < span class = "line" > 53< / span > < br > < span class = "line" > 54< / span > < br > < span class = "line" > 55< / span > < br > < span class = "line" > 56< / span > < br > < span class = "line" > 57< / span > < br > < / pre > < / td > < td class = "code" > < pre > < code class = "hljs json" > < span class = "hljs-comment" > //添加 twikoo 评论 v2023.06.10< / span > < br > var twikooENV = ' https< span class = "hljs-punctuation" > :< / span > < span class = "hljs-comment" > //twikoo.jiong.us/' < / span > < br > function addTwikooJS() < span class = "hljs-punctuation" > { < / span > < br > var memosTwikoo = document.createElement(< span class = "hljs-string" > " script" < / span > );< br > memosTwikoo.src = `https< span class = "hljs-punctuation" > :< / span > < span class = "hljs-comment" > //cdn.staticfile.org/twikoo/1.6.16/twikoo.all.min.js`;< / span > < br > var tws = document.getElementsByTagName(< span class = "hljs-string" > " script" < / span > )< span class = "hljs-punctuation" > [< / span > < span class = "hljs-number" > 0< / span > < span class = "hljs-punctuation" > ]< / span > ;< br > tws.parentNode.insertBefore(memosTwikoo< span class = "hljs-punctuation" > ,< / span > tws);< br > < span class = "hljs-punctuation" > } < / span > ;< br > function addComIcon()< span class = "hljs-punctuation" > { < / span > < br > var memoTwIcons = document.querySelectorAll(' .time-text' ) || ' ' ;< br > if(memoTwIcons)< span class = "hljs-punctuation" > { < / span > < br > for(var i=< span class = "hljs-number" > 0< / span > ;i < memoTwIcons.length;i++)< span class = "hljs-punctuation" > { < / span > < br > < span class = "hljs-comment" > //if(memoTwIcon[i].hasChildNodes == false){ < / span > < br > memoTwIcons< span class = "hljs-punctuation" > [< / span > i< span class = "hljs-punctuation" > ]< / span > .insertAdjacentHTML(' afterbegin' < span class = "hljs-punctuation" > ,< / span > ' < div class=< span class = "hljs-string" > " twicon" < / span > > < svg class=< span class = "hljs-string" > " icon" < / span > viewBox=< span class = "hljs-string" > " 0 0 1024 1024" < / span > xmlns=< span class = "hljs-string" > " http://www.w3.org/2000/svg" < / span > width=< span class = "hljs-string" > " 16" < / span > height=< span class = "hljs-string" > " 16" < / span > > < path d=< span class = "hljs-string" > " M896 138.667H128c-38.4 0-64 25.6-64 64v544c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128
< h2 id = "自定义样式" > < a href = "#自定义样式" class = "headerlink" title = "自定义样式" > < / a > 自定义样式< / h2 > < figure class = "highlight css" > < table > < tr > < td class = "gutter" > < pre > < span class = "line" > 1< / span > < br > < span class = "line" > 2< / span > < br > < span class = "line" > 3< / span > < br > < span class = "line" > 4< / span > < br > < span class = "line" > 5< / span > < br > < / pre > < / td > < td class = "code" > < pre > < code class = "hljs css" > < span class = "hljs-selector-id" > #twikoo< / span > { < span class = "hljs-attribute" > padding< / span > : < span class = "hljs-number" > 1rem< / span > ;< span class = "hljs-attribute" > background-color< / span > : < span class = "hljs-built_in" > rgb< / span > (< span class = "hljs-number" > 63< / span > ,< span class = "hljs-number" > 63< / span > ,< span class = "hljs-number" > 70< / span > );< span class = "hljs-attribute" > margin< / span > : < span class = "hljs-number" > 1rem< / span > < span class = "hljs-number" > 0< / span > ;< span class = "hljs-attribute" > border-radius< / span > : .< span class = "hljs-number" > 5rem< / span > ;< span class = "hljs-attribute" > color< / span > : < span class = "hljs-number" > #fff< / span > < span class = "hljs-meta" > !important< / span > ;} < br > < span class = "hljs-selector-class" > .twicon< / span > { < span class = "hljs-attribute" > position< / span > : absolute;< span class = "hljs-attribute" > right< / span > : < span class = "hljs-number" > 1rem< / span > ;} < br > < span class = "hljs-selector-class" > .btns-container< / span > < span class = "hljs-selector-class" > .space-x-2< / span > { < span class = "hljs-attribute" > margin-right< / span > :< span class = "hljs-number" > 1.5rem< / span > ;} < br > < span class = "hljs-selector-class" > .action-button-container< / span > { < span class = "hljs-attribute" > color< / span > : < span class = "hljs-number" > #e5e7eb< / span > ;} < br > < span class = "hljs-selector-class" > .action-button-container< / span > < span class = "hljs-selector-tag" > a< / span > { < span class = "hljs-attribute" > display< / span > :none < span class = "hljs-meta" > !important< / span > ;} < br > < / code > < / pre > < / td > < / tr > < / table > < / figure >
< pre > < code class = "hljs" >
< / code > < / pre >
< / div >
< hr / >
< div >
< div class = "post-metas my-3" >
< div class = "post-meta mr-3 d-flex align-items-center" >
< i class = "iconfont icon-category" > < / i >
< span class = "category-chains" >
< span class = "category-chain" >
< a href = "/categories/%E5%88%86%E4%BA%AB/" class = "category-chain-item" > 分享< / a >
< / span >
< / span >
< / div >
< div class = "post-meta" >
< i class = "iconfont icon-tags" > < / i >
< a href = "/tags/Memos/" class = "print-no-link" > #Memos< / a >
< a href = "/tags/Twikoo/" class = "print-no-link" > #Twikoo< / a >
< / div >
< / div >
< div class = "post-prevnext my-3" >
< article class = "post-prev col-6" >
< a href = "/2023/8828c81e.html" title = "给Memos添加Artalk评论" >
< i class = "iconfont icon-arrowleft" > < / i >
< span class = "hidden-mobile" > 给Memos添加Artalk评论< / span >
< span class = "visible-mobile" > 上一篇< / span >
< / a >
< / article >
< article class = "post-next col-6" >
< a href = "/2023/6d58ffa9.html" title = "使用cloudflare Tunnels实现内网穿透" >
< span class = "hidden-mobile" > 使用cloudflare Tunnels实现内网穿透< / span >
< span class = "visible-mobile" > 下一篇< / span >
< i class = "iconfont icon-arrowright" > < / i >
< / a >
< / article >
< / div >
< / div >
< article id = "comments" lazyload >
< div id = "twikoo" > < / div >
< script type = "text/javascript" >
Fluid.utils.loadComments('#comments', function() {
Fluid.utils.createScript('https://lib.baomitu.com/twikoo/1.6.21/twikoo.all.min.js', function() {
var options = Object.assign(
{"envId":"https://twikoo.ima.cm","region":null,"path":"window.location.pathname"},
{
el: '#twikoo',
path: 'window.location.pathname',
onCommentLoaded: function() {
Fluid.utils.listenDOMLoaded(function() {
var imgSelector = '#twikoo .tk-content img:not(.tk-owo-emotion)';
Fluid.plugins.imageCaption(imgSelector);
Fluid.plugins.fancyBox(imgSelector);
});
}
}
)
twikoo.init(options)
});
});
< / script >
< noscript > Please enable JavaScript to view the comments< / noscript >
< / article >
< / article >
< / div >
< / div >
< / div >
< div class = "side-col d-none d-lg-block col-lg-2" >
< aside class = "sidebar" style = "margin-left: -1rem" >
< div id = "toc" >
< p class = "toc-header" >
< i class = "iconfont icon-list" > < / i >
< span > 目录< / span >
< / p >
< div class = "toc-body" id = "toc-body" > < / div >
< / div >
< / aside >
< / div >
< / div >
< / div >
< a id = "scroll-top-button" aria-label = "TOP" href = "#" role = "button" >
< i class = "iconfont icon-arrowup" aria-hidden = "true" > < / i >
< / a >
< div class = "modal fade" id = "modalSearch" tabindex = "-1" role = "dialog" aria-labelledby = "ModalLabel"
aria-hidden="true">
< div class = "modal-dialog modal-dialog-scrollable modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-header text-center" >
< h4 class = "modal-title w-100 font-weight-bold" > 搜索< / h4 >
< button type = "button" id = "local-search-close" class = "close" data-dismiss = "modal" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< / div >
< div class = "modal-body mx-3" >
< div class = "md-form mb-5" >
< input type = "text" id = "local-search-input" class = "form-control validate" >
< label data-error = "x" data-success = "v" for = "local-search-input" > 关键词< / label >
< / div >
< div class = "list-group" id = "local-search-result" > < / div >
< / div >
< / div >
< / div >
< / div >
< / main >
< footer >
< div class = "footer-inner" >
< div class = "footer-content" >
2023-09-25 19:25:30 +08:00
< a href = "https://hexo.io" target = "_blank" rel = "nofollow noopener" > < span > Hexo< / span > < / a > < i class = "iconfont icon-love" > < / i > < a href = "https://github.com/fluid-dev/hexo-theme-fluid" target = "_blank" rel = "nofollow noopener" > < span > Fluid< / span > < / a > < br > PowerBy 浪子 ©2023
2023-09-25 16:36:49 +08:00
< / div >
< div class = "statistics" >
< span id = "leancloud-site-pv-container" style = "display: none" >
总访问量
< span id = "leancloud-site-pv" > < / span >
次
< / span >
< span id = "leancloud-site-uv-container" style = "display: none" >
总访客数
< span id = "leancloud-site-uv" > < / span >
人
< / span >
< / div >
< / div >
< / footer >
<!-- Scripts -->
< script src = "https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js" > < / script >
< link rel = "stylesheet" href = "https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css" / >
< script >
NProgress.configure({"showSpinner":false,"trickleSpeed":100})
NProgress.start()
window.addEventListener('load', function() {
NProgress.done();
})
< / script >
< script src = "https://lib.baomitu.com/jquery/3.6.4/jquery.min.js" > < / script >
< script src = "https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js" > < / script >
< script src = "/js/events.js" > < / script >
< script src = "/js/plugins.js" > < / script >
< script src = "https://lib.baomitu.com/typed.js/2.0.12/typed.min.js" > < / script >
< script >
(function (window, document) {
var typing = Fluid.plugins.typing;
var subtitle = document.getElementById('subtitle');
if (!subtitle || !typing) {
return;
}
var text = subtitle.getAttribute('data-typed-text');
typing(text);
})(window, document);
< / script >
< script src = "/js/img-lazyload.js" > < / script >
< script >
Fluid.utils.createScript('https://lib.baomitu.com/tocbot/4.20.1/tocbot.min.js', function() {
var toc = jQuery('#toc');
if (toc.length === 0 || !window.tocbot) { return; }
var boardCtn = jQuery('#board-ctn');
var boardTop = boardCtn.offset().top;
window.tocbot.init(Object.assign({
tocSelector : '#toc-body',
contentSelector : '.markdown-body',
linkClass : 'tocbot-link',
activeLinkClass : 'tocbot-active-link',
listClass : 'tocbot-list',
isCollapsedClass: 'tocbot-is-collapsed',
collapsibleClass: 'tocbot-is-collapsible',
scrollSmooth : true,
includeTitleTags: true,
headingsOffset : -boardTop,
}, CONFIG.toc));
if (toc.find('.toc-list-item').length > 0) {
toc.css('visibility', 'visible');
}
Fluid.events.registerRefreshCallback(function() {
if ('tocbot' in window) {
tocbot.refresh();
var toc = jQuery('#toc');
if (toc.length === 0 || !tocbot) {
return;
}
if (toc.find('.toc-list-item').length > 0) {
toc.css('visibility', 'visible');
}
}
});
});
< / script >
< script src = https://lib.baomitu.com/clipboard.js/2.0.11/clipboard.min.js > < / script >
< script > Fluid . plugins . codeWidget ( ) ; < / script >
< script >
Fluid.utils.createScript('https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js', function() {
window.anchors.options = {
placement: CONFIG.anchorjs.placement,
visible : CONFIG.anchorjs.visible
};
if (CONFIG.anchorjs.icon) {
window.anchors.options.icon = CONFIG.anchorjs.icon;
}
var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
var res = [];
for (var item of el) {
res.push('.markdown-body > ' + item.trim());
}
if (CONFIG.anchorjs.placement === 'left') {
window.anchors.options.class = 'anchorjs-link-left';
}
window.anchors.add(res.join(', '));
Fluid.events.registerRefreshCallback(function() {
if ('anchors' in window) {
anchors.removeAll();
var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
var res = [];
for (var item of el) {
res.push('.markdown-body > ' + item.trim());
}
if (CONFIG.anchorjs.placement === 'left') {
anchors.options.class = 'anchorjs-link-left';
}
anchors.add(res.join(', '));
}
});
});
< / script >
< script >
Fluid.utils.createScript('https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js', function() {
Fluid.plugins.fancyBox();
});
< / script >
< script > Fluid . plugins . imageCaption ( ) ; < / script >
< script defer src = "/js/leancloud.js" > < / script >
< script src = "/js/local-search.js" > < / script >
<!-- 主题的启动项,将它保持在最底部 -->
<!-- the boot of the theme, keep it at the bottom -->
< script src = "/js/boot.js" > < / script >
< noscript >
< div class = "noscript-warning" > 博客在允许 JavaScript 运行的环境下浏览效果更佳< / div >
< / noscript >
< / body >
< / html >