添加:收藏夹栏目

This commit is contained in:
xugaoyi 2020-04-12 17:36:13 +08:00
parent a6db129768
commit 10a439427f
11 changed files with 148 additions and 153 deletions

View File

@ -36,6 +36,7 @@ module.exports = {
editLinkText: '编辑',
// 以下配置是Vdoing主题新增配置
// sidebarOpen: false, // 初始状态是否打开侧边栏默认true
// updateBar: { // 最近更新栏(此配置和它下面的所有属性均是可选的)
// onHome: { // 在首页
// isShow: true, // 是否显示默认true
@ -78,7 +79,7 @@ module.exports = {
},
footer:{ // 页脚信息
createYear: 2019, // 博客创建年份
copyrightInfo: 'Evan Xu', // 博客版权信息支持a标签
copyrightInfo: 'Evan Xu | MIT License', // 博客版权信息支持a标签
// footerBgImg: '/img/footer.png' // 可选的,页脚背景图,只在首页显示
}
},
@ -145,24 +146,24 @@ module.exports = {
hm: '503f098e7e5b3a5b5d8c5fc2938af002'
}
],
// [
// 'vuepress-plugin-comment', // 评论
// {
// choosen: 'gitalk',
// options: {
// clientID: 'a6e1355287947096b88b',
// clientSecret: 'f0e77d070fabfcd5af95bebb82b2d574d7248d71',
// repo: 'vuepress-theme-vdoing', // GitHub 仓库
// owner: 'xugaoyi', // GitHub仓库所有者
// admin: ['xugaoyi'], // 对仓库有写权限的人
// distractionFreeMode: false,
// 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-plugin-comment', // 评论
{
choosen: 'gitalk',
options: {
clientID: 'a6e1355287947096b88b',
clientSecret: 'f0e77d070fabfcd5af95bebb82b2d574d7248d71',
repo: 'vuepress-theme-vdoing', // GitHub 仓库
owner: 'xugaoyi', // GitHub仓库所有者
admin: ['xugaoyi'], // 对仓库有写权限的人
distractionFreeMode: false,
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', // "上次更新"时间格式
{

View File

@ -39,11 +39,10 @@ module.exports = [
{text: '学习', link: '/pages/a8692ab3bdcb4588/'},
{text: '面试', link: '/pages/aea6571b7a8bae86/'},
{text: '心情杂货', link: '/pages/2d615df9a36a98ed/'},
{text: '学习网站', link: '/pages/2e9ba3fa6e1ed0e9/'},
{text: '在线工具', link: '/pages/9c2232288caaa8ec/'},
{text: '友情链接', link: '/pages/844eea1b2387fb96/'},
{text: '友情链接', link: '/friends/'},
]
},
{text: '关于', link: '/about/'},
{text: '收藏夹', link: '/bookmarks/'},
{text: '时间轴', link: '/timeline/'},
]

View File

@ -15,11 +15,13 @@ module.exports = {
"/03.技术/": [{"title":"技术文档","collapsable":false,"children":[["01.技术文档/01.Git使用手册.md","Git使用手册","/pages/9a7ee40fc232253e"],["01.技术文档/02.Markdown使用教程.md","Markdown使用教程","/pages/ad247c4332211551"],["01.技术文档/03.npm常用命令.md","npm常用命令","/pages/61f2f95fd7da14fd"],["01.技术文档/10.npm packageJson属性详解.md","npm packageJson属性详解","/pages/dec4f3f00e71a312"],["01.技术文档/15.yaml语言教程.md","yaml语言教程","/pages/4e8444e2d534d14f"]]},{"title":"GitHub技巧","collapsable":false,"children":[["02.GitHub技巧/01.GitHub高级搜索技巧.md","GitHub高级搜索技巧","/pages/4c778760be26d8b3"],["02.GitHub技巧/02.GitHub Actions 实现自动部署静态博客.md","GitHub Actions 实现自动部署静态博客","/pages/6b9d359ec5aa5019"],["02.GitHub技巧/03.GitHub Actions 定时运行代码:每天定时百度链接推送.md","GitHub Actions 定时运行代码:每天定时百度链接推送","/pages/f44d2f9ad04ab8d3"],["02.GitHub技巧/10.GitHub加速下载项目的方法.md","GitHub加速下载项目的方法","/pages/95331c6a9613faf8"]]},{"title":"Nodejs","collapsable":false,"children":[["03.Nodejs/01.nodejs递归读取所有文件.md","nodejs递归读取所有文件","/pages/117708e0af7f0bd9"]]},{"title":"博客搭建","collapsable":false,"children":[["04.博客搭建/01.解决百度无法收录搭建在GitHub上的个人博客的问题.md","解决百度无法收录搭建在GitHub上的个人博客的问题","/pages/41f87d890d0a02af"],["04.博客搭建/02.使用Gitalk实现静态博客无后台评论系统.md","使用Gitalk实现静态博客无后台评论系统","/pages/1da0bf9a988eafe5"],["04.博客搭建/03.GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床.md","GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床","/pages/a5f73af5185fdf0a"],["04.博客搭建/10.vdoing主题效果图.md","vdoing主题效果图","/pages/d557b9a89a215d2e"]]}],
"/04.更多/": [{"title":"学习","collapsable":false,"children":[["01.学习/02.提高学习效率的策略.md","提高学习效率的策略","/pages/a8692ab3bdcb4588"],["01.学习/03.提高记忆的技巧.md","提高记忆的技巧","/pages/996822b2a2ca6e3b"],["01.学习/04.自律小建议.md","自律小建议","/pages/c3f302a03c8daf79"],["01.学习/05.处理问题的思路.md","处理问题的思路","/pages/9ba2b8fb13de1957"]]},{"title":"面试","collapsable":false,"children":[["03.面试/01.面试问题集锦.md","面试问题集锦","/pages/aea6571b7a8bae86"]]},{"title":"英语","collapsable":false,"children":[["04.英语/01.英语基础.md","英语基础","/pages/6f9525eecdd51d5a"]]},{"title":"心情杂货","collapsable":false,"children":[["05.心情杂货/01.一个完美主义者的自我救赎.md","一个完美主义者的自我救赎","/pages/2d615df9a36a98ed"]]},["97.学习网站.md","学习网站","/pages/2e9ba3fa6e1ed0e9"],["98.在线工具.md","在线工具","/pages/9c2232288caaa8ec"],["99.友情链接.md","友情链接","/pages/844eea1b2387fb96"]],
"/04.更多/": [{"title":"学习","collapsable":false,"children":[["01.学习/02.提高学习效率的策略.md","提高学习效率的策略","/pages/a8692ab3bdcb4588"],["01.学习/03.提高记忆的技巧.md","提高记忆的技巧","/pages/996822b2a2ca6e3b"],["01.学习/04.自律小建议.md","自律小建议","/pages/c3f302a03c8daf79"],["01.学习/05.处理问题的思路.md","处理问题的思路","/pages/9ba2b8fb13de1957"]]},{"title":"面试","collapsable":false,"children":[["03.面试/01.面试问题集锦.md","面试问题集锦","/pages/aea6571b7a8bae86"]]},{"title":"英语","collapsable":false,"children":[["04.英语/01.英语基础.md","英语基础","/pages/6f9525eecdd51d5a"]]},{"title":"心情杂货","collapsable":false,"children":[["05.心情杂货/01.一个完美主义者的自我救赎.md","一个完美主义者的自我救赎","/pages/2d615df9a36a98ed"]]},["99.友情链接.md","友情链接","/friends"]],
"/05.关于/": [["01.关于.md","关于","/about"]],
"/06.时间轴/": [["01.时间轴.md","时间轴","/timeline"]],
"/06.收藏夹/": [["01.网站和工具.md","网站和工具","/bookmarks"],["02.库.md","库","/pages/90f6badc8a904646"]],
"/07.时间轴/": [["01.时间轴.md","时间轴","/timeline"]],
"/《ES6 教程》笔记/": [["01.ECMAScript 6 简介.md","ECMAScript 6 简介","/pages/f344d070a1031ef7"],["02.let 和 const 命令.md","let 和 const 命令","/pages/c1edd70a6b7c7872"],["03.变量的解构赋值.md","变量的解构赋值","/pages/b1ab10a62f7564da"],["04.字符串的扩展.md","字符串的扩展","/pages/ca89eca8adeba5f4"],["05.字符串的新增方法.md","字符串的新增方法","/pages/a650b4a0ebfc9350"],["06.正则的扩展.md","正则的扩展","/pages/0473261a6ab0ee8c"],["07.数值的扩展.md","数值的扩展","/pages/5dfea9a0f2d1a392"],["08.函数的扩展.md","函数的扩展","/pages/8ed309d668b20264"],["09.数组的扩展.md","数组的扩展","/pages/e34009d60d8bc4b2"],["10.对象的扩展.md","对象的扩展","/pages/b5e3e0a0ff6e9c25"],["11.对象的新增方法.md","对象的新增方法","/pages/e85e68947502cf90"],["12.Symbol.md","Symbol","/pages/02c86eb2792f3262"],["13.Set 和 Map 数据结构.md","Set 和 Map 数据结构","/pages/0c21dae358fca16b"],["14.Proxy.md","Proxy","/pages/f56ec2ab97d60483"],["15.Reflect.md","Reflect","/pages/74de3e45e4491e95"],["16.Promise 对象.md","Promise 对象","/pages/2810ae8985e9bd52"],["17.Iterator 和 for-of 循环.md","Iterator 和 for-of 循环","/pages/48df907ad3570f3d"],["18.Generator 函数的语法.md","Generator 函数的语法","/pages/718b48ed9ce0adce"],["19.Generator 函数的异步应用.md","Generator 函数的异步应用","/pages/75af7031eb66847b"],["20.async 函数.md","async 函数","/pages/3777253e65bac487"],["21.Class 的基本语法.md","Class 的基本语法","/pages/e831e1593c82bbe0"],["22.Class 的继承.md","Class 的继承","/pages/83f8c3a0cd87dd83"],["23.Module 的语法.md","Module 的语法","/pages/efe2fb04eb8ac5fb"],["24.Module 的加载实现.md","Module 的加载实现","/pages/a79ca2e64ceae213"],["25.编程风格.md","编程风格","/pages/984bf549204bb266"],["26.读懂 ECMAScript 规格.md","读懂 ECMAScript 规格","/pages/32c35f7651d6e58e"],["27.异步遍历器.md","异步遍历器","/pages/16121351be68691b"],["28.ArrayBuffer.md","ArrayBuffer","/pages/a2ba314746bfdbdd"],["29.最新提案.md","最新提案","/pages/7188882b8d65af1b"],["30.装饰器.md","装饰器","/pages/e97bc1e5626b082c"],["31.函数式编程.md","函数式编程","/pages/1cf50330655efc69"],["32.Mixin.md","Mixin","/pages/6a8e2dc558da1b39"],["33.SIMD.md","SIMD","/pages/8e8f80f69b775a56"],["34.参考链接.md","参考链接","/pages/ea6f3b870f6dab69"]],

View File

@ -1,47 +0,0 @@
---
title: "学习网站"
date: "2019-12-25 14:27:01"
permalink: "/pages/2e9ba3fa6e1ed0e9"
article: false
---
# 学习网站
## 文档类
| 名称 | 网址 | 描述 |
| -------------------- | ---------------------------------------------- | ---------------------------------- |
| MDN | <https://developer.mozilla.org/zh-CN/docs/Web> | 权威 |
| 现代 JavaScript 教程 | <https://zh.javascript.info/> | 从基础到高阶的 JavaScript 相关知识 |
| JavaScript教程 | <https://wangdoc.com/javascript/> | 通俗易懂,作者阮一峰 |
| ECMAScript 6 入门 | <http://es6.ruanyifeng.com/> | 通俗易懂,作者阮一峰 |
| ECMA官网 | <https://www.ecma-international.org/> | 官方 |
| 菜鸟教程 | <https://www.runoob.com/> | 涵盖的技术范围广 |
## 社区类
| 名称 | 网址 | 描述 |
| -------------- | ---------------------------- | ------------------ |
| Github | <https://github.com/> | 程序员同性交友社区 |
| 掘金 | <https://juejin.im/> | |
| 简书 | <https://www.jianshu.com/> | |
| 思否 | <https://segmentfault.com/> | |
| stack overflow | <https://stackoverflow.com/> | 外网 |
| css-tricks | <https://css-tricks.com/> | css技巧文章 |
## 视频类
| 名称 | 网址 | 描述 |
| ------------ | ----------------------------- | ------------------------------------------ |
| 慕课网 | <https://www.imooc.com/> | |
| 妙味课堂 | <https://www.miaov.com/> | |
| 中国大学MOOC | <https://www.icourse163.org/> | 涵盖计算机、外语、心理学等专业**免费**课程 |
| bilibili | <https://www.bilibili.com/> | B站上面也有一些可供学习的**免费**视频 |
| youtube | <http://www.youtube.com/> | 外网 |
| egghead | <http://egghead.io> | 外网 |

View File

@ -1,78 +0,0 @@
---
title: "在线工具"
date: "2020-01-12 11:39:41"
permalink: "/pages/9c2232288caaa8ec"
article: false
---
# 在线工具
## 代码编辑
| 名称 | 网址 | 描述 |
| ----------- | ------------------------- | ------------------------ |
| codepen | <https://codepen.io> | 在线代码编辑与演示 |
| codesandbox | <https://codesandbox.io/> | 用于快速Web开发的在线IDE |
## UI
| 名称 | 网址 | 描述 |
| -------- | --------------------------------- | ------------------ |
| iconfont | <https://www.iconfont.cn/> | 阿里巴巴矢量图标库 |
| undraw | <https://undraw.co/illustrations> | 免费的矢量插画 |
| icomoon | <https://icomoon.io/> | 矢量图标库 |
## Chrome 插件
| 名称 | 网址 | 描述 |
| ------------ | --------------------------------- | -------- |
| 谷歌访问助手 | <https://github.com/haotian-wang/google-access-helper> | 用于访问Google搜索、Chrome商店 |
| SetupVPN | Chrome商店 | 科学上网 |
| Hoxx VPN Proxy | Chrome商店 | 科学上网 |
| skyZIP™ Proxy | Chrome商店 | 科学上网 |
| 集装箱 | Chrome商店 | 科学上网 |
## Emoji表情
| 名称 | 网址 | 描述 |
| --------------- | ----------------------------------------------- | ---- |
| emoji表情 | <https://emojipedia.org/> | |
| emoji表情备忘录 | <https://www.webfx.com/tools/emoji-cheat-sheet> | |
## 图片压缩
| 名称 | 网址 | 描述 |
| --------------- | -------------------- | ------------------- |
| tinypng图片压缩 | <https://tinypng.com> | png 和 jpg 图片压缩 |
## 作图
| 名称 | 网址 | 描述 |
| ----------------- | ---------------------------- | -------------------------- |
| processon在线作图 | <https://www.processon.com/> | 流程图、思维导图、原型图等 |
| 百度脑图 | <https://naotu.baidu.com> | 思维导图 |
## CSS相关
| 名称 | 网址 | 描述 |
| --------------------- | ------------------------------------------------------ | ---- |
| CSS渐变生成器 | <https://www.colorzilla.com/gradient-editor/> | |
| CSS3-Box Shadow(阴影) | <https://www.html.cn/tool/css3Preview/Box-Shadow.html> | |
| 贝塞尔曲线生成器 | <https://cubic-bezier.com> | |
## CDN加速
| 名称 | 网址 | 描述 |
| -------- | -------------------------- | ----------------------------------- |
| jsDelivr | <http://www.jsdelivr.com/> | 国外的一家优秀的公共 CDN 服务提供商 |
## 其他
| 名称 | 网址 | 描述 |
| ------------- | ----------------------- | ----------------- |
| Linux命令手册 | <https://ipcmen.com/> | 包含shell命令教程 |
| 正则可视化 | <https://regex101.com/> | |

View File

@ -1,7 +1,7 @@
---
title: "友情链接"
date: "2019-12-25 14:27:01"
permalink: "/pages/844eea1b2387fb96"
permalink: "/friends"
article: false
---
@ -11,6 +11,7 @@
| ------------------------------------------------------------ | -------------------- |
| <img src="https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200122153807.jpg" class="headImg">[麋鹿鲁哟](https://www.cnblogs.com/miluluyo/) | 大道至简,知易行难。`#Web` `#二次元` `#美少女` |
| <img src="https://cdn.jsdelivr.net/gh/xaoxuu/assets@master/avatar/avatar.png" class="headImg">[xaoxuu](https://xaoxuu.com) | `#iOS` [`#Volantis主题作者`](https://volantis.js.org/) |
| <img src="https://zpj80231.gitee.io/znote/vuepress/head-fish.jpg" class="headImg">[znote](https://zpj80231.gitee.io/znote/) | 荷尽已无擎雨盖,菊残犹有傲霜枝。|
<br><br>

View File

@ -0,0 +1,86 @@
---
title: 网站和工具
date: 2020-04-12 10:54:16
permalink: /bookmarks
article: false
---
# 个人收藏夹
[一位大佬的收藏夹](https://panjiachen.github.io/awesome-bookmarks/)
[码力全开资源库](https://maliquankai.com/designnav/) 很全很强大,独立开发者/设计干货/优质利器/工具资源...
## 网站
### 文档
* [MDN](https://developer.mozilla.org/zh-CN/docs/Web) Web技术权威文档
* [现代JavaScript教程](https://zh.javascript.info) 以最新标准为基准的JS教程
* [ES5教程](https://wangdoc.com/javascript/) 阮一峰的JS教程
* [ES6教程](http://es6.ruanyifeng.com/) 阮一峰的ES6教程
* [ECMA](https://www.ecma-international.org/) ECMA官网
* [菜鸟教程](https://www.runoob.com/) 涵盖多种语言的初级教程
### 社区
* [Github](https://github.com/) 程序员同性交友社区
* [掘金](https://juejin.im/) 一个帮助开发者成长的社区
* [简书](https://www.jianshu.com/) 有很多频道的创作社区
* [思否](https://segmentfault.com/) 解决技术问题的社区
* [stack overflow](https://stackoverflow.com/) 同上,外网的
* [InfoQ](https://www.infoq.cn/topic/Front-end)
* [V2EX](https://www.v2ex.com/)
* [鱼塘热榜](https://mo.fish/main/home/hot) 划水网站,收集了很多网站,当天热门文章
### 博客
* [阮一峰的网络日志](http://www.ruanyifeng.com/blog/)
* [css-tricks](https://css-tricks.com/) css技巧文章
### 视频
* [慕课网](https://www.imooc.com/) 实战视频教程
* [妙味课堂](https://www.miaov.com/) 比较系统的前端入门视频教程
* [中国大学MOOC](https://www.icourse163.org/) 涵盖计算机、外语、心理学等专业免费课程
* [bilibili](https://www.bilibili.com/) B站上面也有一些可供学习的免费视频
* [egghead](http://egghead.io) 质量还不错的短视频教程,外网
### Github
* [github 短域名服务](https://git.io/)
* [shields](https://shields.io/) 徽章图标
## 在线工具
### 开发
* [Can I use](https://caniuse.com/) 查看属性和方法的兼容性
### 代码编辑
* [codepen](https://codepen.io) 在线代码编辑与演示
* [codesandbox](https://codesandbox.io) 内嵌VSCode的在线IDE
### UI
* [iconfont](https://www.iconfont.cn/) 阿里巴巴矢量图标库
* [undraw](https://undraw.co/illustrations) 免费的矢量插画
* [icomoon](https://icomoon.io/) 矢量图标库
### Emoji表情
* [emoji表情](https://emojipedia.org/)
* [emoji表情备忘录](https://www.webfx.com/tools/emoji-cheat-sheet)
> window系统下按<kbd>Win</kbd>+<kbd>.</kbd>快速打开表情选择框
### 图片压缩
* [tinypng图片压缩](https://tinypng.com) 压缩png很有用
* [Squoosh](https://squoosh.app/) 谷歌出品在线免费图片压缩工具
### 作图
* [processon在线作图](https://www.processon.com/) 流程图、思维导图、原型图等
* [百度脑图](https://naotu.baidu.com) 思维导图
### CSS相关
* [CSS渐变生成器](https://www.colorzilla.com/gradient-editor/)
* [CSS3-Box Shadow(阴影)](https://www.html.cn/tool/css3Preview/Box-Shadow.html)
* [贝塞尔曲线生成器 ](https://cubic-bezier.com)
### CDN加速
* [jsDelivr](http://www.jsdelivr.com/) 国外的一家优秀的公共 CDN 服务提供商
### 其他
* [Linux命令手册](https://ipcmen.com/)
* [正则可视化](https://regex101.com/)

View File

@ -0,0 +1,20 @@
---
title: 库
date: 2020-04-12 16:58:56
permalink: /pages/90f6badc8a904646
article: false
---
# 个人收藏夹
::: tip
收集一些常用的库
:::
## 前端常用
> 待整理
## 移动端
[fastclick](https://github.com/ftlabs/fastclick) 解决移动端点击延迟300ms问题
[better-scroll](https://github.com/ustbhuangyi/better-scroll) 移动端滚动插件

File diff suppressed because one or more lines are too long

View File

@ -133,6 +133,12 @@ export default {
]
}
},
created() {
const sidebarOpen = this.$themeConfig.sidebarOpen
if (sidebarOpen === false) {
this.isSidebarOpen = sidebarOpen
}
},
beforeMount() {
this.isSidebarOpenOfclientWidth()
const mode = storage.get('mode') // createdvuepresscreated访apiwindow