Happy 2024：新增高三特刊制作文档

New 新增内容
1. 新增高三特刊制作文档
2. 美编文档 3.3 进阶操作 -> 新增首字下沉效果
3. 美编文档 2.2 文字排版规范 -> 内容完善
Details 细节
1. 修正部分错误
2. 高三特刊规格移动至高三特刊文档
3. InDesign 的系统要求/下载/版本辨别 调整至 3.1 节内
4. 调整了一些内容的位置
Develop 开发
1. 修改vuepress配置使得侧栏和顶栏可以显示
2. 优化目录结构
3. 更新依赖

README.md

@@ -1,4 +1,4 @@
-# 荆棘鸟文学社美编参考文档
+# 荆棘鸟文学社参考文档
 ![GitHub Repo stars](https://img.shields.io/github/stars/szhhwh/jingji_TSreference_vue)![GitHub top language](https://img.shields.io/github/languages/top/szhhwh/jingji_TSreference_vue)![GitHub](https://img.shields.io/github/license/szhhwh/jingji_TSreference_vue)![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/szhhwh/jingji_TSreference_vue)
 
 ## 开发

src/.vuepress/navbar.ts

@@ -3,6 +3,7 @@ import { navbar } from "vuepress-theme-hope";
 export default navbar([
   "/",
   "/reference/",
+  "/spbook/",
   // {
   //   text: "指南",
   //   icon: "lightbulb",

src/.vuepress/sidebar.ts

@@ -1,52 +1,56 @@
 import { sidebar } from "vuepress-theme-hope";
 
 export default sidebar({
-  "/": [
+  "/reference/": [
-    "",
     {
       text: "ChapterNo1 美编的开始",
-      prefix: "reference/ChapterNo1",
+      prefix: "ChapterNo1",
-      link: "reference/ChapterNo1",
       children: "structure",
     },
     {
       text: "ChapterNo2 排版的基本知识",
-      prefix: "reference/ChapterNo2",
+      prefix: "ChapterNo2",
-      link: "reference/ChapterNo2",
       children: "structure",
     },
     {
       text: "ChapterNo3 InDesign 软件",
-      prefix: "reference/ChapterNo3",
+      prefix: "ChapterNo3",
-      link: "reference/ChapterNo3",
       children: "structure",
     },
     {
       text: "ChapterNo4 图片处理",
-      prefix: "reference/ChapterNo4",
+      prefix: "ChapterNo4",
-      link: "reference/ChapterNo4",
       children: "structure",
     },
     {
       text: "ChapterNo5 素材管理",
-      prefix: "reference/ChapterNo5",
+      prefix: "ChapterNo5",
-      link: "reference/ChapterNo5",
       children: "structure",
     },
     {
       text: "ChapterNo6 大功告成",
-      prefix: "reference/ChapterNo6",
+      prefix: "ChapterNo6",
-      link: "reference/ChapterNo6",
       children: "structure",
     },
     {
       text: "Appendix 附录",
-      prefix: "reference/Appendix",
+      prefix: "Appendix",
-      link: "reference/Appendix",
       children: [
         'question.md',
         'vscode.md'
       ],
     }
   ],
+  "/spbook/": [
+    {
+      text: "ChapterNo1 刊物规格",
+      prefix: "Cpt1",
+      children: "structure",
+    },
+    {
+      text: "ChapterNo2 收集和打稿",
+      prefix: "Cpt2",
+      children: "structure"
+    }
+  ]
 });

src/README.md

@@ -9,11 +9,42 @@ heroImageDark: /logo-dark.png
 # bgImageStyle:
 #   background-attachment: fixed
 heroText: 荆棘鸟文学社
-tagline: 荆棘鸟文学社美编部参考文档
+tagline: 荆棘鸟文学社参考文档
 actions:
-  - text: 参考文档 💡
+  - text: 美编部参考文档
     link: ./reference/
 
+  - text: 高三特刊参考文档
+    link: ./spbook/
+
+highlights:
+    - header: 美编部参考文档
+      description: 美编的一切从这里开始
+      features:
+        - title: 美编的开始
+          icon: home
+          details: 文学社各刊物规格
+        
+        - title: 排版的基本知识
+          icon: book
+          details: 文字排版工作的基础
+        
+        - title: InDesign 软件
+          icon: laptop
+          details: Adobe InDesign 的操作教程
+
+        - title: 图片处理
+          icon: image
+          details: 图片收集与加工处理
+        
+        - title: 素材管理
+          icon: box-archive
+          details: 做好素材管理是成为优秀设计师的必经之路
+        
+        - title: 大功告成
+          icon: upload
+          details: 上交排版作品流程
+
 copyright: false
-footer: 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | GPL-3.0 协议, 版权所有 © 2023-present szhh
+footer: 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | GPL-3.0 协议, 版权所有 © 2024-present szhh
 ---

src/reference/Appendix/vscode.md

@@ -21,8 +21,8 @@ vscode 是一款轻量但非常强大的开源代码编辑软件。它可以运
 1. 打开 [vscode官网](https://code.visualstudio.com/#alt-downloads)
 2. 选择与你所使用的系统对应的安装包进行下载（附录中给出了[系统名称中英文对照表](###系统名称中英文对照表)）
 3. 等待下载完成后打开安装程序
-4. 勾选**我同意此协议**并点击下一步![](../data/image/vscode-1700323360883.jpeg)
+4. 勾选**我同意此协议**并点击下一步![](../assets/image/vscode-1700323360883.jpeg)
-5. 根据需要选择是否**创建桌面快捷方式**（其他选项默认即可），并点击下一步![](../data/image/vscode-1700323423370.jpeg)
+5. 根据需要选择是否**创建桌面快捷方式**（其他选项默认即可），并点击下一步![](../assets/image/vscode-1700323423370.jpeg)
 6. 点击**安装**按钮，等待安装程序完成安装即可
 
 ### 2. 配置vscode

src/reference/ChapterNo1/1.1.md

@@ -57,27 +57,5 @@ title: 1.1 荆棘鸟文学社刊物规格
 #### 闲谈/评论
 灵活排版，但要保证标题清晰可见。  
 
------
 ## 高三特刊
-
+高三特刊规格详见 [1.1 高三特刊规格](../../spbook/Cpt1/1.1.md)
-::: warning 注意
-高三特刊规格暂定
-:::
-
-### 刊物规格
-- 宽：185mm
-- 高：260mm
-- 边距
-    - 上：20mm
-    - 下：25mm
-    - 左：20mm
-    - 右：20mm
-
-### 正文第一字体
-- 字体系列：等线（DENGL）
-- 字重：Regular
-- 文字大小：9pt（小五）
-- 行间距：13点
-
-### 分栏
-- 双栏栏间距：8mm

src/reference/ChapterNo2/2.1.md

@@ -1,10 +1,9 @@
 ---
 title: 2.1 文字基本属性
 ---
-
 ## 字体系列
 字体系列的一种通俗叫法是**字体名称**。采用**字体系列**这一称呼是因为一种字体可能拥有多种字重。例如北大方正的*方正悠宋*字体就拥有一系列的字重。  
-![](../data/Pastedimage20230502181520.jpg)
+![](../assets/image/Pastedimage20230502181520.jpg)
 所以使用**字体系列**的称呼会更加准确一些。
 
 ## 字重
@@ -41,17 +40,35 @@ title: 2.1 文字基本属性
 | 五号 | 10.5 |
 | 小五 | 9    |
 | 六号 | 7.5  |
+::: info InDesign 中使用的是磅数制
+![图中的字号为9点(9pt)](../assets/image/Pastedimage20230409100711.jpg)
+:::
 
-InDesign 中使用的是**磅数制**。
+## 全角和半角
 
-![图中的字号为9点(9pt)](../data/Pastedimage20230409100711.jpg)
+> 因汉字是方块字，假名也是方块字，考虑印刷上工整性，遂让标点符号也占一个汉字的位置。日本在信息化之时，照搬印刷上的设置，增加了一套全角的ASCII码、一套半角的片假名，这就是全角和半角的由来
+
+- 在进行**中文处理**时，汉字和标点符号使用全角，字母、其它符号和数字使用半角。
+- 在进行**英文处理**时，如：英文输入、编写程序、电子邮件地址、网站链接等，使用半角。
+
+:::  tip 全角和半角切换
+通常输入法切换全/半角的快捷键是 `shift+space(空格)`
+:::
+
+::: info 表意字空格
+实际上，输入法在全角状态下输入的空格不是全角空格而是**表意字空格**
+表意字空格是基于亚洲语言的全角空格，它与普通的全角空格在行尾绕排时会有不同的表现
+![](../assets/image/2.2-1704077952212.jpeg)
+（第一行为表意字空格，第二行为全角空格）
+绝大多数情况下我们不需要区分这两个空格，只需要使用表意字空格即可
+:::
 
 ## 行间距
-以下内容有兴趣的可以了解，在实际排版中不会涉及。
+以下内容有兴趣的可以了解，在实际排版中基本不会涉及。
 
-![英文](../data/Pastedimage20230409100941.jpg)
+![英文](../assets/image/Pastedimage20230409100941.jpg)
 
-![中文](../data/Pastedimage20230409101023.jpg)
+![中文](../assets/image/Pastedimage20230409101023.jpg)
 
 中文字体中：
 - **行间距**指一行中文的**降线部**与下行中文**升线部**之间的距离。
@@ -59,4 +76,4 @@ InDesign 中使用的是**磅数制**。
 
 在 Microsoft Word 中：
 行间距有单位行距、1.5位行距、双倍行距、固定值、多倍行距
-![](../data/Pastedimage20230409101507.jpg)
+![](../assets/image/Pastedimage20230409101507.jpg)

src/reference/ChapterNo2/2.2.md

@@ -1,31 +1,66 @@
 ---
-title: 2.2 文字排版及规范
+title: 2.2 文字排版规范
 category:
   - 规范
 tag:
   - 规范
 ---
+## 空格
 
-## 规范化
+- 在每段的段首应使用两个**全角空格**。（注：在 InDesign 中，标点挤压功能会挤压半角空格而不会挤压全角空格）
-- 全角和半角
+- 中文和英文之间应当使用空格分离。如“这是一行 **English** 语言的文字”
-    - 在进行**中文处理**时，汉字和标点符号使用全角，字母、其它符号和数字使用半角。
+## 标点符号
-    - 在进行**英文处理**时，如：英文输入、编写程序、电子邮件地址、网站URL，使用半角。
+::: warning 句号
-
+切忌忘记**句尾句号**
-::: info 全角和半角
-因汉字是方块字，假名也是方块字，考虑印刷上工整性，遂让标点符号也占一个汉字的位置。日本在信息化之时，照搬印刷上的设置，增加了一套全角的ASCII码、一套半角的片假名，这就是全角和半角的由来。
-搜狗输入法切换全/半角的快捷键是 **shift+space(空格)** 。
 :::
 
-- 空格
+::: warning 中文/英文
-    - 在每段的段首应使用两个**全角空格**。（注：在 InDesign 中，标点挤压功能会挤压半角空格而不会挤压全角空格）
+输入符号时注意使用的是**中文**还是**英文**符号
-    - 中文和英文之间应当使用空格分离。如“这是一行 **English** 语言的文字”。
+中文标点通常占有一个**全角空格**的位置，而英文标点通常仅占有一个**半角空格**的位置
+:::
+### 句号/逗号
+- 中文语句以**全角句号 。** 结束
+- 英文语句以**英文句号 .** 结束
+### 问号/感叹号
+- 中英文混排中采用**全角问号 ？**、**全角感叹号！**
+- 纯英文中采用**半角问号 ?**
+### 引号/括号/书名号
+- 符号必须**成对**出现
+- 括号
+    - **中文**中使用**全角括号 （）**
+    - **英文**中使用**半角括号 ()**
+- 多个书名号连用，中间**不加标点**
+- 注意区分**前/后引号**、**单/双引号**和**单/双书名号**
+### 冒号/分号
+- 中文在提示语后引出下文内容必须使用**全角冒号：**
+- 注意区分 **冒号：** 和 **分号；**
+### 省略号/破折号/数字范围
+#### 省略号
+- **中文**中采用**六点省略号 ……**
+- **英文**中采用**三点省略号 ...**
+#### 破折号/连字符
+- **中文**中采用**两个全角破折号 ——**
+- **英文**中
+    - 连字符采用**单个半角破折号 -**
+    - 破折号采用**单个全角破折号 —**
+#### 数字范围
+- **中文**采用 **波浪线 ~**
+- **英文**采用 **单个半角破折号 -**
 
-- 容易混淆和错误的标点符号
+### 数学符号
-    1. 中英文标点：要注意区分中文和英文标点。中文标点占有一个全角空格的位置，而英文标点仅占有一个半角空格的位置。
+::: danger 不可使用其他字符替代数学运算符
-    2. 省略号：中文省略号应采用标准的六点省略号”……“。
+不可使用 **/** 替代 **÷**
-    3. 引号和单引号：注意引号的正反。
+不可使用 **x(小写字母x)** 替代 **×**
-    4. 冒号和分号：注意不要混淆。
+:::
 
-- 段尾应当有句号。
+- 加号：＋
-
+- 减号：-
-- 一段文字需要多个文本框摆放时，务必使用**串接文本框架**方便后期修改。
+- 除号：÷
+- 等于号：=
+### 英文细节处理
+::: warning 中英文混排
+中英文之间输入一个**半角空格**作为间隔
+中文标点与其后紧跟的英文之间**不需要**添加半角空格作为间隔
+:::
+- 英文**大小写**按照原稿输入
+- 英文单句**句首字母大写**

src/reference/ChapterNo3/3.1.md

@@ -6,6 +6,81 @@ tag:
   - InDesign
 ---
 
+本节介绍 Adobe InDesign 软件的安装和使用步骤。
+
+## InDesign 系统要求
+::: tabs
+
+@tab InDesign 2020 (15.x)
+|硬件|最低需求|
+|---|---|
+|处理器|Intel® Pentium® 4 或 AMD Athlon® 64 处理器|
+|操作系统|Windows 7（64 位）或 Windows 10（64 位）（不支持 Windows 10 版本 1507、1511、1703 和 1709）|
+|内存|最少 4 GB 内存（建议 16 GB）|
+|硬盘空间|安装需要 3.6GB 可用硬盘空间（不能在可移动设备上安装）|
+
+@tab InDesign 2021 (16.x)
+|硬件|最低需求|
+|---|---|
+|处理器|Intel 多核处理器（具有 64 位支持）或 AMD Athlon® 64 处理器|
+|操作系统|Windows 10（64 位）在 Windows 10 版本 1607、1809、1903、1909、2004、20H2、21H1 上受支持。|
+|内存|最少 4 GB 内存（建议 16 GB）|
+|硬盘空间|安装需要 3.6 GB 可用硬盘空间（不能在可移动设备上安装）|
+
+@tab:active InDesign 2022 (17.x)
+|硬件|最低需求|
+|---|---|
+|处理器|Intel 多核处理器（具有 64 位支持）或 AMD Athlon® 64 处理器|
+|操作系统|Windows 10 64 位（版本 1909）或更高版本；不支持 LTSC 版本。在 Windows 10 版本 1909、2004、20H2、21H1、21H2 上受支持。|
+|内存|最少 4 GB 内存（建议 16 GB）|
+|硬盘空间|安装需要 3.6 GB 可用硬盘空间（不能在可移动设备上安装）|
+
+@tab InDesign 2023 (18.x)
+|硬件|最低需求|
+|---|---|
+|处理器|Intel 多核处理器（具有 64 位支持）或 AMD Athlon® 64 处理器|
+|操作系统| Windows 10（64 位） Windows 11（64 位）在 Windows 10 版本 20H2、21H1、21H2 和 Windows 11 版本 21H2 上受支持。|
+|内存|最少 8 GB 内存（建议 16 GB）|
+|硬盘|安装需要 3.6 GB 可用硬盘空间（不能在可移动设备上安装）|
+:::
+
+::: tip InDesign 已经停止对 Windows 7 系统的支持
+最后一个支持在 Windows 7 系统上运行的 InDesign 软件版本为 15.0（待验证）
+:::
+
+## InDesign 软件下载
+~~InDesign 软件可以在 [weibo@vposy](https://weibo.com/u/1112829033) 下载。~~
+
+::: info vposy 停止更新 Adobe 系列软件
+> vposy 微博原文：
+> 因工作调动，已无时间维护，故暂停更新。
+> 只有微博是本人，其他渠道均为冒充。 ​​​
+> 2023.8.11
+:::
+
+> vposy 制作的 Adobe 系列软件补档
+> 链接：https://pan.baidu.com/s/1L8GGEv-YklIusnXEdIurZQ
+> 提取码：i415
+
+其他下载途径：
+- [Adobe Apps Patching](https://genpguides.github.io/)：Adobe 应用程序 Patching 集合（包含了以下两种 Patching 的安装指引）
+  - [GenP](https://www.reddit.com/r/GenP/)：GenP Patching
+  - [Monkrus Webside](https://w14.monkrus.ws/)：Monkrus Patching
+
+## InDesign 软件版本
+1. 打开 InDesign 软件。
+2. 点击上方菜单栏的帮助。
+3. 选择“帮助”菜单中的“关于 InDesign 选项”。![](../assets/image/Pastedimage20230408231210.jpg)
+4. 在弹出的窗口中会显示软件的版本信息![](../assets/image/Pastedimage20230408231245.jpg)
+
+> 对该版本号的补充说明：  
+> **18.1** 是当前 InDesign 的版本号。
+> **x64** 是当前软件的架构，不是我们需要关心的版本号。
+> 不同的电脑有不同的架构，通常为 **x86** 或 **x64**，分别对应 **32位** 和 **64位**。
+> 电脑的架构可以在**控制面板**->**系统**中查看。
+> **64位** 的系统通常可以运行 **64位** 的软件和 **32位** 的软件；**32位** 的系统只能运行 **32位** 的软件。
+
+
 ## 安装 InDesign
 ::: info 安装前准备
 - 下载 InDesign 安装包
@@ -13,9 +88,9 @@ tag:
 - 预留约 2G 的空间用于解压
 :::
 
-1. 打开含有 InDesign 软件的压缩包，**提取**（解压）到已预留的空间内。![](../data/Pastedimage20230422014908.jpg)
+1. 打开含有 InDesign 软件的压缩包，**提取**（解压）到已预留的空间内。![](../assets/image/Pastedimage20230422014908.jpg)
-2. 双击解压出的文件中的 **Set-up**（Set-up.exe）文件，并同意管理员权限申请。![](../data/Pastedimage20230422014940.jpg) ![](../data/Pastedimage20230422015001.jpg)
+2. 双击解压出的文件中的 **Set-up**（Set-up.exe）文件，并同意管理员权限申请。![](../assets/image/Pastedimage20230422014940.jpg) ![](../assets/image/Pastedimage20230422015001.jpg)
-3. 点击**继续**按钮，开始安装 InDesign。![](../data/Pastedimage20230422015103.jpg)
+3. 点击**继续**按钮，开始安装 InDesign。![](../assets/image/Pastedimage20230422015103.jpg)
 4. 等待进度条完成即安装完成
 
 ::: info 版本

src/reference/ChapterNo3/3.2.md

@@ -8,14 +8,14 @@ tag:
 
 ## 创建文档
 双击桌面上的 InDesign 图标即可打开 InDesign 软件。
-1. 点击菜单栏中的**文件->新建->文档**。![](../data/Pastedimage20230501163537.jpg)
+1. 点击菜单栏中的**文件->新建->文档**。![](../assets/image/Pastedimage20230501163537.jpg)
-2. 在弹出的窗口中更改文档的**长度**和**宽度**，注意单位与规范统一。然后点击右下角的**边距和分栏**进入下一步的配置。![](../data/Pastedimage20230501163742.jpg)
+2. 在弹出的窗口中更改文档的**长度**和**宽度**，注意单位与规范统一。然后点击右下角的**边距和分栏**进入下一步的配置。![](../assets/image/Pastedimage20230501163742.jpg)
-3. 在弹出的窗口中修改页边距，栏数和栏间距不需要更改（在新建的文本框中可以单独修改栏数和栏间距）。点击边距一栏中央的链状图标可以开启/关闭边距链接。![](../data/Pastedimage20230501164027.jpg)
+3. 在弹出的窗口中修改页边距，栏数和栏间距不需要更改（在新建的文本框中可以单独修改栏数和栏间距）。点击边距一栏中央的链状图标可以开启/关闭边距链接。![](../assets/image/Pastedimage20230501164027.jpg)
 4. 点击确定即可完成文档的新建。
 
 ## 新建文本框
 点击左侧竖排工具栏中的**文字工具**。（使用右键点击可以获得更多的选项）
-![](../data/Pastedimage20230501165030.jpg)
+![](../assets/image/Pastedimage20230501165030.jpg)
 在页面中按住并拖动即可创建一个文本框。
 
 ## 串接文本框架
@@ -27,10 +27,10 @@ tag:
 :::
 
 创建串接文本框架的步骤：
-1. 点击已经溢流的文本框架右下角的**红色加号**。![](../data/Pastedimage20230501170410.jpg)
+1. 点击已经溢流的文本框架右下角的**红色加号**。![](../assets/image/Pastedimage20230501170410.jpg)
 2. 在想要创建第二个文本框的位置**按住并拖动鼠标后松开**，即可创建串接的文本框。
 
-![动画教程](../data/PixPin_2023-12-31_16-56-27.gif)
+![动画教程](../assets/image/PixPin_2023-12-31_16-56-27.gif)
 
 ::: tip
 如果需要查看文本框架的串接情况。可以选择软件上方菜单栏中的 **视图->其他->显示文本串接**，然后选中需要查看的文本框架即可
@@ -52,7 +52,7 @@ tag:
 
 InDesign 的图层面板可以在顶部菜单栏的 **窗口->图层** 中打开。
 
-![图层面板](../data/Snipaste_2023-06-06_17-47-13.jpg)
+![图层面板](../assets/image/Snipaste_2023-06-06_17-47-13.jpg)
 
 ### 认识图层面板
 - 面板中部是各个图层的显示区域
@@ -69,14 +69,14 @@ InDesign 中的图层不独立于每个页面，而是在整个文档中通用
 - 点击面板下方的**加号**以添加单个图层
 - 选中需要删除的图层再点击面板下方的**垃圾桶**以删除选中的图层
 - 双击图层名字可以打开图层选项编辑
-![图层选项](../data/Snipaste_2023-06-06_18-00-53.jpg)
+![图层选项](../assets/image/Snipaste_2023-06-06_18-00-53.jpg)
 	- 名称：图层名称
 	- 颜色：更改该图层的颜色标记
 	- 其他选项功能如面板中描述  
 
 - 按住并拖动图层可以调整图层或元素的上下顺序
 - 点击图层左端的小箭头可以展开当前图层
-![点击小箭头](../data/Snipaste_2023-06-06_18-07-58.jpg)
+![点击小箭头](../assets/image/Snipaste_2023-06-06_18-07-58.jpg)
 
 ### 图层面板的其他功能
 - 点击图层/元素最右侧的**小方块**可以选择该图层内的所有元素/该元素
@@ -91,7 +91,7 @@ InDesign 中一个文档由若干个**页面**组成。使用**页面**面板可
 
 ### 页面面板
 
-![页面面板](../data/image/3.2-1691731944230.jpeg)
+![页面面板](../assets/image/3.2-1691731944230.jpeg)
 
 1. 在 InDesign 上方的菜单栏中选择 **窗口->页面** 打开**页面**面板
 2. 点击下方的**加号**可新建页面
@@ -107,9 +107,9 @@ InDesign 中一个文档由若干个**页面**组成。使用**页面**面板可
 
 1. 双击页面面板上方的一个主页可以进入其编辑页面。主页的编辑页面与正常页面的编辑完全相同
 2. 右键页面面板上方区域可以新建主页
-![](../data/image/3.2-1691732709665.jpeg)
+![](../assets/image/3.2-1691732709665.jpeg)
 3. 右键需要应用主页的页面，选择**将主页应用于页面**，然后选择需要应用的主页即可将主页应用到页面上
-![](../data/image/3.2-1691732850364.jpeg)
+![](../assets/image/3.2-1691732850364.jpeg)
 
 ::: tip 主页的层级关系
 如果要将主页中的对象显示在文档页面上的对象之前，将主页中的对象移动到**更高的图层**即可。

src/reference/ChapterNo3/3.3.md

@@ -29,34 +29,41 @@ tag:
 ## 文本相关效果
 
 ### 文本绕排
-1. 在 InDesign 上方的选项卡中选择**窗口->文本绕排**![](../data/Pastedimage20230422022731.jpg)
+1. 在 InDesign 上方的选项卡中选择**窗口->文本绕排**![](../assets/image/Pastedimage20230422022731.jpg)
-2. 选中一张需要绕排的图片![](../data/Pastedimage20230422023043.jpg)
+2. 选中一张需要绕排的图片![](../assets/image/Pastedimage20230422023043.jpg)
-3. 选择绕排方式，输入绕排间距![](../data/Pastedimage20230422023254.jpg)![](../data/Pastedimage20230422023324.jpg)
+3. 选择绕排方式，输入绕排间距![](../assets/image/Pastedimage20230422023254.jpg)![](../assets/image/Pastedimage20230422023324.jpg)
 
 ### 文本轮廓化
 - 轮廓化后的文字不能更改字体
 - 轮廓化后可以更改文字的*路径点*，以制作特殊的文字效果
 
-![](../data/Pastedimage20230422022221.jpg)
+![](../assets/image/Pastedimage20230422022221.jpg)
-1. 选中需要轮廓化的文字框架![](../data/Pastedimage20230422021810.jpg)
+1. 选中需要轮廓化的文字框架![](../assets/image/Pastedimage20230422021810.jpg)
-2. 按下快捷键 **Ctrl+Shift+O** 即可![](../data/Pastedimage20230422021859.jpg)
+2. 按下快捷键 **Ctrl+Shift+O** 即可![](../assets/image/Pastedimage20230422021859.jpg)
-3. 然后就可以使用**直接选择工具**或者钢笔工具对路径进行修改![](../data/Pastedimage20230422022542.jpg)
+3. 然后就可以使用**直接选择工具**或者钢笔工具对路径进行修改![](../assets/image/Pastedimage20230422022542.jpg)
 
 ### 文字加粗
 InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字的**描边**功能对字体进行加粗：
 1. 选中需要加粗的文字。  
 2. 在**属性->外观**中选择描边颜色，并设置描边宽度即可。
-![](../data/Pastedimage20230502180842.jpg)
+![](../assets/image/Pastedimage20230502180842.jpg)
 
 ::: tip
 通常我们不会使用以上方式对文字进行加粗。调整文字粗细最好的办法是直接更改文字的**字体样式**。
-![](../data/Pastedimage20230502181049.jpg)
+![](../assets/image/Pastedimage20230502181049.jpg)
 :::
 
 ### 图片嵌入文字
 
-![图片嵌入文字示例](../data/Pastedimage20230808134900.jpg)
+![图片嵌入文字示例](../assets/image/Pastedimage20230808134900.jpg)
 
 1. 将文字轮廓化，具体步骤详见 [2.3 特殊文字效果/文本轮廓化](#文本轮廓化)
 2. 复制需要嵌入的图片
-3. 选中文字轮廓并右键选择**贴入内部**即可![](../data/Pastedimage20230808135328.jpg)
+3. 选中文字轮廓并右键选择**贴入内部**即可![](../assets/image/Pastedimage20230808135328.jpg)
+
+### 首字下沉
+![首字下沉效果](../assets/image/3.3-1704087529578.jpeg)
+使用**段落**面板可以快速地创建首字下沉效果。
+1. 打开**段落**面板
+2. 将光标停留在需要添加首字下沉的段落内
+3. 调整**首字下沉行数**（调整到2以上才会有效果）即可![](../assets/image/3.3-1704087830269.jpeg)

src/reference/ChapterNo3/3.4.md

@@ -16,7 +16,7 @@ InDesign 默认使用**典型显示**，该显示设置下图片分辨率会被*
 
 :::
 
-![视图->显示性能](../data/image/3.4-1691724470260.jpeg)
+![视图->显示性能](../assets/image/3.4-1691724470260.jpeg)
 
 1. 点击上方菜单栏中 视图->显示性能 即可打开该设置
     1. 快速显示：不显示任何图片，仅显示图片占位符
@@ -28,7 +28,7 @@ InDesign 默认使用**典型显示**，该显示设置下图片分辨率会被*
 
 ### 屏幕模式
 
-![视图->屏幕模式](../data/image/3.4-1691725993515.jpeg)
+![视图->屏幕模式](../assets/image/3.4-1691725993515.jpeg)
 
 点击上方菜单栏中 视图->屏幕模式 即可打开该设置。
 
@@ -50,8 +50,8 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。
 :::
 
 1. 点击上方菜单栏中的文件->**导出**或使用快捷键 `Ctrl+E` 打开导出界面
-2. 选择导出文件的保存位置后点击右下角的**保存**按钮![](../data/image/3.4-1691721471978.jpeg)
+2. 选择导出文件的保存位置后点击右下角的**保存**按钮![](../assets/image/3.4-1691721471978.jpeg)
-3. 调整导出设置后点击**导出**按钮即可![](../data/image/3.4-1691721525503.jpeg)
+3. 调整导出设置后点击**导出**按钮即可![](../assets/image/3.4-1691721525503.jpeg)
 
 ### 导出参数
 
@@ -71,7 +71,7 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。
     - 导出图层：控制导出图层的方式（通常为减小文件体积会选择**可见并可打印的图层**
 
 #### 压缩
-![](../data/image/3.4-1691723264188.jpeg)
+![](../assets/image/3.4-1691723264188.jpeg)
 以**彩色图像**为例：
 - 像素采样：
     - 不缩减像素采样：不降低图片品质
@@ -92,7 +92,7 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。
 #### 输出
 该页面主要用于控制输出文件的**色彩空间**。
 
-![输出->颜色](../data/image/3.4-1691723717904.jpeg)
+![输出->颜色](../assets/image/3.4-1691723717904.jpeg)
 
 - 颜色转换：是否将不同的颜色空间转为下方的目标值
 - 目标：设定需要转换到的色彩空间
@@ -101,5 +101,5 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。
 ::: tip 保存导出设置
 在导出面板设置好各项设置之后，可以点击左下角的**存储预设**按钮保存当前设置以供下次使用
 
-![存储预设](../data/image/3.4-1691721661286.jpeg)
+![存储预设](../assets/image/3.4-1691721661286.jpeg)
 :::

src/reference/ChapterNo3/3.5.md

@@ -25,41 +25,41 @@ tag:
 在该面板中可以定位和排除**字体丢失**、**素材丢失**和**溢流文本**等问题。
 双击面板中黄色的数字可以定位到出现问题的元素上。
 
-![印前检查面板](../data/Pastedimage20230501171751.jpg)
+![印前检查面板](../assets/image/Pastedimage20230501171751.jpg)
 
 ## 属性面板
 该面板提供了对于**选中的对象**各种属性的修改。
 | 选中链接的文件 | 选中文本框架 |
 | -------------- | ------------ |
-|  ![选中链接的文件](../data/Pastedimage20230809214525.jpg)  | ![选中文本框架](../data/Pastedimage20230809214558.jpg) |
+|  ![选中链接的文件](../assets/image/Pastedimage20230809214525.jpg)  | ![选中文本框架](../assets/image/Pastedimage20230809214558.jpg) |
 
 ## 对齐面板
 该面板提供了很多有用的对齐控件。
 
-![对齐面板](../data/Pastedimage20230502180115.jpg)
+![对齐面板](../assets/image/Pastedimage20230502180115.jpg)
 
 ## 拾色器面板
 选中需要更改颜色的元素以后，双击左侧面板中的**T**即可打开拾色器。
 
-![拾色器](../data/Pastedimage20230502180300.jpg)
+![拾色器](../assets/image/Pastedimage20230502180300.jpg)
 
 在拾色器中我们可以选择不同的色板模式：
 - HSB（色相H/饱和度S/亮度B）
 - RGB（红色R/蓝色B/绿色G）
 - LAB（CIE制定的一种测定颜色的国际标准）
-![](../data/Pastedimage20230502180614.jpg)
+![](../assets/image/Pastedimage20230502180614.jpg)
 
 ## 效果面板
 该面板中可以为选中的对象添加一些特殊效果：
 1. 右键点击需要添加效果的对象
 2. 选择**效果**->**需要的效果**直接进入对应的效果面板选项卡
-![](../data/Pastedimage20230809212613.jpg)
+![](../assets/image/Pastedimage20230809212613.jpg)
 
 ::: tip 试一试
 效果面板的效果需要**多试、多用**才能熟练运用。
 :::
 ### 基本羽化
-![基本羽化](../data/Pastedimage20230809213014.jpg)
+![基本羽化](../assets/image/Pastedimage20230809213014.jpg)
 
 - 羽化宽度：调整羽化的宽度
 - 收缩：调整羽化向内渐变的程度
@@ -67,7 +67,7 @@ tag:
 - 杂色：为羽化添加杂色
 
 ### 定向羽化
-![定向羽化](../data/Pastedimage20230809213609.jpg)
+![定向羽化](../assets/image/Pastedimage20230809213609.jpg)
 
 - 羽化宽度：定向羽化中可以调整四个方向的羽化程度
 - 角度：调整参考系的角度
@@ -75,7 +75,7 @@ tag:
 - 杂色：为羽化添加杂色
 
 ### 渐变羽化（最灵活）
-![渐变羽化](../data/Pastedimage20230809213955.jpg)
+![渐变羽化](../assets/image/Pastedimage20230809213955.jpg)
 
 - 渐变色标：用于调整渐变羽化的位置和程度
     - 纯黑色对应**100%不透明度**（完全不透明）
@@ -84,4 +84,4 @@ tag:
 - 角度：渐变的角度
 
 ### 投影
-![投影](../data/Pastedimage20230809214321.jpg)
+![投影](../assets/image/Pastedimage20230809214321.jpg)

src/reference/ChapterNo3/README.md

@@ -2,77 +2,3 @@
 title: ChapterNo3 InDesign 软件
 index: false
 ---
-
-本节介绍 Adobe InDesign 软件的安装和使用步骤。
-
-## InDesign 系统要求
-::: tabs
-
-@tab InDesign 2020 (15.x)
-|硬件|最低需求|
-|---|---|
-|处理器|Intel® Pentium® 4 或 AMD Athlon® 64 处理器|
-|操作系统|Windows 7（64 位）或 Windows 10（64 位）（不支持 Windows 10 版本 1507、1511、1703 和 1709）|
-|内存|最少 4 GB 内存（建议 16 GB）|
-|硬盘空间|安装需要 3.6GB 可用硬盘空间（不能在可移动设备上安装）|
-
-@tab InDesign 2021 (16.x)
-|硬件|最低需求|
-|---|---|
-|处理器|Intel 多核处理器（具有 64 位支持）或 AMD Athlon® 64 处理器|
-|操作系统|Windows 10（64 位）在 Windows 10 版本 1607、1809、1903、1909、2004、20H2、21H1 上受支持。|
-|内存|最少 4 GB 内存（建议 16 GB）|
-|硬盘空间|安装需要 3.6 GB 可用硬盘空间（不能在可移动设备上安装）|
-
-@tab:active InDesign 2022 (17.x)
-|硬件|最低需求|
-|---|---|
-|处理器|Intel 多核处理器（具有 64 位支持）或 AMD Athlon® 64 处理器|
-|操作系统|Windows 10 64 位（版本 1909）或更高版本；不支持 LTSC 版本。在 Windows 10 版本 1909、2004、20H2、21H1、21H2 上受支持。|
-|内存|最少 4 GB 内存（建议 16 GB）|
-|硬盘空间|安装需要 3.6 GB 可用硬盘空间（不能在可移动设备上安装）|
-
-@tab InDesign 2023 (18.x)
-|硬件|最低需求|
-|---|---|
-|处理器|Intel 多核处理器（具有 64 位支持）或 AMD Athlon® 64 处理器|
-|操作系统| Windows 10（64 位） Windows 11（64 位）在 Windows 10 版本 20H2、21H1、21H2 和 Windows 11 版本 21H2 上受支持。|
-|内存|最少 8 GB 内存（建议 16 GB）|
-|硬盘|安装需要 3.6 GB 可用硬盘空间（不能在可移动设备上安装）|
-:::
-
-::: tip InDesign 已经停止对 Windows 7 系统的支持
-最后一个支持在 Windows 7 系统上运行的 InDesign 软件版本为 15.0（待验证）
-:::
-
-## InDesign 软件下载
-~~InDesign 软件可以在 [weibo@vposy](https://weibo.com/u/1112829033) 下载。~~
-
-::: info vposy 停止更新 Adobe 系列软件
-> vposy 微博原文：
-> 因工作调动，已无时间维护，故暂停更新。
-> 只有微博是本人，其他渠道均为冒充。 ​​​
-> 2023.8.11
-:::
-
-> vposy 制作的 Adobe 系列软件补档
-> 链接：https://pan.baidu.com/s/1L8GGEv-YklIusnXEdIurZQ
-> 提取码：i415
-
-其他下载途径：
-- [Adobe Apps Patching](https://genpguides.github.io/)：Adobe 应用程序 Patching 集合（包含了以下两种 Patching 的安装指引）
-  - [GenP](https://www.reddit.com/r/GenP/)：GenP Patching
-  - [Monkrus Webside](https://w14.monkrus.ws/)：Monkrus Patching
-
-## InDesign 软件版本
-1. 打开 InDesign 软件。
-2. 点击上方菜单栏的帮助。
-3. 选择“帮助”菜单中的“关于 InDesign 选项”。![](../data/Pastedimage20230408231210.jpg)
-4. 在弹出的窗口中会显示软件的版本信息![](../data/Pastedimage20230408231245.jpg)
-
-> 对该版本号的补充说明：  
-> **18.1** 是当前 InDesign 的版本号。
-> **x64** 是当前软件的架构，不是我们需要关心的版本号。
-> 不同的电脑有不同的架构，通常为 **x86** 或 **x64**，分别对应 **32位** 和 **64位**。
-> 电脑的架构可以在**控制面板**->**系统**中查看。
-> **64位** 的系统通常可以运行 **64位** 的软件和 **32位** 的软件；**32位** 的系统只能运行 **32位** 的软件。

src/reference/ChapterNo4/4.1.md

@@ -48,21 +48,21 @@ robots.txt 文件中规定的内容不是搜索引擎必须遵守的，少数搜
 ### 基本搜索
 
 1. 打开[百度图片](https://image.baidu.com/)搜索 *小镇* *乡村* 或使用百度一下直接搜索 *小镇* *乡村* 然后点击上方选项卡的**图片**按钮
-2. 百度图片随即会展示搜索到的图片![](../data/Pastedimage20230807212200.jpg)
+2. 百度图片随即会展示搜索到的图片![](../assets/image/Pastedimage20230807212200.jpg)
-3. 将鼠标放到图片上会显示图片的**分辨率**信息，点击图片即可进入大图预览界面![](../data/Pastedimage20230807212359.jpg)
+3. 将鼠标放到图片上会显示图片的**分辨率**信息，点击图片即可进入大图预览界面![](../assets/image/Pastedimage20230807212359.jpg)
 4. 大图预览界面的右上角会显示图片的来源和**分辨率**信息
-5. 右键单击图片，选择**将图片另存为**![](../data/Pastedimage20230807212546.jpg)
+5. 右键单击图片，选择**将图片另存为**![](../assets/image/Pastedimage20230807212546.jpg)
 6. 选择需要保存到的路径并确定
 
 ### 高级搜索
 
-![](../data/Pastedimage20230807221306.jpg)
+![](../assets/image/Pastedimage20230807221306.jpg)
 
 - 在搜索页上方工具栏可以选择需要的**图片大小**
 	- 通常情况下需要高清图片直接选择**特大尺寸**或类似描述的选项
 	- 如果在选择的尺寸下没有合适的图片，可以选择其他大小进行搜索
 
-![](../data/Pastedimage20230807221701.jpg)
+![](../assets/image/Pastedimage20230807221701.jpg)
 
 - 在搜索页上方工具栏可以选择需要的**图片颜色**
 

src/reference/ChapterNo4/4.3.md

@@ -14,9 +14,9 @@ title: 4.3 修缮图片
 
 1. 使用 Adobe Photoshop 打开需要处理的图片
 2. 在图层面板中解除需要操作的图层锁定
-3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作但最好备份一层）![](../data/Pastedimage20230731155109.jpg)
+3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作但最好备份一层）![](../assets/image/Pastedimage20230731155109.jpg)
-4. 点击**属性**面板中**删除背景**按钮![](../data/Pastedimage20230731155356.jpg)
+4. 点击**属性**面板中**删除背景**按钮![](../assets/image/Pastedimage20230731155356.jpg)
-5. 等待软件计算完成即可![](../data/Pastedimage20230731155300.jpg)
+5. 等待软件计算完成即可![](../assets/image/Pastedimage20230731155300.jpg)
 6. 此后可以通过画笔工具微调该图层的蒙版进行精细化调整
 
 ### 手动抠图
@@ -25,10 +25,10 @@ title: 4.3 修缮图片
 2. 在图层面板中解除需要操作的图层锁定
 3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作但最好备份一层）
 4. 选择左侧面板中的**钢笔**工具或使用快捷键 `P` （需要在输入法为英文的状态下该快捷键才能生效）
-5. 使用钢笔工具在需要抠出的对象周围画出轮廓并将它封闭![](../data/Pastedimage20230807182942.jpg)
+5. 使用钢笔工具在需要抠出的对象周围画出轮廓并将它封闭![](../assets/image/Pastedimage20230807182942.jpg)
-6. 点击左上角工具栏的**选区**按钮建立![](../data/Pastedimage20230807183021.jpg)
+6. 点击左上角工具栏的**选区**按钮建立![](../assets/image/Pastedimage20230807183021.jpg)
-7. 适当调整*羽化半径*（羽化会在画出的轮廓周围添加渐变效果）并点击确定![](../data/Pastedimage20230807183056.jpg)
+7. 适当调整*羽化半径*（羽化会在画出的轮廓周围添加渐变效果）并点击确定![](../assets/image/Pastedimage20230807183056.jpg)
-8. 选中需要抠图的图层，点击**图层面板**中的**添加图层蒙版**按钮即可。![](../data/Pastedimage20230807183307.jpg)
+8. 选中需要抠图的图层，点击**图层面板**中的**添加图层蒙版**按钮即可。![](../assets/image/Pastedimage20230807183307.jpg)
 9. 此后可以调整图层蒙版对抠图进行微调
 
 ## 亮度

src/reference/ChapterNo5/5.1.md

@@ -9,7 +9,7 @@ category:
 ## 字体管理软件
 
 ### FontBase（推荐）
-![](../data/Pastedimage20230422020529.jpg)
+![](../assets/image/Pastedimage20230422020529.jpg)
 优点：
 - 免费部分功能完善
 - 可以一键切换字体的激活/未激活状态
@@ -23,7 +23,7 @@ category:
 - 国外网站下载较慢
 
 ### 字由
-![](../data/Pastedimage20230422020549.jpg)
+![](../assets/image/Pastedimage20230422020549.jpg)
 优点：
 - 丰富的云字库
 - 可以一键切换字体的激活/未激活状态
@@ -43,7 +43,7 @@ category:
 - Support Windows, Mac and Linux（跨平台支持）
 
 ### Eagle
-![](../data/Pastedimage20230422020507.jpg)
+![](../assets/image/Pastedimage20230422020507.jpg)
 优点：
 - 综合性很强的素材收集、整理软件，可以管理案例、灵感、截图、图片、视频、音频、情绪板等各类素材
 - 支持的素材种类多
@@ -64,15 +64,15 @@ FontBase 最主要的思想是字体的激活和停用。当你在没有字体
 ::: warning FontBase 已经停止对 windows7 系统的支持
 最后一个支持 windows7 的版本为 2.18.1，[官网下载地址](https://releases.fontba.se/win/FontBase-2.18.1.exe)
 :::
-1. 访问 [FontBase 官网](https://fontba.se/)，点击 **Download FontBase** 下载软件![](../data/Pastedimage20230422021442.jpg)
+1. 访问 [FontBase 官网](https://fontba.se/)，点击 **Download FontBase** 下载软件![](../assets/image/Pastedimage20230422021442.jpg)
-2. 双击下载好的安装包进行安装![](../data/Pastedimage20230422131627.jpg)
+2. 双击下载好的安装包进行安装![](../assets/image/Pastedimage20230422131627.jpg)
 3. 打开 FontBase
 
 ### 添加本地字体库
 第一次启动 FontBase 时，软件内不会显示任何字体。软件会提示你添加系统字体或者拖动一个包含字体的文件夹到软件中，以便开始使用 FontBase。
 建议在本地硬盘上整理好自己的字体库，再使用 FontBase 进行管理和激活。
-![](../data/Pastedimage20230429223054.jpg)
+![](../assets/image/Pastedimage20230429223054.jpg)
-![](../data/Pastedimage20230429223107.jpg)
+![](../assets/image/Pastedimage20230429223107.jpg)
 
 FontBase 软件有两种导入字体的逻辑：
 - Copy（复制）：软件将需要添加的字体复制到软件的工作目录内，会实际占用工作目录的空间。
@@ -85,13 +85,13 @@ FontBase 软件有两种导入字体的逻辑：
 
 ### 基本功能
 点击字体名称前的**小圆圈**即可激活该字体，再次点击即可取消激活。点击文件夹名称前的**小圆圈**可以激活该文件夹内所有的字体。
-![](../data/image/5.1-1700360031353.jpeg)
+![](../assets/image/5.1-1700360031353.jpeg)
 小圆圈有以下三种状态：
 - 黑色中空：字体未激活
 - 绿色中空：文件夹内有**部分**字体被激活
 - 绿色实心：文件夹内的**所有**字体均被激活
 
-![](../data/Pastedimage20230422132112.jpg)
+![](../assets/image/Pastedimage20230422132112.jpg)
 
 - 左侧窗口用于筛选字体。
     - All：查看软件内所有添加的字体
@@ -112,7 +112,7 @@ FontBase 软件有两种导入字体的逻辑：
 1. 在 **Collections** 中创建一个新的集合，名称任意。
 2. 选中 **Active** 选项卡，在右侧的预览界面中按 **Ctrl+A** 全选已经激活的字体。
 3. 将选中的字体拖入到刚才创建的集合中。
-4. 在集合名称的上方右键点击打开菜单，选择 **Package** 选项![](../data/Pastedimage20230429225118.jpg)
+4. 在集合名称的上方右键点击打开菜单，选择 **Package** 选项![](../assets/image/Pastedimage20230429225118.jpg)
 5. 选择需要保存的位置，点击保存即可。
 FontBase 使用zip压缩文件打包字体，汇总时解压即可使用。
 

src/reference/ChapterNo5/5.2.md

@@ -5,7 +5,7 @@ title: 5.2 素材管理
 ## 素材管理软件
 
 ### Billfish
-![Billfish 官网](../data/Pastedimage20230422124403.jpg)
+![Billfish 官网](../assets/image/Pastedimage20230422124403.jpg)
 
 一款优秀的素材管理软件，现已更新至3.0版本
 优点：
@@ -20,7 +20,7 @@ title: 5.2 素材管理
 - 更新速度相对较慢
 
 ### Pixcall
-![Pixcall 官网](../data/Pastedimage20230422130146.jpg)
+![Pixcall 官网](../assets/image/Pastedimage20230422130146.jpg)
 
 优点：
 - 注册赠送2G云存储空间
@@ -28,7 +28,7 @@ title: 5.2 素材管理
 - 软件较为稳定
 
 ### Eagle
-![Eagle 官网](../data/Pastedimage20230422020507.jpg)
+![Eagle 官网](../assets/image/Pastedimage20230422020507.jpg)
 
 综合性很强的素材收集、整理软件，可以管理案例、灵感、截图、图片、视频、音频、情绪板等各类素材
 

src/reference/ChapterNo6/6.1.md

@@ -5,8 +5,8 @@ title: 6.1 上交排版作品
 ## InDesign 打包
 InDesign 自带的**打包**功能可以帮助我们把 InDesign 源文件和使用的素材快捷地汇总到一个文件夹内。
 
-1. 点击**文件->打包**![](../data/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg)
+1. 点击**文件->打包**![](../assets/image/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg)
-2. 在弹出的页面中点击**打包**按钮，选择需要保存的位置并调整保存选项![](../data/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg)
+2. 在弹出的页面中点击**打包**按钮，选择需要保存的位置并调整保存选项![](../assets/image/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg)
     下附部分选项注释：
     - 复制字体（可选）：保存小部分字体（需要手动打包使用到的字体）
     - 更新包中的图形链接（必选）：自动更新素材的链接至新的保存位置
@@ -28,7 +28,7 @@ Indesign 软件的打包功能**无法将绝大多数的字体自动打包**，
 :::
 
 在将字体文件打包之前，我们需要知道使用了哪些非系统预装的字体（通俗地说就是你自己安装的字体）。在 Indesign 的**打包->字体**页面中，可以看到所有使用到的字体名称。其中如等线、宋体等均为系统自带的字体。
-![](../data/image/6.1-1700322557652.jpeg)
+![](../assets/image/6.1-1700322557652.jpeg)
 
 在了解了使用了哪些字体之后，我们需要找到相应的字体文件。这里可以分为以下几种情况：
 
@@ -42,10 +42,10 @@ Indesign 软件的打包功能**无法将绝大多数的字体自动打包**，
 
 方法2
 1. 打开 Windows 控制面板->外观和个性化->字体
-2. 右键点击需要的字体文件并选择**属性**![](../data/image/6.1-1700321863703.jpeg)
+2. 右键点击需要的字体文件并选择**属性**![](../assets/image/6.1-1700321863703.jpeg)
-3. 在弹出的窗口中复制**位置**一项后的内容到剪贴板![](../data/image/6.1-1700321875724.jpeg)
+3. 在弹出的窗口中复制**位置**一项后的内容到剪贴板![](../assets/image/6.1-1700321875724.jpeg)
-4. 打开文件资源管理器，将刚才复制的内容粘贴到路径框内并按下 `Enter（回车）` 按钮![](../data/image/6.1-1700321954493.jpeg)
+4. 打开文件资源管理器，将刚才复制的内容粘贴到路径框内并按下 `Enter（回车）` 按钮![](../assets/image/6.1-1700321954493.jpeg)
-5. 在文件夹内即可找到需要的字体文件![](../data/image/6.1-1700322018682.jpeg)
+5. 在文件夹内即可找到需要的字体文件![](../assets/image/6.1-1700322018682.jpeg)
 6. 将字体文件复制到 Indesign 输出的打包文件夹内
 
 ### 使用在线字体管理软件
@@ -69,22 +69,22 @@ Indesign 软件的打包功能**无法将绝大多数的字体自动打包**，
 [360 压缩](https://yasuo.360.cn/index.html)是360推出的免费解**压缩**软件，360压缩快速轻巧、兼容性好、永久免费。**360 压缩**内置云安全引擎，可以检测木马，更安全。（摘自官网搜索引擎引导词）
 #### 一键解压
 1. 在文件资源管理器中双击打开一个压缩包或在文件上右键->打开方式-> **使用360压缩打开**
-2. 点击上方菜单栏的**一键解压**按钮![](../data/Pastedimage20230730110510.jpg)
+2. 点击上方菜单栏的**一键解压**按钮![](../assets/image/Pastedimage20230730110510.jpg)
 3. 360压缩会将当前压缩包内的文件解压到**压缩包所在目录/压缩包名称**内
 
 ::: tip
 使用一键解压时可以开启**自动关闭360压缩**功能减少操作次数
-![](../data/Pastedimage20230730110628.jpg)
+![](../assets/image/Pastedimage20230730110628.jpg)
 :::
 
 #### 手动解压
 1. 打开压缩包
-2. 点击上方菜单栏的**解压到**按钮![](../data/Pastedimage20230730111057.jpg)
+2. 点击上方菜单栏的**解压到**按钮![](../assets/image/Pastedimage20230730111057.jpg)
 3. 调整解压位置和其他参数后点击**立即解压**即可
 
 #### 压缩
-1. 选中需要压缩的文件，右键选择**添加到压缩文件（A）**![](../data/Pastedimage20230730113507.jpg)
+1. 选中需要压缩的文件，右键选择**添加到压缩文件（A）**![](../assets/image/Pastedimage20230730113507.jpg)
-2. 选择压缩配置并点击立即压缩![](../data/Pastedimage20230730113538.jpg)
+2. 选择压缩配置并点击立即压缩![](../assets/image/Pastedimage20230730113538.jpg)
 
 ::: tip 提示
 通常情况下选择**速度最快**即可。更小的压缩文件体积会需要花费更长的时间进行压缩，同时也需要更多的时间进行解压。
@@ -97,20 +97,20 @@ Indesign 软件的打包功能**无法将绝大多数的字体自动打包**，
 #### 关联压缩包格式
 7-Zip 在安装完成后不会关联压缩包的各种格式，需要我们进行手动操作进行关联。
 1. 打开 7-Zip 软件
-2. 点击**菜单栏->工具->选项**![](../data/Pastedimage20230730115731.jpg)
+2. 点击**菜单栏->工具->选项**![](../assets/image/Pastedimage20230730115731.jpg)
-3. 点击需要关联的文件类型右侧的黄色区域将黄色框内的文字调整至显示**7-Zip**![](../data/Pastedimage20230730115914.jpg)
+3. 点击需要关联的文件类型右侧的黄色区域将黄色框内的文字调整至显示**7-Zip**![](../assets/image/Pastedimage20230730115914.jpg)
 4. 点击对话框下方的**确定**即可完成文件关联设置
 > 常见的压缩文件格式：`7z`、`zip`、`rar`、`tar`
 
 
 #### 解压
 1. 使用 7-Zip 打开需要解压的压缩包
-2. 点击菜单栏上方的**提取**按钮![](../data/Pastedimage20230730120811.jpg)
+2. 点击菜单栏上方的**提取**按钮![](../assets/image/Pastedimage20230730120811.jpg)
-3. 选择需要解压到的位置并点击确定即可![](../data/Pastedimage20230730120855.jpg)
+3. 选择需要解压到的位置并点击确定即可![](../assets/image/Pastedimage20230730120855.jpg)
 
 #### 压缩
-1. 在文件资源管理器中选择需要压缩的文件并右键选择**添加到压缩包**![](../data/Pastedimage20230730121002.jpg)
+1. 在文件资源管理器中选择需要压缩的文件并右键选择**添加到压缩包**![](../assets/image/Pastedimage20230730121002.jpg)
-2. 调整压缩参数（通常仅调整**压缩格式**和**压缩等级**即可）并点击**确定**按钮![](../data/Pastedimage20230730121113.jpg)
+2. 调整压缩参数（通常仅调整**压缩格式**和**压缩等级**即可）并点击**确定**按钮![](../assets/image/Pastedimage20230730121113.jpg)
 参数参考：
 - 压缩格式：
 	- 7z：通用的归档容器，默认采用 `LZMA2` 算法进行压缩
@@ -136,4 +136,4 @@ Indesign 软件的打包功能**无法将绝大多数的字体自动打包**，
 > 参考译文：NanaZip 是一款为现代化 Windows 体验设计的开源文件压缩器，其源代码来自于著名的开源文件压缩器 7-Zip。  
 > 译者注：简单来说就是为 7-Zip 写了一个界面让它更符合高版本 Windows 的设计语言。
 
-![](../data/Pastedimage20230730115308.jpg)
+![](../assets/image/Pastedimage20230730115308.jpg)

src/reference/ChapterNo6/6.2.md

@@ -3,7 +3,7 @@ title: 6.2 排版汇总
 ---
 
 ## 一般流程
-![](../data/汇总排版流程图.svg)
+![](../assets/image/汇总排版流程图.svg)
 上面这张流程图描述了一般的汇总流程，下面用文字进行描述：
 - 制作人完成排版作品之后，需要将自己的排版作品打包成**压缩包**并发送给指定的汇总人
 - 汇总人进行检查后及时给出**修改意见**并反馈给制作人进行修改
@@ -22,13 +22,13 @@ title: 6.2 排版汇总
 - 市面上销售的约20元人民币的移动存储介质大都为小厂生产。这些廉价的存储介质在存入文件后可能会产生损坏的情况，并且**没有任何可用手段可以恢复**
 - 便宜的大容量移动存储介质不仅读写速度极慢，而且大多为扩容盘（虚标容量）。扩容盘在它的真实容量用尽以后再存入文件会导致**文件无法读取**
 - 建议购买**大厂（如三星、金士顿）生产**的U盘
-![](../data/image/6.2-1702185188584.jpeg)
+![](../assets/image/6.2-1702185188584.jpeg)
 左侧为损坏的 idmt 文件，右侧为正常的 indd 文件。
 :::
 
 汇总人需要对收到的文件进行整理，以下给出两个参考。
-![](../data/Pastedimage20230730143356.jpg)
+![](../assets/image/Pastedimage20230730143356.jpg)
-![](../data/Pastedimage20230730143423.jpg)
+![](../assets/image/Pastedimage20230730143423.jpg)
 在文件夹名称上通常会包含以下内容
 - 序号或任意可以达到排序效果的内容
 - 文件夹内文件的主要内容
@@ -44,11 +44,11 @@ title: 6.2 排版汇总
 ## 添加页码
 
 ### 传统步骤（需要逐个复制粘贴）
-1. 使用**文本框工具**绘制一个文本框并放置在需要添加页码的位置，点选文本框进入编辑状态![](../data/Pastedimage20230730125246.jpg)
+1. 使用**文本框工具**绘制一个文本框并放置在需要添加页码的位置，点选文本框进入编辑状态![](../assets/image/Pastedimage20230730125246.jpg)
-2. 点击**菜单栏->文字->插入特殊字符->标志符->当前页码**![](../data/Pastedimage20230730125346.jpg)
+2. 点击**菜单栏->文字->插入特殊字符->标志符->当前页码**![](../assets/image/Pastedimage20230730125346.jpg)
-3. 调整页码的字体、字号等参数![](../data/Pastedimage20230730125549.jpg)
+3. 调整页码的字体、字号等参数![](../assets/image/Pastedimage20230730125549.jpg)
-4. 将对页上的页码文本框进行**编组**（快捷键：`Ctrl+G`），方便后续复制和编辑![](../data/Pastedimage20230730125714.jpg)
+4. 将对页上的页码文本框进行**编组**（快捷键：`Ctrl+G`），方便后续复制和编辑![](../assets/image/Pastedimage20230730125714.jpg)
-5. 复制文本框组并在下一个对页上右键空白处选择**原位粘贴**![](../data/Pastedimage20230730125803.jpg)
+5. 复制文本框组并在下一个对页上右键空白处选择**原位粘贴**![](../assets/image/Pastedimage20230730125803.jpg)
 6. 重复以上操作即可为所有的页面添加页码
 
 ### 使用主页添加（不需要逐个复制粘贴）
@@ -59,7 +59,7 @@ title: 6.2 排版汇总
 5. 将主页应用到需要添加页码的页面上（具体步骤详见 [主页功能](../ChapterNo3/3.2.md#主页功能)）
 
 ### 编排页码
-![](../data/Pastedimage20230730125955.jpg)  
+![](../assets/image/Pastedimage20230730125955.jpg)  
 使用以上方式添加的页码会根据当前页面的**编号**进行显示。如此一来会出现一个问题：
 - 如果将封面和目录放在前面，我们就无法让正文的第一页从*1*或*2*开始
 
@@ -70,14 +70,14 @@ title: 6.2 排版汇总
 
 > 使用以下参数导出的PDF文件体积可能较大，打开PDF时出现卡顿为正常现象
 
-![常规](../data/Pastedimage20230730142618.jpg)
+![常规](../assets/image/Pastedimage20230730142618.jpg)
 
-![压缩](../data/Pastedimage20230730142631.jpg)
+![压缩](../assets/image/Pastedimage20230730142631.jpg)
 
-![标记和出血](../data/Pastedimage20230730142637.jpg)
+![标记和出血](../assets/image/Pastedimage20230730142637.jpg)
 
-![输出](../data/Pastedimage20230730142736.jpg)
+![输出](../assets/image/Pastedimage20230730142736.jpg)
 
-![高级](../data/Pastedimage20230730142746.jpg)
+![高级](../assets/image/Pastedimage20230730142746.jpg)
 
-![安全性](../data/Pastedimage20230730142751.jpg)
+![安全性](../assets/image/Pastedimage20230730142751.jpg)

src/reference/ChapterNo6/6.3.md

@@ -5,8 +5,8 @@ title: 6.3 出刊的其他注意事项
 ## 线上审稿
 强烈建议对于在**线上**进行的*汇总稿*审查和修改附上**修改日志**，同时在上传的文件的名称中附带**版本号**  
 下面给出一种参考：  
-- 文件命名![](../data/Pastedimage20230730131513.jpg)
+- 文件命名![](../assets/image/Pastedimage20230730131513.jpg)
-- 修改日志![](../data/Pastedimage20230730132012.jpg)
+- 修改日志![](../assets/image/Pastedimage20230730132012.jpg)
 修改日志包含的要素：
 - 版本号
 - 修改内容（有提出人的应附上提出人ID）

src/reference/README.md

@@ -1,16 +1,23 @@
 ---
-title: 参考文档
+title: 美编部
 index: false
-icon: lightbulb
+icon: book
 ---
 
-![GitHub Repo stars](https://img.shields.io/github/stars/szhhwh/jingji_TSreference_vue)![GitHub top language](https://img.shields.io/github/languages/top/szhhwh/jingji_TSreference_vue)![GitHub](https://img.shields.io/github/license/szhhwh/jingji_TSreference_vue)![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/szhhwh/jingji_TSreference_vue)
+![GitHub top language](https://img.shields.io/github/languages/top/szhhwh/jingji_TSreference_vue)![GitHub](https://img.shields.io/github/license/szhhwh/jingji_TSreference_vue)![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/szhhwh/jingji_TSreference_vue)
 
 美编的一切从这里开始
 
 ---
 
 ## 近期更新
+- 2024.1.1
+  - 3.3 进阶操作 -> 新增首字下沉效果
+  - 移动/调整部分内容位置
+    - 高三特刊规格移动至高三特刊文档
+    - InDesign 的系统要求/下载/版本辨别 调整至 3.1 节内
+  - 2.2 文字排版规范 -> 内容完善
+  - 其他细节调整
 - 2023.12.31
   - 3.2 基本操作 -> 补充串接的文本框架提示；删除不必要内容
   - 6.1 上交排版作品 -> 修正提示文本
@@ -33,8 +40,4 @@ icon: lightbulb
   - 3.2 基本操作 -> 新增移动页面
 
 ## TODO
-- [x] 6.3 出刊的其他注意事项 -> 关于样刊
-- [x] Appendix 附录 -> 常见问题
-- [x] 3.2 基本操作 -> 页面管理
-- [x] vscode 使用简介
 - [ ] 4.3 修缮图片