feat: ✨ 添加构图技巧

docs/.vitepress/config.ts

@@ -272,7 +272,7 @@ function shootGuide(): DefaultTheme.SidebarItem[] {
       text: '构图形式',
       collapsed: false,
       items: [
-        { text: '如何拍花的黑背景', link: '实战技巧/如何拍花的黑背景' },
+        { text: '构图技巧', link: '构图形式/构图技巧' },
       ]
     },
     {

docs/guide/webpack/热更新原理.md

@@ -0,0 +1 @@
+# 热更新原理

docs/shoot/构图形式/构图技巧.md

@@ -0,0 +1,69 @@
+# 构图技巧
+
+
+## 点构图
+
+### 中心点构图
+
+将主题放在中心，突出主题
+
+![中心点构图](./../../public/assets/摄影相关/基础知识/2.png)
+
+![中心点构图](./../../public/assets/摄影相关/基础知识/3.png)
+
+
+### 三分点构图
+
+![三分点构图](./../../public/assets/摄影相关/基础知识/4.png)
+
+![alt text](./../../public/assets/摄影相关/基础知识/5.png)
+
+## 线构图
+
+### 对称线构图
+
+可以展示对称的秩序感，常用于风光、风光 + 人文
+![alt text](./../../public/assets/摄影相关/基础知识/6.png)
+
+![alt text](./../../public/assets/摄影相关/基础知识/7.png)
+
+![alt text](./../../public/assets/摄影相关/基础知识/8.png)
+
+### 对角线构图
+
+![alt text](./../../public/assets/摄影相关/基础知识/9.png)
+
+![alt text](./../../public/assets/摄影相关/基础知识/10.png)
+
+### 引导线构图
+
+充分利用场景中的线条，用于引导观者的注意力落在主体上，并让画面产生深度和透视感
+![alt text](./../../public/assets/摄影相关/基础知识/11.png)
+
+
+## 面构图
+
+### 前景构图
+
+例如通过树叶、花草、植物等做前景
+
+![alt text](./../../public/assets/摄影相关/基础知识/12.png)
+
+
+### 框架构图
+
+拍摄中利用框架将主体框起来，突出主体
+
+![alt text](./../../public/assets/摄影相关/基础知识/13.png)
+
+![alt text](./../../public/assets/摄影相关/基础知识/14.png)
+
+
+
+### 留白构图
+
+留有空白，让画面更加简洁，突出主题
+
+![alt text](./../../public/assets/摄影相关/基础知识/15.png)
+
+![alt text](./../../public/assets/摄影相关/基础知识/16.png)