完成插件和图片配置

This commit is contained in:
yinkanglong
2024-01-15 23:31:21 +08:00
parent c113473208
commit 428d77fcc5
15 changed files with 449 additions and 21 deletions

View File

@@ -5,11 +5,23 @@
<title>通灵诗人的笔记</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Description">
<meta name="keywords" content="wiki,docsify,音乐爱好者">
<meta name="author" content="xhhdd">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<!-- 设置浏览器图标 -->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
<!-- 侧边栏插件的样式 -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/sidebar.min.css" />
<!-- 文章导航样式 -->
<link rel="stylesheet" href="https://unpkg.com/docsify-toc@1.0.0/dist/toc.css">
<!-- 多个图标 -->
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/fontawesome.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/brands.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/regular.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/solid.css" />
</head>
<body>
<div id="app"></div>
@@ -20,17 +32,19 @@ window.$docsify = {
// 仓库地址点击右上角的Github章鱼猫头像会跳转到此地址
repo: 'https://github.com/Estom/notes',
// 侧边栏支持默认加载的是项目根目录下的_sidebar.md文件
// loadSidebar: true,
loadSidebar: true,
// 导航栏支持默认加载的是项目根目录下的_navbar.md文件
loadNavbar: true,
// 封面支持默认加载的是项目根目录下的_coverpage.md文件
coverpage: true,
// 最大支持渲染的标题层级
maxLevel: 5,
maxLevel: 3,
// 自定义侧边栏后默认不会再生成目录设置生成目录的最大层级建议配置为2-4
subMaxLevel: 4,
subMaxLevel: 3,
// 小屏设备下合并导航栏到侧边栏
mergeNavbar: true,
// log
// logo: '/blog/image/cat.svg',
/*搜索相关设置*/
search: {
maxAge: 86400000,// 过期时间,单位毫秒,默认一天
@@ -44,8 +58,65 @@ window.$docsify = {
noData: '找不到结果',
depth: 4,
hideOtherSidebarContent: false,
namespace: 'Docsify-Guide',
}
namespace: '通灵诗人的笔记',
},
// 字数插件
count:{
countable: true,
position: 'top',
margin: '10px',
float: 'right',
fontsize:'0.9em',
color:'rgb(90,90,90)',
language:'chinese',
localization: {
words: "",
minute: ""
},
isExpected: true
},
// 分页导航插件
pagination: {
previousText: '上一篇',
nextText: '下一篇',
crossChapter: true,
crossChapterText: true
},
// 文本高亮
'flexible-alerts': {
style: 'flat',
note: {
label: "信息"
},
tip: {
label: "提示"
},
warning: {
label: "注意"
},
attention: {
label: "切记"
}
},
sidebarDisplayLevel: 2,
// 页脚信息插件
loadFooter: true,
loadFooter: '_footer.md',
share: {
reddit: true,
linkedin: true,
facebook: true,
twitter: true,
whatsapp: true,
telegram: true,
},
// 文章导航样式
toc: {
scope: '.markdown-section',
headings: 'h1, h2, h3',
title: '文章导航',
},
}
</script>
<!-- Docsify v4 -->
@@ -58,5 +129,26 @@ window.$docsify = {
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
<!--在所有的代码块上添加一个简单的Click to copy按钮来允许用户从你的文档中轻易地复制代码-->
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
<!-- 字数插件 -->
<script src="https://cdn.jsdelivr.net/npm/docsify-count@latest/dist/countable.min.js"></script>
<!-- 分页导航 -->
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<!-- 文本高亮 -->
<script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
<!-- 侧边栏扩展与折叠 -->
<script src="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
<!-- 页脚信息 -->
<script src="//cdn.jsdelivr.net/npm/@alertbox/docsify-footer/dist/docsify-footer.min.js"></script>
<!-- 分享插件 -->
<script src="//unpkg.com/docsify-share/build/index.min.js"></script>
<!-- 文章导航 -->
<script src="https://unpkg.com/docsify-toc@1.0.0/dist/toc.js"></script>
<!-- 图标 -->
<script src="//unpkg.com/docsify-fontawesome/dist/docsify-fontawesome.min.js"></script>
<!-- 代码高亮 https://cdn.jsdelivr.net/npm/prismjs@1/components/ -->
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-java.min.js"></script>
</body>
</html>