From 096ed69c835656b8cddde7eafa2a4320508c320b Mon Sep 17 00:00:00 2001 From: xugaoyi <894072666@qq.com> Date: Thu, 16 Jul 2020 14:24:34 +0800 Subject: [PATCH] =?UTF-8?q?v1.3.6=20+=20=E6=96=B0=E5=A2=9E=E6=96=87?= =?UTF-8?q?=E7=AB=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/.vuepress/config.js | 9 +- docs/.vuepress/config/nav.js | 2 +- ...74\345\255\246\344\271\240\346\263\225.md" | 39 ++++ ...24\350\256\260\346\226\271\346\263\225.md" | 41 ++++ ...61\350\257\255\345\237\272\347\241\200.md" | 201 ------------------ ...13\346\203\205\351\223\276\346\216\245.md" | 51 +---- .../01.\347\275\221\347\253\231.md" | 2 +- ...41\347\232\204\346\211\251\345\261\225.md" | 8 +- package.json | 2 +- theme-vdoing/components/RightMenu.vue | 2 +- theme-vdoing/components/TagsBar.vue | 6 +- theme-vdoing/index.js | 4 +- theme-vdoing/package.json | 2 +- theme-vdoing/styles/markdown-container.styl | 20 +- theme-vdoing/styles/wrapper.styl | 2 +- 15 files changed, 120 insertions(+), 271 deletions(-) create mode 100644 "docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/00.\350\264\271\346\233\274\345\255\246\344\271\240\346\263\225.md" create mode 100644 "docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/01.\347\254\224\350\256\260\346\226\271\346\263\225.md" delete mode 100644 "docs/04.\346\233\264\345\244\232/04.\350\213\261\350\257\255/01.\350\213\261\350\257\255\345\237\272\347\241\200.md" diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index 0f1d095849..51d6e58c3a 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -29,7 +29,7 @@ module.exports = { editLinks: true, // 启用编辑 editLinkText: '编辑', - // 以下配置是Vdoing主题改动的和新增的配置 + // 以下配置是Vdoing主题改动和新增的配置 // category: false, // 是否打开分类功能，默认true。 如打开，会做的事情有：1. 自动生成的frontmatter包含分类字段 2.页面中显示与分类相关的信息和模块 3.自动生成分类页面（在@pages文件夹）。如关闭，则反之。 // tag: false, // 是否打开标签功能，默认true。 如打开，会做的事情有：1. 自动生成的frontmatter包含标签字段 2.页面中显示与标签相关的信息和模块 3.自动生成标签页面（在@pages文件夹）。如关闭，则反之。 // archive: false, // 是否打开归档功能，默认true。 如打开，会做的事情有：1.自动生成归档页面（在@pages文件夹）。如关闭，则反之。 @@ -158,10 +158,11 @@ module.exports = { // choosen: 'valine', // options: { // el: '#valine-vuepress-comment', - // appId: 'Your own appId', - // appKey: 'Your own appKey' + // appId: 'qnS1jobNF7CROIQ0XYWBnVOH-gzGzoHsz', + // appKey: 'LIKa0ePqFMkglQfOkN0JNK6c', + // avatar: 'monsterid' // } - // } + // }, { choosen: 'gitalk', options: { diff --git a/docs/.vuepress/config/nav.js b/docs/.vuepress/config/nav.js index b4feafcef3..30e7d21e9b 100644 --- a/docs/.vuepress/config/nav.js +++ b/docs/.vuepress/config/nav.js @@ -39,7 +39,7 @@ module.exports = [ text: '更多', link: '/more/', items: [ - {text: '学习', link: '/pages/a8692ab3bdcb4588/'}, + {text: '学习', link: '/pages/f2a556/'}, {text: '面试', link: '/pages/aea6571b7a8bae86/'}, {text: '心情杂货', link: '/pages/2d615df9a36a98ed/'}, {text: '友情链接', link: '/friends/'}, diff --git "a/docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/00.\350\264\271\346\233\274\345\255\246\344\271\240\346\263\225.md" "b/docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/00.\350\264\271\346\233\274\345\255\246\344\271\240\346\263\225.md" new file mode 100644 index 0000000000..5ad6339a54 --- /dev/null +++ "b/docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/00.\350\264\271\346\233\274\345\255\246\344\271\240\346\263\225.md" @@ -0,0 +1,39 @@ +--- +title: 费曼学习法 +date: 2020-07-16 10:04:14 +permalink: /pages/f2a556/ +categories: + - 更多 + - 学习 +tags: + - 学习方法 +--- + +费曼学习法，我很喜欢的一个学习方法，简单来说，就是：通过向别人清楚的解说某一件事或是写一篇浅显易懂的教程文章，来确认自己是否真正弄懂了这件事。 +可以说是在通过向别讲解过程中来对自身的 **查缺补漏**。 + +### 步骤 +费曼学习法分为4个步骤: + +1. **确定学习目标** + +你想学习的概念、内容、主题是什么。 + +2. **模拟教学学习法** + +你要模拟自己是一位老师，面对完全不懂这个领域的人，用自己的话，尽可能具体形象地讲诉。这样的讲诉有助于你活学活用，触类旁通，联系生活具体情境。 + +3. **回顾** + +反思第2步遇到的问题，哪些地方卡壳了，哪些地方对方没有真正听懂。找出问题的要害，把握关键环节。 + +4. **简化** + +把这些遇到问题的地方，重新梳理理解，尽可能了解更多背景和相关知识，再用尽可能简化的方式重新表达，设法看穿本质。然后，返回第2步。 + + +> 参考： +> +> [《费曼学习法：为何被称为史上最牛的学习法，它的本质究竟是什么？》](https://zhuanlan.zhihu.com/p/88209825) +> +> [《费曼学习法》](https://www.jianshu.com/p/90be6a69528a) diff --git "a/docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/01.\347\254\224\350\256\260\346\226\271\346\263\225.md" "b/docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/01.\347\254\224\350\256\260\346\226\271\346\263\225.md" new file mode 100644 index 0000000000..8e7997c1b0 --- /dev/null +++ "b/docs/04.\346\233\264\345\244\232/01.\345\255\246\344\271\240/01.\347\254\224\350\256\260\346\226\271\346\263\225.md" @@ -0,0 +1,41 @@ +--- +title: 笔记方法 +date: 2020-07-16 11:00:55 +permalink: /pages/e60c81/ +categories: + - 更多 + - 学习 +tags: + - 笔记方法 +--- + +::: center + +## 康奈尔笔记法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105752.jpg) + +## 思维导图法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105747.jpg) + +## 金三角笔记法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105753.jpg) + +## 曼陀罗九宫格笔记法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105748.jpg) + +## 记号记录法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105749.jpg) + +## 六色笔记法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105750.jpg) + +## 加工笔记法 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105751.jpg) + +## 整理笔记要点1-科学标记重点 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105746.jpg) + +## 整理笔记要点2-修改不涂改 +![](https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200716105745.jpg) + +::: \ No newline at end of file diff --git "a/docs/04.\346\233\264\345\244\232/04.\350\213\261\350\257\255/01.\350\213\261\350\257\255\345\237\272\347\241\200.md" "b/docs/04.\346\233\264\345\244\232/04.\350\213\261\350\257\255/01.\350\213\261\350\257\255\345\237\272\347\241\200.md" deleted file mode 100644 index b5b2f017db..0000000000 --- "a/docs/04.\346\233\264\345\244\232/04.\350\213\261\350\257\255/01.\350\213\261\350\257\255\345\237\272\347\241\200.md" +++ /dev/null @@ -1,201 +0,0 @@ ---- -title: 英语基础 -date: 2020-01-13 11:55:53 -permalink: /pages/6f9525eecdd51d5a -categories: - - 更多 - - 英语 -tags: - - ---- -# 英语基础 - - - -## 1.基础 - -### 拼法 - -同一个英文字母可能会有不同的发音；同一个发音也会有不同的拼法。看看下面的例子： - -* two（二）里的 **w** 不发音 -* phone（电话），**ph**的发音跟 **f** （如 **佛**）一样 - - - -### 拥有 - -在中文，我们可以在**我**或**你**的后面加**的**，来表示某个东西属于某人。在英语中却有独特的单词来表示这些概念。 - -| 英文 | 中文 | -| --------- | -------- | -| my car | `我的`车 | -| your book | `你的`书 | -| his cat | `他的`猫 | -| her dog | `她的`狗 | - -### 你喜欢什么？ - -在英语，**我喜欢...**就是 I like... - -I like my cat（我喜欢我的猫） - - - -### 提问 or - -如果你想给人提供选择，就在问题里用 or - -Coffee or tea？(咖啡还是茶) - - - -### 英语发音 -er - --er 结尾的单词。 - -computer，summer，water - -这个er像中文里的**er**（如**儿**），但是发元音时要更轻。 - -> 元音：是像a、i、u等的声音 。发音时气流自由地经过口腔，不受阻碍。 - - - - - -## 2.介绍 - -### 动词 to be - -`是` 在中文里一般不会改变形式，像`我是`、`你是`、`他是`，英语的动词形式却会因 `I`、`you`、`he`等而改变。来看看to be这个最常用的动词是怎么改变形式的吧！ - -> 动词：表示动作（做饭）或存在（我是老师）等的词。 - -#### 动词 to be（是）的改变形式 - -| 人称 | to be的改变形式 | -| --------- | --------------- | -| I（我） | am（是） | -| you（你） | are（是） | -| he（他） | is（是） | -| she（她） | is（是） | - - - -#### He is a boy - -中文说**他是男孩子**，在英文里必须加上 a 这个词，表示一。 - -He is a boy,she is a girl. - - - -## 3.问候 - -### 首字母大写 - -英文中首字母大写的情况有： - -* 句子的第一个词 -* 名字 -* 国家、国籍、语言 -* I 这个词 - -Hello,I am Johm（你好，我是约翰） - -Is she from South korea?（她来自韩国吗） - -I speak Chinese（我是中文） - - - -### 提问-改变to be词序 - -只需要改变词序，就能用 to be 提问啦 - -| 陈述句 | 疑问句 | -| ------------------- | ------------------- | -| Yor are from Chine. | Are you from Chine? | -| He is from Chine. | Is he from Chine? | - -英语里的 **where** 和 **how** 这样的词要放在问题的开头。 - -Where are you from?（你来自哪里？） - -How is he?（他怎么样？） - - - -### 怎么样？ - -用英语问**你好吗？**或**怎么样？**，可以说 How are you? - -Hello,how are you? - -I am find. How are you? - -I am find,thanks! - - - -## 4.餐厅 - -### I want a sandwich - -用中文说**我想要汉堡包**，在英文中说 **I want a burger**. 一定要用 **a**，表示`一个`、`一份`、`一件`东西... - -I want a sandwich（我想要一个三明治） - -I want a menu（我想要一份菜单） - -但是如果`名词`以 **-s** 结尾，我们一般不用a - -I want fries（我想要薯条） - -> 名词：表示事物（勺子）、概念（爱）、人（安娜）等的词。 - -### Please - -说话时用please（请、请给我），礼多人不怪。 - -Follow me,please.（请跟我来） - -A burger,please!（请给我一个汉堡包） - - - - - -## 5.家庭 - -### 兄弟姐妹 - -中文里我们有一大堆描述家人亲属的单词，英语就没那么复杂！**姐姐**和**妹妹**都是sister，**哥哥**和**弟弟**都是brother，祖父母是 grandparents - -### 动词 （to be 代替 很） - -在中文，我们是**我很忙**，但是在英语我们用to be这个动词来代替**很**。把to be 放在**我**和**忙**中间—— I am busy. - -She is busy（她很忙） - -He is intelligent（他很聪明） - -You are funny（你很好笑） - -### 英语发音 r、v、th - -* restaurant（餐厅）,parents（父母）,short（短） - * 发 `r`这个音，舌尖要卷一点，但是舌头后半要放到口腔里的后面一点，口型跟**w**一样。 - -* very（非常）,evening（晚上）,have（有） - * `v`的发音很像**f** - - - - - - - - - diff --git "a/docs/04.\346\233\264\345\244\232/99.\345\217\213\346\203\205\351\223\276\346\216\245.md" "b/docs/04.\346\233\264\345\244\232/99.\345\217\213\346\203\205\351\223\276\346\216\245.md" index 0bdd88aaf3..8acc74619d 100644 --- "a/docs/04.\346\233\264\345\244\232/99.\345\217\213\346\203\205\351\223\276\346\216\245.md" +++ "b/docs/04.\346\233\264\345\244\232/99.\345\217\213\346\203\205\351\223\276\346\216\245.md" @@ -40,62 +40,13 @@ cardList 后面可跟随一个数字表示每行最多显示多少个，选值 ::: - - - - - - ### 友链申请 与我[ 联系 ](/about/#联系)或者 在本页面评论区留言您的友链信息，格式：(点击代码块右上角一键复制) ```yaml -- name: Evan's blog # 昵称 +- name: Evan's blog # desc: 积跬步以至千里，喜欢学习喜欢你。 # 介绍 avatar: https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg # 头像 link: https://xugaoyi.com/ # 链接 diff --git "a/docs/06.\346\224\266\350\227\217\345\244\271/01.\347\275\221\347\253\231.md" "b/docs/06.\346\224\266\350\227\217\345\244\271/01.\347\275\221\347\253\231.md" index c55fdabe6d..deca5a46d5 100644 --- "a/docs/06.\346\224\266\350\227\217\345\244\271/01.\347\275\221\347\253\231.md" +++ "b/docs/06.\346\224\266\350\227\217\345\244\271/01.\347\275\221\347\253\231.md" @@ -12,7 +12,7 @@ article: false ## 文档 -* [MDN](https://developer.mozilla.org/zh-CN/docs/Web) Web技术权威文档 +* [MDN](https://developer.mozilla.org/zh-CN/docs/Web) | [MDN-JS标准内置对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects) Web技术权威文档 * [现代JavaScript教程](https://zh.javascript.info) 以最新标准为基准的JS教程 * [ES5教程](https://wangdoc.com/javascript/) 阮一峰的JS教程 * [ES6教程](http://es6.ruanyifeng.com/) 阮一峰的ES6教程 diff --git "a/docs/\343\200\212ES6 \346\225\231\347\250\213\343\200\213\347\254\224\350\256\260/10.\345\257\271\350\261\241\347\232\204\346\211\251\345\261\225.md" "b/docs/\343\200\212ES6 \346\225\231\347\250\213\343\200\213\347\254\224\350\256\260/10.\345\257\271\350\261\241\347\232\204\346\211\251\345\261\225.md" index a6a9a31a5a..8c3b3313cc 100644 --- "a/docs/\343\200\212ES6 \346\225\231\347\250\213\343\200\213\347\254\224\350\256\260/10.\345\257\271\350\261\241\347\232\204\346\211\251\345\261\225.md" +++ "b/docs/\343\200\212ES6 \346\225\231\347\250\213\343\200\213\347\254\224\350\256\260/10.\345\257\271\350\261\241\347\232\204\346\211\251\345\261\225.md" @@ -14,7 +14,7 @@ tags: ## 属性的简洁表示法 -ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 +ES6 允许在大括号里面，**直接写入变量和函数，作为对象的属性和方法**。这样的书写更加简洁。 ```javascript const foo = 'bar'; @@ -154,7 +154,7 @@ console.log({user, foo}) 上面代码中，`console.log`直接输出`user`和`foo`两个对象时，就是两组键值对，可能会混淆。把它们放在大括号里面输出，就变成了对象的简洁表示法，每组键值对前面会打印对象名，这样就比较清晰了。 -注意，简写的对象方法不能用作构造函数，会报错。 +注意，**简写的对象方法不能用作构造函数**，会报错。 ```javascript const obj = { @@ -191,7 +191,7 @@ var obj = { }; ``` -ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。 +**ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名**，即把表达式放在方括号内。 ```javascript let propKey = 'foo'; @@ -403,7 +403,7 @@ Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 }) ## super 关键字 -我们知道，`this`关键字总是指向函数所在的当前对象，ES6 又新增了另一个类似的关键字`super`，指向当前对象的原型对象。 +我们知道，`this`关键字总是指向函数所在的当前对象，ES6 又新增了另一个类似的关键字`super`，**指向当前对象的原型对象**。 ```javascript const proto = { diff --git a/package.json b/package.json index 6754d3785a..a68959b7a6 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "vuepress-plugin-one-click-copy": "^1.0.2", "vuepress-plugin-thirdparty-search": "^1.0.2", "vuepress-plugin-zooming": "^1.1.7", - "vuepress-theme-vdoing": "^1.3.5", + "vuepress-theme-vdoing": "^1.3.6", "yamljs": "^0.3.0" }, "dependencies": { diff --git a/theme-vdoing/components/RightMenu.vue b/theme-vdoing/components/RightMenu.vue index 73f36b1263..703876d4cf 100644 --- a/theme-vdoing/components/RightMenu.vue +++ b/theme-vdoing/components/RightMenu.vue @@ -66,7 +66,7 @@ export default { overflow-y auto .right-menu-item padding 4px 15px - border-left .2rem solid var(--borderColor) + border-left .15rem solid var(--borderColor) &.level3 padding-left 28px &.active diff --git a/theme-vdoing/components/TagsBar.vue b/theme-vdoing/components/TagsBar.vue index 2ed62030f9..3d702991c4 100644 --- a/theme-vdoing/components/TagsBar.vue +++ b/theme-vdoing/components/TagsBar.vue @@ -61,7 +61,8 @@ export default { methods: { getTagStyle() { const tagBgColor = this.tagBgColor - return `background: ${tagBgColor[Math.floor(Math.random() * tagBgColor.length)]};}` + const randomColor = tagBgColor[Math.floor(Math.random() * tagBgColor.length)] + return `background: ${randomColor};--randomColor:${randomColor};` } } } @@ -97,10 +98,9 @@ export default { opacity 1 transform scale(1.1) &.active - box-shadow 0 0 6px rgba(0,0,0,0.15) + box-shadow: 0 5px 10px -5px var(--randomColor, rgba(0,0,0,0.15)); transform scale(1.22) opacity 1 - text-shadow 1px 1px 0 rgba(0,0,0,0.2) &:hover text-decoration none diff --git a/theme-vdoing/index.js b/theme-vdoing/index.js index 45bb943c41..1c4f8d10c7 100644 --- a/theme-vdoing/index.js +++ b/theme-vdoing/index.js @@ -120,7 +120,7 @@ module.exports = (options, ctx) => { // 内容居中容器 ['container', { type: 'center', - before: info => `
`, + before: info => `
`, after: () => '
' }], @@ -218,7 +218,7 @@ function getCardListDOM(dataList, row) { dataList.forEach(item => { listDOM += ` <${item.link ? 'a href="' + item.link +'" target="_blank"' : 'span' } class="card-item ${ row ? 'row-' + row : '' }" - style="${ item.bgColor ? 'background-color:' + item.bgColor + ';': '' }${ item.textColor ? 'color:' + item.textColor + ';': '' }" + style="${ item.bgColor ? 'background-color:' + item.bgColor + ';--randomColor:'+ item.bgColor +';': '--randomColor: var(--bodyBg);' }${ item.textColor ? 'color:' + item.textColor + ';': '' }" > ${ item.avatar ? '' : '' }
diff --git a/theme-vdoing/package.json b/theme-vdoing/package.json index 7acf68fe64..e1138e392f 100644 --- a/theme-vdoing/package.json +++ b/theme-vdoing/package.json @@ -1,6 +1,6 @@ { "name": "vuepress-theme-vdoing", - "version": "1.3.5", + "version": "1.3.6", "description": "Vdoing theme for VuePress. 一个基于VuePress的知识管理兼博客主题。", "author": { "name": "gaoyi(Evan) Xu" diff --git a/theme-vdoing/styles/markdown-container.styl b/theme-vdoing/styles/markdown-container.styl index 93748585f1..f48c1d288c 100644 --- a/theme-vdoing/styles/markdown-container.styl +++ b/theme-vdoing/styles/markdown-container.styl @@ -1,5 +1,20 @@ // markdown容器样式 +// 居中容器 +.center-container + text-align: center + +h1, h2, h3, h4, h5, h6 + .center-container > & + margin-top (0.5rem - $navbarHeight) + padding-top ($navbarHeight + 1rem) + margin-bottom 0 + a.header-anchor + float none + padding-right: 0 + margin-left: -.9rem + + // 普通卡片列表 .cardListContainer margin .7rem 0 @@ -18,10 +33,13 @@ color var(--textColor) display flex box-shadow 1px 1px 2px 0 rgba(0,0,0,.06) + transition all .4s &:hover text-decoration none + box-shadow: 0 10px 20px -10px var(--randomColor, rgba(0,0,0,0.15)); + transform: translateY(-5px) img - transform rotate(8deg) scale(1.1, 1.1) + // transform rotate(8deg) scale(1.1, 1.1) box-shadow 3px 2px 7px rgba(0, 0, 0, 0.15) div p text-shadow 3px 2px 5px rgba(0, 0, 0, 0.15) diff --git a/theme-vdoing/styles/wrapper.styl b/theme-vdoing/styles/wrapper.styl index 5ea72159ff..43e74681e1 100644 --- a/theme-vdoing/styles/wrapper.styl +++ b/theme-vdoing/styles/wrapper.styl @@ -7,7 +7,7 @@ $vdoing-wrapper box-shadow 0 1px 2px 0 rgba(0,0,0,.1) margin-bottom 1rem @media (min-width $contentWidth + 80) - border-radius 5px + border-radius 2px @media (max-width: $MQNarrow) padding 1rem 2rem @media (max-width: $MQMobileNarrow)