hexo/public/2016/22356.html

811 lines
29 KiB
HTML
Raw Normal View History

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="vi编辑器是所有Unix及Linux系统下标准的编辑器它的强大不逊色于任何最新的文本编辑器这里只是简单地介绍一下它的用法和一小部分指令。由于对Unix及Linux系统的任何版本vi编辑器是完全相同的因此您可以在其他任何介绍vi的地方进一步了解它。Vi也是Linux中最基本的文本编辑器学会它后您将在Linux的世界里畅行无阻。 1、vi的基本概念 基本上vi可以分为三种状态分别是命">
<meta property="og:type" content="article">
<meta property="og:title" content="Vi编辑器的基本使用方法">
<meta property="og:url" content="https://jkjoy.cn/2016/22356.html">
<meta property="og:site_name" content="提剑追梦">
<meta property="og:description" content="vi编辑器是所有Unix及Linux系统下标准的编辑器它的强大不逊色于任何最新的文本编辑器这里只是简单地介绍一下它的用法和一小部分指令。由于对Unix及Linux系统的任何版本vi编辑器是完全相同的因此您可以在其他任何介绍vi的地方进一步了解它。Vi也是Linux中最基本的文本编辑器学会它后您将在Linux的世界里畅行无阻。 1、vi的基本概念 基本上vi可以分为三种状态分别是命">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2016-11-16T00:37:48.000Z">
<meta property="article:modified_time" content="2023-09-25T02:30:25.242Z">
<meta property="article:author" content="浪子">
<meta property="article:tag" content="VPS">
<meta property="article:tag" content="Linux">
<meta property="article:tag" content="php">
<meta name="twitter:card" content="summary_large_image">
<title>Vi编辑器的基本使用方法 - 提剑追梦</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="Vi编辑器的基本使用方法"></span>
</div>
<div class="mt-3">
<span class="post-meta">
<i class="iconfont icon-date-fill" aria-hidden="true"></i>
<time datetime="2016-11-16 08:37" pubdate>
2016年11月16日 早上
</time>
</span>
</div>
<div class="mt-1">
<span class="post-meta mr-2">
<i class="iconfont icon-chart"></i>
3.4k 字
</span>
<span class="post-meta mr-2">
<i class="iconfont icon-clock-fill"></i>
29 分钟
</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">Vi编辑器的基本使用方法</h1>
<p class="note note-info">
本文最后更新于2023年9月25日 上午
</p>
<div class="markdown-body">
<p>vi编辑器是所有Unix及Linux系统下标准的编辑器它的强大不逊色于任何最新的文本编辑器这里只是简单地介绍一下它的用法和一小部分指令。<br>由于对Unix及Linux系统的任何版本vi编辑器是完全相同的因此您可以在其他任何介绍vi的地方进一步了解它。<br>Vi也是Linux中最基本的文本编辑器学会它后您将在Linux的世界里畅行无阻。 </p>
<p>1、vi的基本概念 </p>
<p>基本上vi可以分为三种状态分别是命令模式command mode、插入模式Insert mode和底行模式last line mode各模式的功能区分如下</p>
<ol>
<li>命令行模式command mode</li>
</ol>
<p>控制屏幕光标的移动字符、字或行的删除移动复制某区段及进入Insert mode下或者到 last line mode。 </p>
<ol start="2">
<li>插入模式Insert mode</li>
</ol>
<p>只有在Insert mode下才可以做文字输入按「ESC」键可回到命令行模式。 </p>
<ol start="3">
<li>底行模式last line mode</li>
</ol>
<p>将文件保存或退出vi也可以设置编辑环境如寻找字符串、列出行号……等。 不过一般我们在使用时把vi简化成两个模式就是将底行模式last line mode也算入命令行模式command mode</p>
<p>2、vi的基本操作</p>
<p> a) 进入vi 在系统提示符号输入vi及文件名称后就进入vi全屏幕编辑画面 $ vi myfile 不过有一点要特别注意就是您进入vi之后是处于「命令行模式command mode您要切换到「插入模式Insert mode」才能够输入文字。初次使用vi的人都会想先用上下左右键移动光标结果电脑一直哔哔叫把自己气个半死所以进入vi后先不要乱动转换到「插入模式Insert mode」再说吧</p>
<p> b) 切换至插入模式Insert mode编辑文件 在「命令行模式command mode」下按一下字母「i」就可以进入「插入模式Insert mode这时候你就可以开始输入文字了。 </p>
<p> c) Insert 的切换 您目前处于「插入模式Insert mode您就只能一直输入文字如果您发现输错了字想用光标键往回移动将该字删除就要先按一下「ESC」键转到「命令行模式command mode」再删除文字。 </p>
<p> d) 退出vi及保存文件</p>
<p>在「命令行模式command mode」下按一下「」冒号键进入「Last line mode」例如</p>
<p>w filename (输入 「w filename」将文章以指定的文件名filename保存</p>
<p>wq (输入「wq」存盘并退出vi)</p>
<p>q! (输入q! 不存盘强制退出vi)</p>
<p>3、命令行模式command mode功能键 </p>
<p>1. 插入模式 按「i」切换进入插入模式「insert mode」按“i”进入插入模式后是从光标当前位置开始输入文件 按「a」进入插入模式后是从目前光标所在位置的下一个位置开始输入文字 按「o」进入插入模式后是插入新的一行从行首开始输入文字。 </p>
<p>2. 从插入模式切换为命令行模式 按「ESC」键。 </p>
<p>3. 移动光标 vi可以直接用键盘上的光标来上下左右移动但正规的vi是用小写英文字母「h」、「j」、「k」、「l」分别控制光标左、下、上、右移一格。 按「ctrl」+「b」屏幕往“后”移动一页。 按「ctrl」+「f」屏幕往“前”移动一页。 按「ctrl」+「u」屏幕往“后”移动半页。 按「ctrl」+「d」屏幕往“前”移动半页。 按数字「0」移到文章的开头。 按「G」移动到文章的最后。 按「$」:移动到光标所在行的“行尾”。 按「^」:移动到光标所在行的“行首” 按「w」光标跳到下个字的开头 按「e」光标跳到下个字的字尾 按「b」光标回到上个字的开头 按「#l」光标移到该行的第#个位置5l,56l。 </p>
<p>4. 删除文字 「x」每按一次删除光标所在位置的“后面”一个字符。 「#x」例如「6x」表示删除光标所在位置的“后面”6个字符。 「X」大写的X每按一次删除光标所在位置的“前面”一个字符。 「#X」例如「20X」表示删除光标所在位置的“前面”20个字符。 「dd」删除光标所在行。 「#dd」从光标所在行开始删除#行 </p>
<p>5. 复制 「yw」将光标所在之处到字尾的字符复制到缓冲区中。 「#yw」复制#个字到缓冲区 「yy」复制光标所在行到缓冲区。 「#yy」例如「6yy」表示拷贝从光标所在的该行“往下数”6行文字。 「p」将缓冲区内的字符贴到光标所在位置。注意所有与“y”有关的复制命令都必须与“p”配合才能完成复制与粘贴功能。 </p>
<p>6. 替换 「r」替换光标所在处的字符。 「R」替换光标所到之处的字符直到按下「ESC」键为止。 </p>
<p>7. 回复上一次操作 「u」如果您误执行一个命令可以马上按下「u」回到上一个操作。按多次“u”可以执行多次回复。 </p>
<p>8. 更改 「cw」更改光标所在处的字到字尾处 「c#w」例如「c3w」表示更改3个字 9. 跳至指定的行 「ctrl」+「g」列出光标所在行的行号。 「#G」例如「15G」表示移动光标至文章的第15行行首。 </p>
<p>4、Last line mode下命令简介 在使用「last line mode」之前请记住先按「ESC」键确定您已经处于「command mode」下后再按「」冒号即可进入「last line mode」。 </p>
<p>A) 列出行号 「set nu」输入「set nu」后会在文件中的每一行前面列出行号。 </p>
<p>B) 跳到文件中的某一行 「#」:「#」号表示一个数字在冒号后输入一个数字再按回车键就会跳到该行了如输入数字15再回车就会跳到文章的第15行。 </p>
<p>C) 查找字符 「&#x2F;关键字」:先按「&#x2F;」键再输入您想寻找的字符如果第一次找的关键字不是您想要的可以一直按「n」会往后寻找到您要的关键字为止。 「?关键字」:先按「?」键再输入您想寻找的字符如果第一次找的关键字不是您想要的可以一直按「n」会往前寻找到您要的关键字为止。 </p>
<p>D) 保存文件 「w」在冒号输入字母「w」就可以将文件保存起来。 </p>
<p>E) 离开vi 「q」按「q」就是退出如果无法离开vi可以在「q」后跟一个「!」强制离开vi。 「qw」一般建议离开时搭配「w」一起使用这样在退出的时候还可以保存文件。 </p>
<p>5、vi命令列表 </p>
<p>1、下表列出命令模式下的一些键的功能 h 左移光标一个字符 l 右移光标一个字符 k 光标上移一行 j 光标下移一行 ^ 光标移动至行首 0 数字“0”光标移至文章的开头 G 光标移至文章的最后 $ 光标移动至行尾 Ctrl+f 向前翻屏 Ctrl+b 向后翻屏 Ctrl+d 向前翻半屏 Ctrl+u 向后翻半屏 i 在光标位置前插入字符 a 在光标所在位置的后一个字符开始增加 o 插入新的一行,从行首开始输入 ESC 从输入状态退至命令状态 x 删除光标后面的字符 #x 删除光标后的#个字符 X (大写X),删除光标前面的字符 #X 删除光标前面的#个字符 dd 删除光标所在的行 #dd 删除从光标所在行数的#行 yw 复制光标所在位置的一个字 #yw 复制光标所在位置的#个字 yy 复制光标所在位置的一行 #yy 复制从光标所在行数的#行 p 粘贴 u 取消操作 cw 更改光标所在位置的一个字 #cw 更改光标所在位置的#个字 </p>
<p>2、下表列出行命令模式下的一些指令 w filename 储存正在编辑的文件为filename wq filename 储存正在编辑的文件为filename并退出vi q! 放弃所有修改退出vi set nu 显示行号 &#x2F;或? 查找,在&#x2F;后输入要查找的内容 n 与&#x2F;或?一起使用如果查找的内容不是想要找的关键字按n或向后&#x2F;联用)或向前(与?联用)继续查找,直到找到为止。 </p>
<p>对于第一次用vi有几点注意要提醒一下 </p>
<p>1、用vi打开文件后是处于「命令行模式command mode您要切换到「插入模式Insert mode」才能够输入文字。</p>
<p>切换方法在「命令行模式command mode」下按一下字母「i」就可以进入「插入模式Insert mode这时候你就可以开始输入文字了。</p>
<p>2、编辑好后需从插入模式切换为命令行模式才能对文件进行保存切换方法按「ESC」键。</p>
<p>3、保存并退出文件在命令模式下输入:wq即可别忘了wq前面的:</p>
</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/Linux/" class="category-chain-item">Linux</a>
</span>
</span>
</div>
<div class="post-meta">
<i class="iconfont icon-tags"></i>
<a href="/tags/VPS/" class="print-no-link">#VPS</a>
<a href="/tags/Linux/" class="print-no-link">#Linux</a>
<a href="/tags/php/" class="print-no-link">#php</a>
</div>
</div>
<div class="post-prevnext my-3">
<article class="post-prev col-6">
<a href="/2016/24539.html" title="又是拳头">
<i class="iconfont icon-arrowleft"></i>
<span class="hidden-mobile">又是拳头</span>
<span class="visible-mobile">上一篇</span>
</a>
</article>
<article class="post-next col-6">
<a href="/2016/29655.html" title="阿里悟空服务下线">
<span class="hidden-mobile">阿里悟空服务下线</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">&times;</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>