重构文档结构

sa-token-doc/static/docsify-plugin.js

@@ -0,0 +1,100 @@
+// 声明 docsify 插件
+var myDocsifyPlugin = function(hook, vm) {
+	
+	// 钩子函数：解析之前执行
+	hook.beforeEach(function(content) {
+		try{
+			// 功能 1，替换全局变量 
+			content = content.replace(/\$\{sa.top.version\}/g, window.saTokenTopVersion);
+			
+			// 添加 [toc] 标记
+			content = content.replace(/\[\[toc\]\]/g, '<div class="toc-box"></div>');
+			
+		}catch(e){
+			// 
+		}
+		return content;
+	});
+	
+	// 钩子函数：每次路由切换时，解析内容之后执行 
+	hook.afterEach(function(html) {
+		
+		// 功能 2，文章底部添加仓库地址  
+		var url = 'https://gitee.com/dromara/sa-token/tree/dev/sa-token-doc/' + vm.route.file;
+		var url2 = 'https://github.com/dromara/sa-token/tree/dev/sa-token-doc/' + vm.route.file;
+		var footer = [
+			'<br/><br/><br/><br/><br/><br/><br/><hr/>',
+			'<footer>',
+			'<span>发现错误？ 您可以在 <a href="' + url + '" target="_blank">Gitee</a> 或 <a href="' + url2 +
+			'" target="_blank">GitHub</a> 帮助我们完善此页文档！</span>',
+			'或 <a href="#/more/join-group">加入讨论群</a> 交流反馈',
+			'</footer>'
+		].join('');
+		return html + footer;
+	});
+	
+	// 每钩子函数：次路由切换时数据全部加载完成后调用，没有参数。
+	hook.doneEach(function() {
+		
+		// 功能3，给代码盒子，添加行数样式 
+		$('pre code').each(function(){
+			var lines = $(this).text().split('\n').length;
+			var $numbering = $('<ul/>').addClass('code-line-box');
+			$(this)
+				.addClass('has-numbering')
+				.parent()
+				.append($numbering);
+			for(i=1;i<=lines;i++){
+				$numbering.append($('<li/>').text(i));
+			}
+		});
+		
+		// 功能4，添加 toc 目录 
+		var dStr = "";
+		$('#main h2, #main h3, #main h4, #main h5, #main h6').each(function() {
+			$('.toc-box').append('<li class="toc-' + this.localName + '">' + this.innerHTML + '</li>');
+		});
+	});
+	
+	// 钩子函数：初始化并第一次加载完成数据后调用，没有参数。
+	hook.ready(function() {
+		// 将搜索框转移到右上角 
+		document.querySelector(".sear-box").innerHTML = '';
+		document.querySelector(".sear-box").append(document.querySelector(".search"));
+		document.querySelector(".search input").placeholder = '搜索…';
+		
+		// 点击input时，展开 
+		$('.sear-box input').click(function() {
+			if($('.search input').val() != '') {
+				$('.results-panel').addClass('show');
+			}
+		});
+		// 失去焦点时，收缩 
+		$('.sear-box input').blur(function() {
+			setTimeout(function() {
+				$('.results-panel').removeClass('show');
+			}, 200);
+		})
+		// 选择一项时，收缩 
+		$('.sear-box').on('click', '.matching-post', function() {
+			console.log('click……');
+			// $('.search input').val('');
+			$('.results-panel').removeClass('show');
+		});
+		
+		// 点击按钮，加载图片
+		$(document).on('click', '.show-img', function(){
+			var src = $(this).attr('img-src');
+			var img = '<img class="show-to-img" src="' + src + '" />';
+			$(this).after(img);
+			$(this).remove();
+		})
+		
+		// 点击按钮，加载图片
+		$(document).on('click', '.show-to-img', function(){
+			open(this.src);
+		})
+		
+	});
+	
+}