blog: 优化配置文件
This commit is contained in:
parent
ba3fd270b0
commit
d2eb0f5292
|
|
@ -1,19 +1,322 @@
|
||||||
const head = require('./config/head.js');
|
const htmlModules = require('./config/htmlModules.js');
|
||||||
const plugins = require('./config/plugins.js');
|
|
||||||
const themeConfig = require('./config/themeConfig.js');
|
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
theme: 'vdoing', // 使用npm包主题
|
theme: 'vdoing', // 使用npm包主题
|
||||||
// theme: require.resolve('../../theme-vdoing'), // 使用本地主题
|
// theme: require.resolve('../../theme-vdoing'), // 使用本地主题
|
||||||
|
|
||||||
title: "Evan's blog",
|
title: "Evan's blog",
|
||||||
description: 'web前端技术博客,简洁至上,专注web前端学习与总结。JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github等技术文章。',
|
description: 'web前端技术博客,专注web前端学习与总结。JavaScript,js,ES6,TypeScript,vue,React,python,css3,html5,Node,git,github等技术文章。',
|
||||||
// base: '/', // 格式:'/<仓库名>/', 默认'/'
|
// base: '/', // 默认'/'。如果你想将你的网站部署到 https://foo.github.io/bar/,那么 base 应该被设置成 "/bar/",(否则页面将失去样式等文件)
|
||||||
markdown: {
|
|
||||||
lineNumbers: true, // 代码行号
|
// 主题配置
|
||||||
|
themeConfig: {
|
||||||
|
// 导航配置
|
||||||
|
nav: [
|
||||||
|
{ text: '首页', link: '/' },
|
||||||
|
{
|
||||||
|
text: '前端',
|
||||||
|
link: '/web/', //目录页链接,此处link是vdoing主题新增的配置项,有二级导航时,可以点击一级导航跳到目录页
|
||||||
|
items: [
|
||||||
|
// 说明:以下所有link的值只是在相应md文件头部定义的永久链接(不是什么特殊编码)。另外,注意结尾是有斜杠的
|
||||||
|
{
|
||||||
|
text: '前端文章',
|
||||||
|
items: [
|
||||||
|
{ text: 'JavaScript', link: '/pages/8143cc480faf9a11/' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '学习笔记',
|
||||||
|
items: [
|
||||||
|
{ text: '《JavaScript教程》', link: '/note/javascript/' },
|
||||||
|
{ text: '《JavaScript高级程序设计》', link: '/note/js/' },
|
||||||
|
{ text: '《ES6 教程》', link: '/note/es6/' },
|
||||||
|
{ text: '《Vue》', link: '/note/vue/' },
|
||||||
|
{ text: '《React》', link: '/note/react/' },
|
||||||
|
{
|
||||||
|
text: '《TypeScript 从零实现 axios》',
|
||||||
|
link: '/note/typescript-axios/',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '《Git》',
|
||||||
|
link: '/note/git/',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'TypeScript',
|
||||||
|
link: '/pages/51afd6/',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'JS设计模式总结',
|
||||||
|
link: '/pages/4643cd/',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '页面',
|
||||||
|
link: '/ui/',
|
||||||
|
items: [
|
||||||
|
{ text: 'HTML', link: '/pages/8309a5b876fc95e3/' },
|
||||||
|
{ text: 'CSS', link: '/pages/0a83b083bdf257cb/' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '技术',
|
||||||
|
link: '/technology/',
|
||||||
|
items: [
|
||||||
|
{ text: '技术文档', link: '/pages/9a7ee40fc232253e/' },
|
||||||
|
{ text: 'GitHub技巧', link: '/pages/4c778760be26d8b3/' },
|
||||||
|
{ text: 'Nodejs', link: '/pages/117708e0af7f0bd9/' },
|
||||||
|
{ text: '博客搭建', link: '/pages/41f87d890d0a02af/' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '更多',
|
||||||
|
link: '/more/',
|
||||||
|
items: [
|
||||||
|
{ text: '学习', link: '/pages/f2a556/' },
|
||||||
|
{ text: '面试', link: '/pages/aea6571b7a8bae86/' },
|
||||||
|
{ text: '心情杂货', link: '/pages/2d615df9a36a98ed/' },
|
||||||
|
{ text: '实用技巧', link: '/pages/baaa02/' },
|
||||||
|
{ text: '友情链接', link: '/friends/' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{ text: '关于', link: '/about/' },
|
||||||
|
{
|
||||||
|
text: '收藏',
|
||||||
|
link: '/pages/beb6c0bd8a66cea6/',
|
||||||
|
// items: [
|
||||||
|
// { text: '网站', link: '/pages/beb6c0bd8a66cea6/' },
|
||||||
|
// { text: '资源', link: '/pages/eee83a9211a70f9d/' },
|
||||||
|
// { text: 'Vue资源', link: '/pages/12df8ace52d493f6/' },
|
||||||
|
// ],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '索引',
|
||||||
|
link: '/archives/',
|
||||||
|
items: [
|
||||||
|
{ text: '分类', link: '/categories/' },
|
||||||
|
{ text: '标签', link: '/tags/' },
|
||||||
|
{ text: '归档', link: '/archives/' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
sidebarDepth: 2, // 侧边栏显示深度,默认1,最大2(显示到h3标题)
|
||||||
|
logo: '/img/logo.png', // 导航栏logo
|
||||||
|
repo: 'xugaoyi/vuepress-theme-vdoing', // 导航栏右侧生成Github链接
|
||||||
|
searchMaxSuggestions: 10, // 搜索结果显示最大数
|
||||||
|
lastUpdated: '上次更新', // 开启更新时间,并配置前缀文字 string | boolean (取值为git提交时间)
|
||||||
|
docsDir: 'docs', // 编辑的文件夹
|
||||||
|
editLinks: true, // 启用编辑
|
||||||
|
editLinkText: '编辑',
|
||||||
|
|
||||||
|
//*** 以下是Vdoing主题相关配置,文档:https://doc.xugaoyi.com/pages/a20ce8/ ***//
|
||||||
|
|
||||||
|
// category: false, // 是否打开分类功能,默认true
|
||||||
|
// tag: false, // 是否打开标签功能,默认true
|
||||||
|
// archive: false, // 是否打开归档功能,默认true
|
||||||
|
// categoryText: '随笔', // 碎片化文章(_posts文件夹的文章)预设生成的分类值,默认'随笔'
|
||||||
|
|
||||||
|
// bodyBgImg: [
|
||||||
|
// 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200507175828.jpeg',
|
||||||
|
// 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200507175845.jpeg',
|
||||||
|
// 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200507175846.jpeg'
|
||||||
|
// ], // body背景大图,默认无。 单张图片 String | 多张图片 Array, 多张图片时每隔15秒换一张。
|
||||||
|
// bodyBgImgOpacity: 0.5, // body背景图透明度,选值 0 ~ 1.0, 默认0.5
|
||||||
|
|
||||||
|
// titleBadge: false, // 文章标题前的图标是否显示,默认true
|
||||||
|
// titleBadgeIcons: [ // 文章标题前图标的地址,默认主题内置图标
|
||||||
|
// '图标地址1',
|
||||||
|
// '图标地址2'
|
||||||
|
// ],
|
||||||
|
// contentBgStyle: 1, // 文章内容块的背景风格,默认无. 1 方格 | 2 横线 | 3 竖线 | 4 左斜线 | 5 右斜线 | 6 点状
|
||||||
|
|
||||||
|
// updateBar: { // 最近更新栏
|
||||||
|
// showToArticle: false, // 显示到文章页底部,默认true
|
||||||
|
// moreArticle: '/archives' // “更多文章”跳转的页面,默认'/archives'
|
||||||
|
// },
|
||||||
|
// rightMenuBar: false, // 是否显示右侧文章大纲栏,默认true (屏宽小于1300px下无论如何都不显示)
|
||||||
|
// sidebarOpen: false, // 初始状态是否打开左侧边栏,默认true
|
||||||
|
// pageButton: false, // 是否显示快捷翻页按钮,默认true
|
||||||
|
|
||||||
|
// 侧边栏 'structuring' | { mode: 'structuring', collapsable: Boolean} | 'auto' | <自定义> 温馨提示:目录页数据依赖于结构化的侧边栏数据,如果你不设置为'structuring',将无法使用目录页
|
||||||
|
sidebar: 'structuring',
|
||||||
|
|
||||||
|
// 文章默认的作者信息,可在md文件中单独配置此信息 String | {name: String, link: String}
|
||||||
|
author: {
|
||||||
|
name: 'xugaoyi', // 必需
|
||||||
|
link: 'https://github.com/xugaoyi', // 可选的
|
||||||
|
},
|
||||||
|
|
||||||
|
// 博主信息,显示在首页侧边栏
|
||||||
|
blogger: {
|
||||||
|
avatar: 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg',
|
||||||
|
name: 'Evan Xu',
|
||||||
|
slogan: '前端界的小学生',
|
||||||
|
},
|
||||||
|
|
||||||
|
// 社交图标,显示于博主信息栏和页脚栏。内置图标:https://doc.xugaoyi.com/pages/a20ce8/#social
|
||||||
|
social: {
|
||||||
|
// iconfontCssFile: '//at.alicdn.com/t/font_1678482_u4nrnp8xp6g.css', // 可选,阿里图标库在线css文件地址,对于主题没有的图标可自己添加
|
||||||
|
icons: [
|
||||||
|
{
|
||||||
|
iconClass: 'icon-youjian',
|
||||||
|
title: '发邮件',
|
||||||
|
link: 'mailto:894072666@qq.com',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
iconClass: 'icon-github',
|
||||||
|
title: 'GitHub',
|
||||||
|
link: 'https://github.com/xugaoyi',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
iconClass: 'icon-erji',
|
||||||
|
title: '听音乐',
|
||||||
|
link: 'https://music.163.com/#/playlist?id=755597173',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
// 页脚信息
|
||||||
|
footer: {
|
||||||
|
createYear: 2019, // 博客创建年份
|
||||||
|
copyrightInfo:
|
||||||
|
'Evan Xu | <a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/LICENSE" target="_blank">MIT License</a>', // 博客版权信息,支持a标签
|
||||||
|
},
|
||||||
|
|
||||||
|
// 插入hmtl(广告)模块
|
||||||
|
htmlModules
|
||||||
},
|
},
|
||||||
|
|
||||||
head,
|
// 注入到页面<head>中的标签,格式[tagName, { attrName: attrValue }, innerHTML?]
|
||||||
plugins,
|
head: [
|
||||||
themeConfig,
|
['link', { rel: 'icon', href: '/img/favicon.ico' }], //favicons,资源放在public文件夹
|
||||||
|
[
|
||||||
|
'meta',
|
||||||
|
{
|
||||||
|
name: 'keywords',
|
||||||
|
content: '前端博客,个人技术博客,前端,前端开发,前端框架,web前端,前端面试题,技术文档,学习,面试,JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github,markdown',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
['meta', { name: 'baidu-site-verification', content: '7F55weZDDc' }], // 百度统计的站长验证(你可以去掉)
|
||||||
|
['meta', { name: 'theme-color', content: '#11a8cd' }], // 移动浏览器主题颜色
|
||||||
|
[
|
||||||
|
'script',
|
||||||
|
{
|
||||||
|
'data-ad-client': 'ca-pub-7828333725993554',
|
||||||
|
async: 'async',
|
||||||
|
src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js',
|
||||||
|
},
|
||||||
|
], // 网站关联Google AdSense 与 html格式广告支持(你可以去掉)
|
||||||
|
],
|
||||||
|
|
||||||
|
// 插件配置
|
||||||
|
plugins: [
|
||||||
|
// 本地插件(供学习)
|
||||||
|
// [require('./plugins/love-me'), { // 鼠标点击爱心特效
|
||||||
|
// color: '#11a8cd', // 爱心颜色,默认随机色
|
||||||
|
// excludeClassName: 'theme-vdoing-content' // 要排除元素的class, 默认空''
|
||||||
|
// }],
|
||||||
|
|
||||||
|
'vuepress-plugin-baidu-autopush', // 百度自动推送
|
||||||
|
|
||||||
|
// 可以添加第三方搜索链接的搜索框(原官方搜索框的参数仍可用)
|
||||||
|
[
|
||||||
|
'thirdparty-search',
|
||||||
|
{
|
||||||
|
thirdparty: [
|
||||||
|
// 可选,默认 []
|
||||||
|
{
|
||||||
|
title: '在MDN中搜索',
|
||||||
|
frontUrl: 'https://developer.mozilla.org/zh-CN/search?q=', // 搜索链接的前面部分
|
||||||
|
behindUrl: '', // 搜索链接的后面部分,可选,默认 ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '在Runoob中搜索',
|
||||||
|
frontUrl: 'https://www.runoob.com/?s=',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '在Vue API中搜索',
|
||||||
|
frontUrl: 'https://cn.vuejs.org/v2/api/#',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '在Bing中搜索',
|
||||||
|
frontUrl: 'https://cn.bing.com/search?q=',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '通过百度搜索本站的',
|
||||||
|
frontUrl: 'https://www.baidu.com/s?wd=site%3Axugaoyi.com%20',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
|
||||||
|
[
|
||||||
|
'one-click-copy', // 代码块复制按钮
|
||||||
|
{
|
||||||
|
copySelector: ['div[class*="language-"] pre', 'div[class*="aside-code"] aside'], // String or Array
|
||||||
|
copyMessage: '复制成功', // default is 'Copy successfully and then paste it for use.'
|
||||||
|
duration: 1000, // prompt message display time.
|
||||||
|
showInMobile: false, // whether to display on the mobile side, default: false.
|
||||||
|
},
|
||||||
|
],
|
||||||
|
|
||||||
|
[
|
||||||
|
'demo-block', // demo演示模块 https://github.com/xiguaxigua/vuepress-plugin-demo-block
|
||||||
|
{
|
||||||
|
settings: {
|
||||||
|
// jsLib: ['http://xxx'], // 在线示例(jsfiddle, codepen)中的js依赖
|
||||||
|
// cssLib: ['http://xxx'], // 在线示例中的css依赖
|
||||||
|
// vue: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js', // 在线示例中的vue依赖
|
||||||
|
jsfiddle: false, // 是否显示 jsfiddle 链接
|
||||||
|
codepen: true, // 是否显示 codepen 链接
|
||||||
|
horizontal: false, // 是否展示为横向样式
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'vuepress-plugin-zooming', // 放大图片
|
||||||
|
{
|
||||||
|
selector: '.theme-vdoing-content img:not(.no-zoom)', // 排除class是no-zoom的图片
|
||||||
|
options: {
|
||||||
|
bgColor: 'rgba(0,0,0,0.6)',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'vuepress-plugin-baidu-tongji', // 百度统计 (你可以去掉)
|
||||||
|
{
|
||||||
|
hm: '503f098e7e5b3a5b5d8c5fc2938af002',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'vuepress-plugin-comment', // 评论
|
||||||
|
{
|
||||||
|
choosen: 'gitalk',
|
||||||
|
options: {
|
||||||
|
clientID: 'a6e1355287947096b88b',
|
||||||
|
clientSecret: 'f0e77d070fabfcd5af95bebb82b2d574d7248d71',
|
||||||
|
repo: 'blog-gitalk-comment', // GitHub 仓库
|
||||||
|
owner: 'xugaoyi', // GitHub仓库所有者
|
||||||
|
admin: ['xugaoyi'], // 对仓库有写权限的人
|
||||||
|
// distractionFreeMode: true,
|
||||||
|
pagerDirection: 'last', // 'first'正序 | 'last'倒序
|
||||||
|
id: '<%- (frontmatter.permalink || frontmatter.to.path).slice(-16) %>', // 页面的唯一标识,长度不能超过50
|
||||||
|
title: '「评论」<%- frontmatter.title %>', // GitHub issue 的标题
|
||||||
|
labels: ['Gitalk', 'Comment'], // GitHub issue 的标签
|
||||||
|
body:
|
||||||
|
'页面:<%- window.location.origin + (frontmatter.to.path || window.location.pathname) %>', // GitHub issue 的内容
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'@vuepress/last-updated', // "上次更新"时间格式
|
||||||
|
{
|
||||||
|
transformer: (timestamp, lang) => {
|
||||||
|
const dayjs = require('dayjs') // https://day.js.org/
|
||||||
|
return dayjs(timestamp).format('YYYY/MM/DD, HH:mm:ss')
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
// head
|
|
||||||
module.exports = [
|
|
||||||
// 注入到页面<head> 中的标签,格式[tagName, { attrName: attrValue }, innerHTML?]
|
|
||||||
['link', { rel: 'icon', href: '/img/favicon.ico' }], //favicons,资源放在public文件夹
|
|
||||||
[
|
|
||||||
'meta',
|
|
||||||
{
|
|
||||||
name: 'keywords',
|
|
||||||
content: '前端博客,个人技术博客,前端,前端开发,前端框架,web前端,前端面试题,技术文档,学习,面试,JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github,markdown',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
['meta', { name: 'baidu-site-verification', content: '7F55weZDDc' }], // 百度统计的站长验证
|
|
||||||
['meta', { name: 'theme-color', content: '#11a8cd' }], // 移动浏览器主题颜色
|
|
||||||
[
|
|
||||||
'script',
|
|
||||||
{
|
|
||||||
'data-ad-client': 'ca-pub-7828333725993554',
|
|
||||||
async: 'async',
|
|
||||||
src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js',
|
|
||||||
},
|
|
||||||
], // 网站关联Google AdSense 与 html格式广告支持
|
|
||||||
]
|
|
||||||
|
|
@ -54,38 +54,38 @@ module.exports = {
|
||||||
// <script>
|
// <script>
|
||||||
// (adsbygoogle = window.adsbygoogle || []).push({});
|
// (adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
// </script>`,
|
// </script>`,
|
||||||
sidebarB:
|
// sidebarB:
|
||||||
`<!-- 正方形 -->
|
// `<!-- 正方形 -->
|
||||||
<ins class="adsbygoogle"
|
// <ins class="adsbygoogle"
|
||||||
style="display:block"
|
// style="display:block"
|
||||||
data-ad-client="ca-pub-7828333725993554"
|
// data-ad-client="ca-pub-7828333725993554"
|
||||||
data-ad-slot="3508773082"
|
// data-ad-slot="3508773082"
|
||||||
data-ad-format="auto"
|
// data-ad-format="auto"
|
||||||
data-full-width-responsive="true"></ins>
|
// data-full-width-responsive="true"></ins>
|
||||||
<script>
|
// <script>
|
||||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
// (adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
</script>`,
|
// </script>`,
|
||||||
pageT:
|
// pageT:
|
||||||
`<!-- 固定100% * 90px可显示,max-height:90px未见显示-->
|
// `<!-- 固定100% * 90px可显示,max-height:90px未见显示-->
|
||||||
<ins class="adsbygoogle"
|
// <ins class="adsbygoogle"
|
||||||
style="display:inline-block;width:100%;max-height:90px"
|
// style="display:inline-block;width:100%;max-height:90px"
|
||||||
data-ad-client="ca-pub-7828333725993554"
|
// data-ad-client="ca-pub-7828333725993554"
|
||||||
data-ad-slot="6625304284"></ins>
|
// data-ad-slot="6625304284"></ins>
|
||||||
<script>
|
// <script>
|
||||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
// (adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
</script>`,
|
// </script>`,
|
||||||
// pageTshowMode: 'article',
|
// pageTshowMode: 'article',
|
||||||
pageB:
|
// pageB:
|
||||||
`<!-- 横向自适应 -->
|
// `<!-- 横向自适应 -->
|
||||||
<ins class="adsbygoogle"
|
// <ins class="adsbygoogle"
|
||||||
style="display:block"
|
// style="display:block"
|
||||||
data-ad-client="ca-pub-7828333725993554"
|
// data-ad-client="ca-pub-7828333725993554"
|
||||||
data-ad-slot="6620245489"
|
// data-ad-slot="6620245489"
|
||||||
data-ad-format="auto"
|
// data-ad-format="auto"
|
||||||
data-full-width-responsive="true"></ins>
|
// data-full-width-responsive="true"></ins>
|
||||||
<script>
|
// <script>
|
||||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
// (adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
</script>`,
|
// </script>`,
|
||||||
// pageBshowMode: 'article',
|
// pageBshowMode: 'article',
|
||||||
// windowLB: // 会遮挡部分侧边栏
|
// windowLB: // 会遮挡部分侧边栏
|
||||||
// `<!-- 固定200*200px -->
|
// `<!-- 固定200*200px -->
|
||||||
|
|
@ -97,16 +97,16 @@ module.exports = {
|
||||||
// <script>
|
// <script>
|
||||||
// (adsbygoogle = window.adsbygoogle || []).push({});
|
// (adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
// </script>`,
|
// </script>`,
|
||||||
windowRB:
|
// windowRB:
|
||||||
`<!-- 固定160*160px -->
|
// `<!-- 固定160*160px -->
|
||||||
<ins class="adsbygoogle"
|
// <ins class="adsbygoogle"
|
||||||
style="display:inline-block;max-width:160px;max-height:160px"
|
// style="display:inline-block;max-width:160px;max-height:160px"
|
||||||
data-ad-client="ca-pub-7828333725993554"
|
// data-ad-client="ca-pub-7828333725993554"
|
||||||
data-ad-slot="8377369658"></ins>
|
// data-ad-slot="8377369658"></ins>
|
||||||
<script>
|
// <script>
|
||||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
// (adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
</script>
|
// </script>
|
||||||
`,
|
// `,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,92 +0,0 @@
|
||||||
// nav
|
|
||||||
module.exports = [
|
|
||||||
{ text: '首页', link: '/' },
|
|
||||||
{
|
|
||||||
text: '前端',
|
|
||||||
link: '/web/', //目录页链接,此处link是vdoing主题新增的配置项,有二级导航时,可以点击一级导航跳到目录页
|
|
||||||
items: [
|
|
||||||
// 说明:以下所有link的值只是在相应md文件定义的永久链接(不是什么特殊生成的编码)。另外,注意结尾是有斜杠的
|
|
||||||
{
|
|
||||||
text: '前端文章',
|
|
||||||
items: [
|
|
||||||
{ text: 'JavaScript', link: '/pages/8143cc480faf9a11/' },
|
|
||||||
// { text: 'Vue', link: '/pages/5d463fbdb172d43b/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '学习笔记',
|
|
||||||
items: [
|
|
||||||
{ text: '《JavaScript教程》', link: '/note/javascript/' },
|
|
||||||
{ text: '《JavaScript高级程序设计》', link: '/note/js/' },
|
|
||||||
{ text: '《ES6 教程》', link: '/note/es6/' },
|
|
||||||
{ text: '《Vue》', link: '/note/vue/' },
|
|
||||||
{ text: '《React》', link: '/note/react/' },
|
|
||||||
{
|
|
||||||
text: '《TypeScript 从零实现 axios》',
|
|
||||||
link: '/note/typescript-axios/',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '《Git》',
|
|
||||||
link: '/note/git/',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'TypeScript',
|
|
||||||
link: '/pages/51afd6/',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'JS设计模式总结',
|
|
||||||
link: '/pages/4643cd/',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '页面',
|
|
||||||
link: '/ui/',
|
|
||||||
items: [
|
|
||||||
{ text: 'HTML', link: '/pages/8309a5b876fc95e3/' },
|
|
||||||
{ text: 'CSS', link: '/pages/0a83b083bdf257cb/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '技术',
|
|
||||||
link: '/technology/',
|
|
||||||
items: [
|
|
||||||
{ text: '技术文档', link: '/pages/9a7ee40fc232253e/' },
|
|
||||||
{ text: 'GitHub技巧', link: '/pages/4c778760be26d8b3/' },
|
|
||||||
{ text: 'Nodejs', link: '/pages/117708e0af7f0bd9/' },
|
|
||||||
{ text: '博客搭建', link: '/pages/41f87d890d0a02af/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '更多',
|
|
||||||
link: '/more/',
|
|
||||||
items: [
|
|
||||||
{ text: '学习', link: '/pages/f2a556/' },
|
|
||||||
{ text: '面试', link: '/pages/aea6571b7a8bae86/' },
|
|
||||||
{ text: '心情杂货', link: '/pages/2d615df9a36a98ed/' },
|
|
||||||
{ text: '实用技巧', link: '/pages/baaa02/' },
|
|
||||||
{ text: '友情链接', link: '/friends/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{ text: '关于', link: '/about/' },
|
|
||||||
{
|
|
||||||
text: '收藏',
|
|
||||||
link: '/pages/beb6c0bd8a66cea6/',
|
|
||||||
// items: [
|
|
||||||
// { text: '网站', link: '/pages/beb6c0bd8a66cea6/' },
|
|
||||||
// { text: '资源', link: '/pages/eee83a9211a70f9d/' },
|
|
||||||
// { text: 'Vue资源', link: '/pages/12df8ace52d493f6/' },
|
|
||||||
// ],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '索引',
|
|
||||||
link: '/archives/',
|
|
||||||
items: [
|
|
||||||
{ text: '分类', link: '/categories/' },
|
|
||||||
{ text: '标签', link: '/tags/' },
|
|
||||||
{ text: '归档', link: '/archives/' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
@ -1,110 +0,0 @@
|
||||||
// 插件配置
|
|
||||||
module.exports = [
|
|
||||||
// 本地插件
|
|
||||||
// [require('./plugins/love-me'), { // 鼠标点击爱心特效
|
|
||||||
// color: '#11a8cd', // 爱心颜色,默认随机色
|
|
||||||
// excludeClassName: 'theme-vdoing-content' // 要排除元素的class, 默认空''
|
|
||||||
// }],
|
|
||||||
|
|
||||||
'vuepress-plugin-baidu-autopush', // 百度自动推送
|
|
||||||
|
|
||||||
// 可以添加第三方搜索链接的搜索框(原官方搜索框的参数仍可用)
|
|
||||||
[
|
|
||||||
'thirdparty-search',
|
|
||||||
{
|
|
||||||
thirdparty: [
|
|
||||||
// 可选,默认 []
|
|
||||||
{
|
|
||||||
title: '在MDN中搜索',
|
|
||||||
frontUrl: 'https://developer.mozilla.org/zh-CN/search?q=', // 搜索链接的前面部分
|
|
||||||
behindUrl: '', // 搜索链接的后面部分,可选,默认 ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '在Runoob中搜索',
|
|
||||||
frontUrl: 'https://www.runoob.com/?s=',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '在Vue API中搜索',
|
|
||||||
frontUrl: 'https://cn.vuejs.org/v2/api/#',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '在Bing中搜索',
|
|
||||||
frontUrl: 'https://cn.bing.com/search?q=',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '通过百度搜索本站的',
|
|
||||||
frontUrl: 'https://www.baidu.com/s?wd=site%3Axugaoyi.com%20',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
|
|
||||||
[
|
|
||||||
'one-click-copy',
|
|
||||||
{
|
|
||||||
// 代码块复制按钮
|
|
||||||
copySelector: ['div[class*="language-"] pre', 'div[class*="aside-code"] aside'], // String or Array
|
|
||||||
copyMessage: '复制成功', // default is 'Copy successfully and then paste it for use.'
|
|
||||||
duration: 1000, // prompt message display time.
|
|
||||||
showInMobile: false, // whether to display on the mobile side, default: false.
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'demo-block',
|
|
||||||
{
|
|
||||||
// demo演示模块 https://github.com/xiguaxigua/vuepress-plugin-demo-block
|
|
||||||
settings: {
|
|
||||||
// jsLib: ['http://xxx'], // 在线示例(jsfiddle, codepen)中的js依赖
|
|
||||||
// cssLib: ['http://xxx'], // 在线示例中的css依赖
|
|
||||||
// vue: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js', // 在线示例中的vue依赖
|
|
||||||
jsfiddle: false, // 是否显示 jsfiddle 链接
|
|
||||||
codepen: true, // 是否显示 codepen 链接
|
|
||||||
horizontal: false, // 是否展示为横向样式
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'vuepress-plugin-zooming', // 放大图片
|
|
||||||
{
|
|
||||||
selector: '.theme-vdoing-content img:not(.no-zoom)', // 排除class是no-zoom的图片
|
|
||||||
options: {
|
|
||||||
bgColor: 'rgba(0,0,0,0.6)',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'vuepress-plugin-baidu-tongji', // 百度统计
|
|
||||||
{
|
|
||||||
hm: '503f098e7e5b3a5b5d8c5fc2938af002',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'vuepress-plugin-comment', // 评论
|
|
||||||
{
|
|
||||||
choosen: 'gitalk',
|
|
||||||
options: {
|
|
||||||
clientID: 'a6e1355287947096b88b',
|
|
||||||
clientSecret: 'f0e77d070fabfcd5af95bebb82b2d574d7248d71',
|
|
||||||
repo: 'blog-gitalk-comment', // GitHub 仓库
|
|
||||||
owner: 'xugaoyi', // GitHub仓库所有者
|
|
||||||
admin: ['xugaoyi'], // 对仓库有写权限的人
|
|
||||||
// distractionFreeMode: true,
|
|
||||||
pagerDirection: 'last', // 'first'正序 | 'last'倒序
|
|
||||||
id: '<%- (frontmatter.permalink || frontmatter.to.path).slice(-16) %>', // 页面的唯一标识,长度不能超过50
|
|
||||||
title: '「评论」<%- frontmatter.title %>', // GitHub issue 的标题
|
|
||||||
labels: ['Gitalk', 'Comment'], // GitHub issue 的标签
|
|
||||||
body:
|
|
||||||
'页面:<%- window.location.origin + (frontmatter.to.path || window.location.pathname) %>', // GitHub issue 的内容
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'@vuepress/last-updated', // "上次更新"时间格式
|
|
||||||
{
|
|
||||||
transformer: (timestamp, lang) => {
|
|
||||||
const dayjs = require('dayjs') // https://day.js.org/
|
|
||||||
return dayjs(timestamp).format('YYYY/MM/DD, HH:mm:ss')
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
const nav = require('./nav.js');
|
|
||||||
const htmlModules = require('./htmlModules.js');
|
|
||||||
// const sidebar = require('./sidebar.js');
|
|
||||||
|
|
||||||
// 主题配置
|
|
||||||
module.exports = {
|
|
||||||
nav,
|
|
||||||
sidebarDepth: 2, // 侧边栏显示深度,默认1,最大2(显示到h3标题)
|
|
||||||
logo: '/img/EB-logo.png', // 导航栏logo
|
|
||||||
repo: 'xugaoyi/vuepress-theme-vdoing', // 导航栏右侧生成Github链接
|
|
||||||
searchMaxSuggestions: 10, // 搜索结果显示最大数
|
|
||||||
lastUpdated: '上次更新', // 开启更新时间,并配置前缀文字 string | boolean (取值为git提交时间)
|
|
||||||
docsDir: 'docs', // 编辑的文件夹
|
|
||||||
editLinks: true, // 启用编辑
|
|
||||||
editLinkText: '编辑',
|
|
||||||
|
|
||||||
//*** 以下配置是Vdoing主题改动和新增的配置 ***//
|
|
||||||
|
|
||||||
// category: false, // 是否打开分类功能,默认true。 如打开,会做的事情有:1. 自动生成的frontmatter包含分类字段 2.页面中显示与分类相关的信息和模块 3.自动生成分类页面(在@pages文件夹)。如关闭,则反之。
|
|
||||||
// tag: false, // 是否打开标签功能,默认true。 如打开,会做的事情有:1. 自动生成的frontmatter包含标签字段 2.页面中显示与标签相关的信息和模块 3.自动生成标签页面(在@pages文件夹)。如关闭,则反之。
|
|
||||||
// archive: false, // 是否打开归档功能,默认true。 如打开,会做的事情有:1.自动生成归档页面(在@pages文件夹)。如关闭,则反之。
|
|
||||||
// categoryText: '随笔', // 碎片化文章(_posts文件夹的文章)预设生成的分类值,默认'随笔'
|
|
||||||
|
|
||||||
// bodyBgImg: [
|
|
||||||
// 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200507175828.jpeg',
|
|
||||||
// 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200507175845.jpeg',
|
|
||||||
// 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200507175846.jpeg'
|
|
||||||
// ], // body背景大图,默认无。 单张图片 String || 多张图片 Array, 多张图片时每隔15秒换一张。
|
|
||||||
// bodyBgImgOpacity: 0.5, // body背景图透明度,选值 0 ~ 1.0, 默认0.5
|
|
||||||
|
|
||||||
// titleBadge: false, // 文章标题前的图标是否显示,默认true
|
|
||||||
// titleBadgeIcons: [ // 文章标题前图标的地址,默认主题内置图标
|
|
||||||
// '图标地址1',
|
|
||||||
// '图标地址2'
|
|
||||||
// ],
|
|
||||||
// contentBgStyle: 1, // 文章内容块的背景风格,默认无. 1 => 方格 | 2 => 横线 | 3 => 竖线 | 4 => 左斜线 | 5 => 右斜线 | 6 => 点状
|
|
||||||
|
|
||||||
// updateBar: { // 最近更新栏
|
|
||||||
// showToArticle: true, // 显示到文章页底部,默认true
|
|
||||||
// moreArticle: '/archives' // “更多文章”跳转的页面,默认'/archives'
|
|
||||||
// },
|
|
||||||
// rightMenuBar: false, // 是否显示右侧文章大纲栏,默认true (屏宽小于1300px下无论如何都不显示)
|
|
||||||
// sidebarOpen: false, // 初始状态是否打开侧边栏,默认true
|
|
||||||
// pageButton: false, // 是否显示快捷翻页按钮,默认true
|
|
||||||
|
|
||||||
sidebar: 'structuring', // 侧边栏 'structuring' | { mode: 'structuring', collapsable: Boolean} | 'auto' | 自定义 温馨提示:目录页数据依赖于结构化的侧边栏数据,如果你不设置为'structuring',将无法使用目录页
|
|
||||||
|
|
||||||
author: {
|
|
||||||
// 文章默认的作者信息,可在md文件中单独配置此信息 String | {name: String, link: String}
|
|
||||||
name: 'xugaoyi', // 必需
|
|
||||||
link: 'https://github.com/xugaoyi', // 可选的
|
|
||||||
},
|
|
||||||
blogger: {
|
|
||||||
// 博主信息,显示在首页侧边栏
|
|
||||||
avatar: 'https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg',
|
|
||||||
name: 'Evan Xu',
|
|
||||||
slogan: '前端界的小学生',
|
|
||||||
},
|
|
||||||
social: {
|
|
||||||
// 社交图标,显示于博主信息栏和页脚栏
|
|
||||||
// iconfontCssFile: '//at.alicdn.com/t/font_1678482_u4nrnp8xp6g.css', // 可选,阿里图标库在线css文件地址,对于主题没有的图标可自由添加
|
|
||||||
icons: [
|
|
||||||
{
|
|
||||||
iconClass: 'icon-youjian',
|
|
||||||
title: '发邮件',
|
|
||||||
link: 'mailto:894072666@qq.com',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
iconClass: 'icon-github',
|
|
||||||
title: 'GitHub',
|
|
||||||
link: 'https://github.com/xugaoyi',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
iconClass: 'icon-erji',
|
|
||||||
title: '听音乐',
|
|
||||||
link: 'https://music.163.com/#/playlist?id=755597173',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
footer: {
|
|
||||||
// 页脚信息
|
|
||||||
createYear: 2019, // 博客创建年份
|
|
||||||
copyrightInfo:
|
|
||||||
'Evan Xu | <a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/LICENSE" target="_blank">MIT License</a>', // 博客版权信息,支持a标签
|
|
||||||
},
|
|
||||||
htmlModules // 插入hmtl(广告)模块
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
|
@ -1,12 +1,11 @@
|
||||||
//***vdoing主题-样式变量***//
|
//***vdoing主题-样式变量(你可以修改这些变量值以覆盖主题使用的样式变量)***//
|
||||||
|
|
||||||
// 以下注释的变量仅供参考,主题使用的最新变量请查看:https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/theme-vdoing/styles/palette.styl
|
// 以下注释的变量仅供参考,主题使用的最新变量请查看:https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/theme-vdoing/styles/palette.styl
|
||||||
// 你可以在这个文件内修改这些变量的值
|
|
||||||
|
|
||||||
// // 颜色
|
// // 颜色
|
||||||
|
|
||||||
// $bannerTextColor = #fff // 首页banner区(博客标题)文本颜色
|
// $bannerTextColor = #fff // 首页banner区(博客标题)文本颜色
|
||||||
// $accentColor = #11A8CD
|
// $accentColor = #11A8CD // 主题色
|
||||||
// $activeColor = #ff5722
|
// $activeColor = #ff5722
|
||||||
// $arrowBgColor = #ccc
|
// $arrowBgColor = #ccc
|
||||||
// $badgeTipColor = #42b983
|
// $badgeTipColor = #42b983
|
||||||
|
|
|
||||||
|
|
@ -68,16 +68,12 @@ cardList 后面可跟随一个数字表示每行最多显示多少个,选值
|
||||||
textColor: '#621529'
|
textColor: '#621529'
|
||||||
- name: JokerM's Palace
|
- name: JokerM's Palace
|
||||||
desc: Take your heart
|
desc: Take your heart
|
||||||
avatar: https://cdn.jokerm.com/?/imgcdn/logo.png
|
avatar: https://jokerm.com/wp-content/uploads/2020/09/jmflogo.png
|
||||||
link: https://jokerm.com/
|
link: https://jokerm.com/
|
||||||
- name: Saul.J.Wu
|
- name: Saul.J.Wu
|
||||||
desc: 立身之本,不在高低。
|
desc: 立身之本,不在高低。
|
||||||
avatar: https://raw.githubusercontent.com/SaulJWu/images/main/20201114225611.jpg
|
avatar: https://gitee.com/SaulJWu/blog-images/raw/master/images/20210627222322.jpg
|
||||||
link: https://sauljwu.github.io/
|
link: https://sauljwu.github.io/
|
||||||
- name: 杨庭培的博客
|
|
||||||
desc: 太平世界,环球同此凉热。
|
|
||||||
avatar: https://www.ytpblog.com/img/favicon.ico
|
|
||||||
link: https://www.ytpblog.com/
|
|
||||||
- name: Lake's blog
|
- name: Lake's blog
|
||||||
desc: 不积跬步,无以至千里;不积小流,无以成江海。
|
desc: 不积跬步,无以至千里;不积小流,无以成江海。
|
||||||
avatar: https://cdn.jsdelivr.net/gh/taixingyiji/image_store@main/blog/logo/img.png
|
avatar: https://cdn.jsdelivr.net/gh/taixingyiji/image_store@main/blog/logo/img.png
|
||||||
|
|
@ -120,7 +116,7 @@ cardList 后面可跟随一个数字表示每行最多显示多少个,选值
|
||||||
link: https://joy1412.cn
|
link: https://joy1412.cn
|
||||||
- name: 嶋屿麋鹿
|
- name: 嶋屿麋鹿
|
||||||
desc: 小鹿的知识库
|
desc: 小鹿的知识库
|
||||||
avatar: https://www.fongloo.com/img/EB-logo.png
|
avatar: https://www.fongloo.com/img/logo.png
|
||||||
link: https://www.fongloo.com/
|
link: https://www.fongloo.com/
|
||||||
- name: '@小右_'
|
- name: '@小右_'
|
||||||
desc: 学而不厌 不耻下问
|
desc: 学而不厌 不耻下问
|
||||||
|
|
@ -140,7 +136,7 @@ cardList 后面可跟随一个数字表示每行最多显示多少个,选值
|
||||||
link: https://chubbyduner.top
|
link: https://chubbyduner.top
|
||||||
- name: CloudNative Operations # 昵称
|
- name: CloudNative Operations # 昵称
|
||||||
desc: 专注于云原生运维,致敬每个爱学习的你。 # 介绍
|
desc: 专注于云原生运维,致敬每个爱学习的你。 # 介绍
|
||||||
avatar: hhttps://kubesre.com/img/EB-logo.png # 头像
|
avatar: https://kubesre.com/img/logo.png # 头像
|
||||||
link: https://kubesre.com/ # 链接
|
link: https://kubesre.com/ # 链接
|
||||||
```
|
```
|
||||||
:::
|
:::
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue