update: 增加标题，适配 vuepress 主题

MengFanLu1 · Jul 29, 2021 · 1fec01c · 1fec01c
1 parent 2587750
commit 1fec01c
Show file tree

Hide file tree

Showing 262 changed files with 31,351 additions and 76 deletions.
diff --git a/00-前端工具/01-VS Code的使用.md b/00-前端工具/01-VS Code的使用.md
@@ -1,3 +1,14 @@
+---
+title: 01-VS Code的使用
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
+
+
+
+
+
 ## 前言
 
 > 文章标题：《第一次使用 VS Code 时你应该知道的一切配置》。本文的最新内容，更新于 2020-06-19。大家完全不用担心这篇文章会过时，因为随着 VS Code 的版本更新和插件更新，本文也会随之更新。
@@ -612,6 +623,10 @@ VS Code 默认支持 Emmet。更多 Emmet 语法规则，请自行查阅。
 
 我们还可以选择「右键 -> Diff with Remote」，就可以将本地的代码和 ftp 服务器上的代码做对比。
 
+### 28、设置tab的缩进
+
+在配置里搜索`Detect Indentation`，修改为false。参考链接：https://www.yisu.com/zixun/327399.html
+
 ## 七、VS Code 配置云同步
 
 我们可以将配置云同步，这样的话，当我们换个电脑时，即可将配置一键同步到本地，就不需要重新安装插件了，也不需要重新配置软件。

diff --git a/00-前端工具/02-Git的使用.md b/00-前端工具/02-Git的使用.md
@@ -1,6 +1,5 @@
 ---
 title: 02-Git的使用
-publish: true
 ---
 
 <ArticleTopAd></ArticleTopAd>

diff --git a/01-HTML/01-认识Web和Web标准.md b/01-HTML/01-认识Web和Web标准.md
@@ -1,3 +1,10 @@
+---
+title: 01-认识Web和Web标准
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
+
 
 
 ## Web、网页、浏览器

diff --git a/01-HTML/02-浏览器的介绍.md b/01-HTML/02-浏览器的介绍.md
@@ -1,3 +1,10 @@
+---
+title: 02-浏览器的介绍
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
+
 
 
 ## 常见的浏览器

diff --git a/01-HTML/03-初识HTML.md b/01-HTML/03-初识HTML.md
@@ -1,3 +1,9 @@
+---
+title: 03-初识HTML
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 

diff --git a/01-HTML/04-HTML标签：排版标签.md b/01-HTML/04-HTML标签：排版标签.md
@@ -1,3 +1,9 @@
+---
+title: 04-HTML标签：排版标签
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 本文主要内容

diff --git a/01-HTML/05-HTML标签：字体标签和超链接.md b/01-HTML/05-HTML标签：字体标签和超链接.md
@@ -1,3 +1,9 @@
+---
+title: 05-HTML标签：字体标签和超链接
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 本文主要内容

diff --git a/01-HTML/06-HTML标签：图片标签.md b/01-HTML/06-HTML标签：图片标签.md
@@ -1,3 +1,9 @@
+---
+title: 06-HTML标签：图片标签
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## img标签介绍

diff --git a/01-HTML/07-html标签图文详解（二）.md b/01-HTML/07-html标签图文详解（二）.md
@@ -1,3 +1,9 @@
+---
+title: 07-html标签图文详解（二）
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 本文主要内容

diff --git a/01-HTML/08-HTML5详解.md b/01-HTML/08-HTML5详解.md
@@ -1,8 +1,10 @@
+---
+title: 08-HTML5详解
+publish: true
+---
 
+<ArticleTopAd></ArticleTopAd>
 
-> 本文最初发表于[博客园](https://www.cnblogs.com/smyhvae/p/8424230.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
-
-> 以下是正文。
 
 ## HTML5的介绍
 

diff --git a/01-HTML/09-HTML5举例：简单的视频播放器.md b/01-HTML/09-HTML5举例：简单的视频播放器.md
@@ -1,3 +1,9 @@
+---
+title: 09-HTML5举例：简单的视频播放器
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。

diff --git a/01-HTML/10-HTML5详解（二）.md b/01-HTML/10-HTML5详解（二）.md
@@ -1,3 +1,9 @@
+---
+title: 10-HTML5详解（二）
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 本文主要内容

diff --git a/01-HTML/11-HTML5详解（三）.md b/01-HTML/11-HTML5详解（三）.md
@@ -1,3 +1,9 @@
+---
+title: 11-HTML5详解（三）
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## Web 存储

diff --git a/01-HTML/12-HTML基础回顾.md b/01-HTML/12-HTML基础回顾.md
@@ -1,3 +1,9 @@
+---
+title: 12-HTML基础回顾
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 ## 本文主要内容
 

diff --git a/02-CSS基础/01-CSS属性：字体属性和文本属性.md b/02-CSS基础/01-CSS属性：字体属性和文本属性.md
@@ -1,3 +1,9 @@
+---
+title: 01-CSS属性：字体属性和文本属性
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 本文重要内容

diff --git a/02-CSS基础/02-CSS属性：背景属性.md b/02-CSS基础/02-CSS属性：背景属性.md
@@ -1,8 +1,10 @@
+---
+title: 02-CSS属性：背景属性
+publish: true
+---
 
+<ArticleTopAd></ArticleTopAd>
 
-> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8277895.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
-
-> 以下是正文。
 
 ## background 的常见背景属性
 

diff --git a/02-CSS基础/03-CSS样式表和选择器.md b/02-CSS基础/03-CSS样式表和选择器.md
@@ -1,4 +1,9 @@
-> 本文最初于 2015-10-03 发表于[博客园](http://www.cnblogs.com/smyhvae/p/4853995.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在 GitHub 上关注我，一起入门和进阶前端。
+---
+title: 03-CSS样式表和选择器
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 ## 本文主要内容
 

diff --git a/02-CSS基础/04-CSS选择器：伪类.md b/02-CSS基础/04-CSS选择器：伪类.md
@@ -1,7 +1,10 @@
+---
+title: 04-CSS选择器：伪类
+publish: true
+---
 
-> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8280814.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
+<ArticleTopAd></ArticleTopAd>
 
-> 以下是正文。
 
 
 ## 伪类（伪类选择器）

diff --git a/02-CSS基础/05-CSS样式表的继承性和层叠性.md b/02-CSS基础/05-CSS样式表的继承性和层叠性.md
@@ -1,7 +1,10 @@
+---
+title: 05-CSS样式表的继承性和层叠性
+publish: true
+---
 
-> 本文最初于2017-07-29发表于[博客园](http://www.cnblogs.com/smyhvae/p/7253929.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
+<ArticleTopAd></ArticleTopAd>
 
-> 以下是正文。
 
 ## 本文重点
 

diff --git a/02-CSS基础/06-CSS盒模型详解.md b/02-CSS基础/06-CSS盒模型详解.md
@@ -1,6 +1,10 @@
+---
+title: 06-CSS盒模型详解
+publish: true
+---
 
+<ArticleTopAd></ArticleTopAd>
 
-> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/7256371.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新。以下是正文。
 
 ## 盒子模型
 

diff --git a/02-CSS基础/07-浮动.md b/02-CSS基础/07-浮动.md
@@ -1,8 +1,9 @@
+---
+title: 07-浮动
+publish: true
+---
 
-
-
-> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/7297736.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新。以下是正文。
-
+<ArticleTopAd></ArticleTopAd>
 
 
 

diff --git a/02-CSS基础/08-CSS属性：定位属性.md b/02-CSS基础/08-CSS属性：定位属性.md
@@ -1,8 +1,10 @@
+---
+title: 08-CSS属性：定位属性
+publish: true
+---
 
+<ArticleTopAd></ArticleTopAd>
 
-> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8296748.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
-
-> 以下是正文。
 
 
 

diff --git a/02-CSS基础/09-CSS案例讲解：博雅互动.md b/02-CSS基础/09-CSS案例讲解：博雅互动.md
@@ -1,3 +1,9 @@
+---
+title: 09-CSS案例讲解：博雅互动
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 前言

diff --git a/02-CSS基础/10-CSS3选择器详解.md b/02-CSS基础/10-CSS3选择器详解.md
@@ -1,3 +1,9 @@
+---
+title: 10-CSS3选择器详解
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 

diff --git a/02-CSS基础/11-CSS3属性详解（一）.md b/02-CSS基础/11-CSS3属性详解（一）.md
@@ -1,7 +1,10 @@
+---
+title: 11-CSS3属性详解（一）
+publish: true
+---
 
-> 本文最初发表于[博客园](http://www.cnblogs.com/smyhvae/p/8430898.html)，并在[GitHub](https://github.com/qianguyihao/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
+<ArticleTopAd></ArticleTopAd>
 
-> 以下是正文。
 
 ## 前言
 

diff --git a/02-CSS基础/12-CSS3属性详解：动画详解.md b/02-CSS基础/12-CSS3属性详解：动画详解.md
@@ -1,7 +1,10 @@
+---
+title: 12-CSS3属性详解：动画详解
+publish: true
+---
 
-> 本文最初发表于[博客园]()，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
+<ArticleTopAd></ArticleTopAd>
 
-> 以下是正文。
 
 ## 前言
 

diff --git a/02-CSS基础/13-CSS3属性：Flex布局图文详解.md b/02-CSS基础/13-CSS3属性：Flex布局图文详解.md
@@ -1,3 +1,9 @@
+---
+title: 13-CSS3属性：Flex布局图文详解
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## 前言

diff --git a/02-CSS基础/14-CSS3属性详解：Web字体.md b/02-CSS基础/14-CSS3属性详解：Web字体.md
@@ -1,3 +1,9 @@
+---
+title: 14-CSS3属性详解：Web字体
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 

diff --git a/02-CSS基础/15-Sass入门.md b/02-CSS基础/15-Sass入门.md
@@ -1,3 +1,9 @@
+---
+title: 15-Sass入门
+publish: true
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 ## Sass简介

diff --git a/02-CSS基础/16-浏览器的兼容性问题.md b/02-CSS基础/16-浏览器的兼容性问题.md
@@ -1,3 +1,9 @@
+---
+title: 16-浏览器的兼容性问题
+publish: false
+---
+
+<ArticleTopAd></ArticleTopAd>
 
 
 我们在div里放一个img，发现：
@@ -17,13 +23,13 @@
 			margin: 0px;
 			padding: 0px;
 		}
-	</style>	
+	</style>
 </head>
 <body>
 	<div>
 	<img src="/Users/smyhvae/Dropbox/img/20170813_1143.jpg" alt="">
-		
-	</div>	
+
+	</div>
 </body>
 </html>
 ```