迁移项目至vue

v0.2.1->v0.3.0
项目迁移至[jingji_TSreference_vue](https://github.com/szhhwh/jingji_TSreference_vue)

.gitignore

@@ -0,0 +1,5 @@
+
+node_modules/
+src/.vuepress/.cache/
+src/.vuepress/.temp/
+src/.vuepress/dist/

README.md

@@ -0,0 +1,86 @@
+# 荆棘鸟文学社美编参考文档
+[![GitHub commit activity](https://img.shields.io/github/commit-activity/t/szhhwh/jingji_LayoutTutorial?style=flat-square)](https://github.com/szhhwh/jingji_LayoutTutorial) [![GitHub Repo stars](https://img.shields.io/github/stars/szhhwh/jingji_LayoutTutorial?style=flat-square)](https://github.com/szhhwh/jingji_LayoutTutorial)
+## 本书目录 Menu
+
+- [ChapterNo1 美编的开始](src/reference/ChapterNo1/README.md)
+    - [荆棘鸟文学社刊物规格](src/reference/ChapterNo1/1.1.md)
+    - [前期准备](src/reference/ChapterNo1/1.2.md)
+- [ChapterNo2 排版的基本知识](src/reference/ChapterNo2/README.md)
+    - [文字基本属性](src/reference/ChapterNo2/2.1.md)
+    - [文字排版及规范](src/reference/ChapterNo2/2.2.md)
+    - [特殊文字效果](src/reference/ChapterNo2/2.3.md)
+- [ChapterNo3 InDesign软件](src/reference/ChapterNo3/README.md)
+    - [安装和新建文档](src/reference/ChapterNo3/3.1.md)
+    - [新建文本框和页面管理](src/reference/ChapterNo3/3.2.md)
+    - [图层和参考线的使用](src/reference/ChapterNo3/3.3.md)
+    - [其他常用功能](src/reference/ChapterNo3/3.4.md)
+- [ChapterNo4 图片处理](src/reference/ChapterNo4/README.md)
+    - [搜寻图片素材](src/reference/ChapterNo4/4.1.md)
+    - [图片的存储原理和格式转换](src/reference/ChapterNo4/4.2.md)
+    - [修缮图片](src/reference/ChapterNo4/4.3.md)
+- [ChapterNo5 素材管理](/src/reference/ChapterNo5/README.md)
+    - [字体管理](src/reference/ChapterNo5/5.1.md)
+    - [素材管理](src/reference/ChapterNo5/5.2.md)
+- [ChapterNo6 大功告成](src/reference/ChapterNo6/README.md)
+    - [上交排版作品](src/reference/ChapterNo6/6.1.md)
+    - [汇总排版](src/reference/ChapterNo6/6.2.md)
+    - [出刊的其他注意事项](src/reference/ChapterNo6/6.3.md)
+
+## 开发
+### 依赖环境
+- [Node.js v16.20.1 < v18*](https://nodejs.org/)
+
+### 安装依赖
+```shell
+npm i
+```
+
+### 本地预览
+```shell
+npm run docs:dev
+```
+
+### 构建静态页面
+构建完成的网页会保存在 ``src\.vuepress\dist``
+```shell
+npm run docs:build
+```
+
+## 更新日志 Update log
+### v0.3.0
+项目迁移至[jingji_TSreference_vue](https://github.com/szhhwh/jingji_TSreference_vue)
+
+### v0.2.1 Latest
+New
+- 4.1 新增 使用搜索引擎搜寻图片素材
+- 4.2 调整 内容顺序；修改部分内容
+- 4.3 新增 去除图片背景
+
+### v0.2.0
+New
+- 更新 6.2 排版汇总
+- 更新 6.3 出刊的其他注意事项
+
+Fixed
+- 修复carbin块的显示问题
+- 许多细节优化
+
+### v0.1.2
+Fixed
+- 部分链接不能点击的问题
+- 添加了分页标题
+- 修复carbin块的显示问题
+
+New
+- 更新 4.2 图片的存储原理和格式转换
+- 更新 3.3 图层和参考线的使用
+
+Other
+- 非常多的细节修复
+- 放弃使用obsidian作为编辑器
+
+### v0.1.0
+- 从gitbook迁移到mdbook
+
+### v0.0.1
+- 使用gitbook新建项目

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "jingji_tsreference_vue",
+  "version": "3.0.0",
+  "description": "jingji_TSreference_vue",
+  "license": "LGPL-3.0-only",
+  "type": "module",
+  "scripts": {
+    "docs:build": "vuepress build src",
+    "docs:clean-dev": "vuepress dev src --clean-cache",
+    "docs:dev": "vuepress dev src",
+    "docs:update-package": "npx vp-update"
+  },
+  "devDependencies": {
+    "@vuepress/client": "2.0.0-beta.66",
+    "vue": "^3.2.47",
+    "vuepress": "2.0.0-beta.66",
+    "vuepress-theme-hope": "2.0.0-beta.234"
+  }
+}

src/.vuepress/config.ts

@@ -0,0 +1,15 @@
+import { defineUserConfig } from "vuepress";
+import theme from "./theme.js";
+
+export default defineUserConfig({
+  base: "/jingji/book/",
+
+  lang: "zh-CN",
+  title: "荆棘鸟文学社",
+  description: "荆棘鸟文学社官方参考文档",
+
+  theme,
+
+  // Enable it with pwa
+  // shouldPrefetch: false,
+});

src/.vuepress/navbar.ts

@@ -0,0 +1,25 @@
+import { navbar } from "vuepress-theme-hope";
+
+export default navbar([
+  "/",
+  "/reference/",
+  // {
+  //   text: "指南",
+  //   icon: "lightbulb",
+  //   prefix: "/guide/",
+  //   children: [
+  //     {
+  //       text: "Bar",
+  //       icon: "lightbulb",
+  //       prefix: "bar/",
+  //       children: ["baz", { text: "...", icon: "ellipsis", link: "" }],
+  //     },
+  //     {
+  //       text: "Foo",
+  //       icon: "lightbulb",
+  //       prefix: "foo/",
+  //       children: ["ray", { text: "...", icon: "ellipsis", link: "" }],
+  //     },
+  //   ],
+  // },
+]);

src/.vuepress/public/assets/image/box.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1024 1024"><path fill="#FDD7AD" d="M512 0 335.448 88.272l-70.616 35.312-70.624 35.312-176.552 88.28v529.648L512 1024l494.344-247.176V247.176z"/><path fill="#CBB292" d="m759.176 370.76-70.624 35.304-494.344-247.168 70.624-35.312zM512 494.344V1024L17.656 776.824V247.176z"/><path fill="#7F6E5D" d="M1006.344 247.168v529.656L512 1024V494.344l176.552-88.28v70.624l141.24-70.624v-70.616z"/><path fill="#7F5B53" d="M829.792 335.448v70.624L688.56 476.68v-70.624z"/><path fill="#CBB292" d="m829.792 335.448-70.624 35.312-494.344-247.176 70.624-35.312z"/><path fill="#2C3E50" d="m682.52 550.32 157.032-78.512a17.656 17.656 0 0 1 25.552 15.792v9.32a52.96 52.96 0 0 1-29.28 47.376L678.8 622.8a17.656 17.656 0 0 1-25.552-15.792v-9.312a52.96 52.96 0 0 1 29.28-47.376z"/></svg>

src/.vuepress/public/assets/image/features.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024"><defs><linearGradient id="a" x1="522.593" x2="522.593" y1="-70.302" y2="-335.937" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#fe5d5a" stop-opacity=".1"/><stop offset=".908" stop-color="#ef1220" stop-opacity=".5"/></linearGradient><linearGradient id="b" x1="107.12" x2="935.038" y1="-373.67" y2="-373.67" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ff5e59"/><stop offset="1" stop-color="#f01422"/></linearGradient><linearGradient id="c" x1="519.405" x2="519.405" y1="-195.547" y2="-726.816" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ffe2e2"/><stop offset=".888" stop-color="#ff8e8e"/></linearGradient><linearGradient id="d" x1="191.5" x2="483.9" y1="-564.9" y2="-564.9" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#e92700" stop-opacity=".3"/><stop offset=".013" stop-color="#ef1220" stop-opacity=".2"/></linearGradient><linearGradient id="e" x1="403.502" x2="253.121" y1="-847.32" y2="-586.853" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ff5e59"/><stop offset=".201" stop-color="#f01422"/></linearGradient><linearGradient id="f" x1="330.485" x2="330.485" y1="-801.787" y2="-625.789" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ff5e59"/><stop offset=".201" stop-color="#f01422"/></linearGradient><linearGradient id="g" x1="397.351" x2="256.845" y1="-647.231" y2="-890.596" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#ffa6a6"/><stop offset=".908" stop-color="#ff6b5d"/></linearGradient></defs><path fill="url(#a)" d="M501.2 662.3 327.6 763.8c-13.9 8.1-14.2 28.1-.5 36.7l179.1 97.7c10.9 5.9 24.1 5.9 34.9-.1l177-97.9c13.6-8.5 13.4-28.3-.3-36.5l-168.4-101c-14.8-9-33.3-9.1-48.2-.4Z"/><path fill="#f63037" d="m110.2 525.7-3.1 77.6 57.5 18.5L184 519.4Z"/><path fill="url(#b)" d="m476.6 363.5-328 154.6c-21 42.7-55.4 65.4-35.5 103.5 4.2 8 9.4 14.4 15.4 18.1l358.2 195.5c21.8 11.9 48.1 11.8 69.8-.2l354-195.8c27.2-16.9 34.8-90.3 7.3-106.8L573 364.1c-29.7-17.8-66.6-18-96.4-.6Z"/><path fill="url(#c)" d="M476.6 298.7 129.4 501.6c-27.8 16.3-28.4 56.3-1 73.3l358.2 195.5c21.8 11.9 48.1 11.8 69.8-.2l354-195.8c27.2-16.9 26.9-56.6-.6-73.1L573 299.3c-29.7-17.8-66.6-18-96.4-.6Z"/><path fill="#ff8989" fill-opacity=".31" d="m481.2 387.8 39.4 123.4c1.1 3.4 4 6 7.6 6.6l173.4 30.4-33-118.3c-.9-3.3-3.6-5.8-7-6.5l-180.4-35.6ZM327 499.2l40.4 101.1L496.7 525c2.5-1.5 3.7-4.5 2.7-7.3l-36-106.8-127.6 65c-8.6 4.3-12.4 14.4-8.8 23.3ZM523.8 540.5l-140.3 77.2L567.2 659c3.2.7 6.6.1 9.3-1.6l134.6-85-174.7-33.8c-4.3-1-8.7-.3-12.6 1.9Z"/><path fill="url(#d)" d="M483.9 406.1c0 35.46-65.46 64.2-146.2 64.2s-146.2-28.74-146.2-64.2c0-35.46 65.46-64.2 146.2-64.2s146.2 28.74 146.2 64.2Z"/><path fill="url(#e)" d="m254.2 188.4-123 83.1c-1.8 1.3-2.6 3.6-1.8 5.7l39.1 110.6c.6 1.7 2 2.9 3.8 3.2l221.8 40.5c1.3.3 2.7-.1 3.7-.8l131.7-93.6c1.9-1.4 2.6-3.9 1.7-6.1l-49.4-107c-.6-1.5-2.1-2.6-3.7-2.8l-220.3-33.5c-1.3-.2-2.6.1-3.6.7Z"/><path fill="url(#f)" d="m528.6 274.5 3 59.1-205 65.6-177.2-72.7-20-49.2 1.9-54.1Z"/><path fill="url(#g)" d="m250.6 138-112.3 76c-6 4.1-8.5 11.7-6.1 18.5l34.2 96.6c1.9 5.4 6.6 9.3 12.1 10.4l211 38.5c4.3.7 8.6-.2 12.1-2.7l120.5-85.5c6.3-4.4 8.4-12.7 5.3-19.7l-43.1-93.5c-2.2-4.9-6.8-8.3-12.1-9.1L262 135.6c-4-.7-8 .2-11.4 2.4Z"/><path fill="#fff" d="m419.8 252.8-79-11-29-57.7c-3.8-7.6-13.2-10.7-20.8-6.9-7.6 3.8-10.7 13.2-6.9 20.8l26.6 52.9-61.8 42.2c-7.1 4.8-8.9 14.5-4.1 21.5 3 4.4 7.9 6.8 12.8 6.8 3 0 6-.9 8.7-2.7l68-46.4 81.1 11.2c.7.1 1.4.1 2.1.1 7.6 0 14.3-5.6 15.3-13.4 1.4-8.4-4.5-16.2-13-17.4Z"/></svg>

src/.vuepress/public/assets/image/github-dark.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>

src/.vuepress/public/assets/image/github-light.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>

src/.vuepress/public/assets/image/markdown.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" class="icon" viewBox="0 0 1536 1024"><path fill="#1296db" d="M1425.067.256H110.933A110.933 110.933 0 0 0 0 110.848v723.627a110.933 110.933 0 0 0 110.933 110.933h1314.39c61.269 0 110.933-49.75 110.677-110.677V110.848A110.933 110.933 0 0 0 1425.067.256z" class="selected" data-spm-anchor-id="a313x.7781069.0.i4"/><path fill="#FFF" d="M664.747 723.797V435.883L517.12 620.373l-147.456-184.49v288l-148.053-67.158V221.781h147.626l147.627 184.576 147.541-184.576h147.627v565.76z"/><path d="M1024 0h426.667A85.333 85.333 0 0 1 1536 85.333v768a85.333 85.333 0 0 1-85.333 85.334H1024V0z" opacity=".1"/><path fill="#FFF" d="m1256.96 731.307-170.667-216.491h113.75V304.64h113.749v210.176h113.835z" opacity=".5"/></svg>

src/.vuepress/public/assets/image/uispecify.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1691504200675" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6695" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0.002613 3.135755h1020.864245v1020.864245H0.002613z" fill="#E19E3F" p-id="6696"></path><path d="M104.460846 252.452922l-0.765649-11.671881-0.755439 11.962827 0.340288 5.388462v12.619584l0.017014 0.411748c0.006806 0.175248 0.175248 4.241691 0.399839 4.422044l0.013611 0.006806c0.222889 0 0.367511-4.156619 0.372616-4.33527l0.013611-0.411749v-12.595763l0.364109-5.796808m-0.765649-8.607587l0.568282 8.67054-0.568282 9.116318-0.561475-8.890026 0.561475-8.896832m0.316468 25.746196c-0.037432 0.939195-0.154831 3.351838-0.311363 3.23614-0.159935-0.127608-0.290946-2.538549-0.335184-3.481147v-9.847937l0.328378 5.214915 0.316468-5.085606v9.963635h0.001701m0 0zM828.809967 631.886043l-126.474872-126.648418 114.321483-114.18877c19.193949-19.190546 22.877568-45.402937 14.235952-70.032989-14.072614-33.586434-75.002896-81.56365-102.346745-108.910902-23.993713-24.138335-64.436951-25.103052-89.22864-1.11104l-115.772811 115.767707-126.665433-126.641613c-8.789641-8.631407-23.018787-8.631407-31.976871 0l-142.643659 142.47862c-8.631407 8.629706-8.631407 23.025593 0 31.978572l126.66203 126.502095-126.495289 126.639911c-3.998385 3.996684-6.553948 9.924502-6.553948 15.671967 0 49.095063-0.161637 97.877061-0.161637 146.803682 0 12.478364 9.759462 23.027294 22.545787 23.027294h146.810487c5.909103 0 11.818205-2.227185 16.308306-6.715585l126.33195-126.48508 126.314936 126.170313 0.641443 0.314767c8.478278 8.791343 23.039205 8.791343 31.667209 0l142.480322-142.647062c9.119721-8.954681 9.119721-23.02219 0-31.973469M670.659379 243.137536c7.353625-6.715585 19.193949-6.239182 26.236211 0.949404 29.263074 29.278387 58.691187 59.017863 88.258819 88.114196 7.350223 7.2056 7.045665 19.831989 0 27.03929l-40.461955 40.133577-25.411012-25.744495v-0.163338l-1.13316-0.63804-0.314766-0.328378-62.368-62.043025v-0.641443l-0.151428-0.307961h-0.323274l-25.431429-25.269793 41.099994-41.099994m19.353885 139.598081c-115.293005 115.789826-231.084532 231.229154-346.530667 347.01898l-44.308911-44.295299 347.182318-346.690603c14.402693 14.863783 29.266476 29.567631 43.65726 43.966922M270.240692 358.595581l110.498346-110.826724 21.579368 21.584473-39.332197 39.350913c-5.274465 5.269361-5.274465 13.900768 0 19.025507 5.269361 5.112828 13.917783 5.112828 19.192247 0l39.16886-39.347511 31.995587 31.832249-19.826885 19.993626c-5.29148 5.437804-5.29148 13.900768 0 19.175233 5.265958 5.437804 13.90247 5.437804 19.030611 0l19.971507-19.978313 19.044223 19.030611-110.823321 110.806307-110.498346-110.646371m340.128146-55.182817l16.794918 16.327022-346.852238 346.67699-16.473346-16.458033 346.530666-346.545979M260.806205 768.125481c0-27.821954-0.159935-55.642206-0.159936-82.986054l83.149393 82.986054h-82.989457m118.178648-3.030265l-16.633282-16.471645c115.769408-115.463149 231.232557-231.239363 346.857343-347.00707l16.459735 16.623073-346.683796 346.855642m291.346148-6.565859l-110.809709-110.340112 110.809709-110.661684 21.27311 20.960045-19.978314 19.668651c-5.123037 5.742361-5.123037 14.229146 0 19.188845 5.439505 5.437804 14.067509 5.437804 19.030611 0l19.978314-19.663547 31.997288 31.811831-39.515954 39.662278c-5.106023 5.111127-5.106023 13.426066 0 19.188844 5.601142 4.946087 13.924588 4.946087 19.190547 0l39.50064-39.987252 19.520626 19.830288-110.996868 110.341813m0 0z" fill="#FFFFFF" p-id="6697"></path></svg>

src/.vuepress/public/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" class="icon" viewBox="0 0 3280.944 2800"><path fill="#41b883" d="M1645.332 601.004h375.675L1081.82 2238.478 142.636 601.004h718.477l220.708 379.704 216.013-379.704z"/><path fill="#41b883" d="M142.636 601.004l939.185 1637.474 939.186-1637.474h-375.675l-563.51 982.484-568.208-982.484z"/><path fill="#35495e" d="M513.188 601.004l568.207 987.23 563.511-987.23h-347.498l-216.013 379.704-220.708-379.704zM1607.792 1311.83l594.678 2.293 187.353-316.325-598.662 2.292zM2198.506 1909.57C2867.436 732.7 2939.502 605.426 2937.874 603.78c-.715-.723 45.303-1.314 102.262-1.314s103.562.428 103.562.951c0 .523-208.57 367.978-463.491 816.567L2216.715 2235.6l-102.1.596-102.102.596z"/><path fill="#41b883" d="M1680.563 2233.328c0-1.34 168.208-298.145 440.375-777.048a4135645.775 4135645.775 0 00337.619-594.19l146.13-257.25 170.746-.04 170.747-.04-5.536 9.741c-3.044 5.358-43.727 77.302-90.407 159.875-85.356 150.992-337.562 595.163-656.602 1156.373l-172 302.559-170.536.588c-93.795.322-170.536.069-170.536-.567z"/><path fill="#35495e" d="M1429.783 1625.351l594.679 2.292 187.353-316.324-598.662 2.292z"/><path fill="#41b883" d="M1524.207 1464.903l608.285 6.877 173.746-320.909h-619.072z"/></svg>

src/.vuepress/sidebar.ts

@@ -0,0 +1,43 @@
+import { sidebar } from "vuepress-theme-hope";
+
+export default sidebar({
+  "/": [
+    "",
+    {
+      text: "ChapterNo1 美编的开始",
+      prefix: "reference/ChapterNo1",
+      link: "reference/ChapterNo1",
+      children: "structure",
+    },
+    {
+      text: "ChapterNo2 排版的基本知识",
+      prefix: "reference/ChapterNo2",
+      link: "reference/ChapterNo2",
+      children: "structure",
+    },
+    {
+      text: "ChapterNo3 InDesign软件",
+      prefix: "reference/ChapterNo3",
+      link: "reference/ChapterNo3",
+      children: "structure",
+    },
+    {
+      text: "ChapterNo4 图片处理",
+      prefix: "reference/ChapterNo4",
+      link: "reference/ChapterNo4",
+      children: "structure",
+    },
+    {
+      text: "ChapterNo5 素材管理",
+      prefix: "reference/ChapterNo5",
+      link: "reference/ChapterNo5",
+      children: "structure",
+    },
+    {
+      text: "ChapterNo6 大功告成",
+      prefix: "reference/ChapterNo6",
+      link: "reference/ChapterNo6",
+      children: "structure",
+    },
+  ],
+});

src/.vuepress/styles/config.scss

@@ -0,0 +1,3 @@
+// you can change config here
+$colors: #c0392b, #d35400, #f39c12, #27ae60, #16a085, #2980b9, #8e44ad, #2c3e50,
+  #7f8c8d !default;

src/.vuepress/styles/index.scss

@@ -0,0 +1 @@
+// place your custom styles here

src/.vuepress/styles/palette.scss

@@ -0,0 +1,2 @@
+// you can change colors here
+$theme-color: #096dd9;

src/.vuepress/theme.ts

@@ -0,0 +1,150 @@
+import { hopeTheme } from "vuepress-theme-hope";
+import navbar from "./navbar.js";
+import sidebar from "./sidebar.js";
+
+export default hopeTheme({
+  hostname: "https://vuepress-theme-hope-docs-demo.netlify.app",
+
+  author: {
+    name: "狮子耗耗@szhh",
+    url: "http://szhh.hr98.net/",
+  },
+
+  iconAssets: "fontawesome-with-brands",
+
+  logo: "/logo.svg",
+
+  repo: "szhhwh/jingji_TSreference_vue",
+
+  docsDir: "src",
+
+  // navbar
+  navbar,
+
+  // sidebar
+  sidebar,
+
+  // footer: "",
+
+  displayFooter: true,
+
+  // encrypt: {
+  //   config: {
+  //     "/demo/encrypt.html": ["1234"],
+  //   },
+  // },
+
+  // page meta
+  metaLocales: {
+    editLink: "在 GitHub 上编辑此页",
+  },
+
+  plugins: {
+    // You should generate and use your own comment service
+    // comment: {
+    //   provider: "Giscus",
+    //   repo: "vuepress-theme-hope/giscus-discussions",
+    //   repoId: "R_kgDOG_Pt2A",
+    //   category: "Announcements",
+    //   categoryId: "DIC_kwDOG_Pt2M4COD69",
+    // },
+
+    // All features are enabled for demo, only preserve features you need here
+    mdEnhance: {
+      align: true,
+      attrs: true,
+      chart: true,
+      codetabs: true,
+      demo: true,
+      echarts: true,
+      figure: true,
+      flowchart: true,
+      gfm: true,
+      imgLazyload: true,
+      imgSize: true,
+      include: true,
+      katex: true,
+      mark: true,
+      mermaid: true,
+      playground: {
+        presets: ["ts", "vue"],
+      },
+      presentation: ["highlight", "math", "search", "notes", "zoom"],
+      stylize: [
+        {
+          matcher: "Recommended",
+          replacer: ({ tag }) => {
+            if (tag === "em")
+              return {
+                tag: "Badge",
+                attrs: { type: "tip" },
+                content: "Recommended",
+              };
+          },
+        },
+      ],
+      sub: true,
+      sup: true,
+      tabs: true,
+      vPre: true,
+      vuePlayground: true,
+    },
+
+    // uncomment these if you want a pwa
+    // pwa: {
+    //   favicon: "/favicon.ico",
+    //   cacheHTML: true,
+    //   cachePic: true,
+    //   appendBase: true,
+    //   apple: {
+    //     icon: "/assets/icon/apple-icon-152.png",
+    //     statusBarColor: "black",
+    //   },
+    //   msTile: {
+    //     image: "/assets/icon/ms-icon-144.png",
+    //     color: "#ffffff",
+    //   },
+    //   manifest: {
+    //     icons: [
+    //       {
+    //         src: "/assets/icon/chrome-mask-512.png",
+    //         sizes: "512x512",
+    //         purpose: "maskable",
+    //         type: "image/png",
+    //       },
+    //       {
+    //         src: "/assets/icon/chrome-mask-192.png",
+    //         sizes: "192x192",
+    //         purpose: "maskable",
+    //         type: "image/png",
+    //       },
+    //       {
+    //         src: "/assets/icon/chrome-512.png",
+    //         sizes: "512x512",
+    //         type: "image/png",
+    //       },
+    //       {
+    //         src: "/assets/icon/chrome-192.png",
+    //         sizes: "192x192",
+    //         type: "image/png",
+    //       },
+    //     ],
+    //     shortcuts: [
+    //       {
+    //         name: "Demo",
+    //         short_name: "Demo",
+    //         url: "/demo/",
+    //         icons: [
+    //           {
+    //             src: "/assets/icon/guide-maskable.png",
+    //             sizes: "192x192",
+    //             purpose: "maskable",
+    //             type: "image/png",
+    //           },
+    //         ],
+    //       },
+    //     ],
+    //   },
+    // },
+  },
+});

src/README.md

@@ -0,0 +1,18 @@
+---
+home: true
+icon: home
+title: 主页
+heroImage: /logo.svg
+# bgImage: https://theme-hope-assets.vuejs.press/bg/6-light.svg
+# bgImageDark: https://theme-hope-assets.vuejs.press/bg/6-dark.svg
+# bgImageStyle:
+#   background-attachment: fixed
+heroText: 荆棘鸟文学社
+tagline: 荆棘鸟文学社美编部参考文档
+actions:
+  - text: 参考文档 💡
+    link: ./reference/
+
+copyright: false
+footer: 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | MIT 协议, 版权所有 © 2019-present Mr.Hope
+---

src/reference/ChapterNo1/1.1.md

@@ -0,0 +1,83 @@
+---
+title: 1.1 荆棘鸟文学社刊物规格
+---
+
+> InDesign 软件版本必须统一（详见 [1.2 前期准备](1.2.md)）
+
+> 字体相关知识详见 [2.1 文字基本属性](../ChapterNo2/2.1.md)
+
+## 正刊/文刊
+
+### 刊物规格
+- 宽：210mm
+- 高：285mm
+- 边距
+    - 上：20mm
+    - 下：25mm
+    - 左：20mm
+    - 右：20mm
+
+### 正文第一字体
+- 字体系列：方正书宋简体
+- 字重：Regular
+- 文字大小：9pt（小五）
+- 行间距：15.5点
+
+### 正文第二字体
+- 字体系列：方正楷体简体
+- 字重：Regular
+- 文字大小：9pt（小五）
+- 行间距：15.5点
+
+### 注释
+- 字体系列：方正书宋简体
+- 字重：Regular
+- 文字大小：7pt
+- 行间距：无
+- 位置要求：置于图片上方/下方时注释距离图片2.5mm，注释文本左对齐或者右对齐图片左/右边框。
+
+### 分栏
+- 双栏栏间距：8mm
+
+> 方正书宋、方正中等线、方正仿宋简体均无法被嵌入 PDF 文件中
+
+### 版式规定
+
+#### 小说
+小说采用封图+文章的结构。  
+小说开头为全页封图，封图大小为页面大小减去页边距（即 Indesign 中页面的蓝色框以内）。最长/最好/体现刊物中心主题的一篇（该文章由编辑部选出）建议采用跨页封图。  
+封图必须根据文章内容选择和制作，封图上必须包含文章标题、美编和作者信息。  
+第二页及以后为文章内容。  
+小说有多个章节/小标题的，章节序号/小标题占用正文的两行空间，建议使用单独的文本框架。
+
+#### 诗歌
+诗歌默认采用单页排版。  
+版面可以灵活处理。  
+
+#### 闲谈/评论
+灵活排版，但要保证标题清晰可见。  
+
+-----
+## 高三特刊
+
+::: warning 注意
+高三特刊规格暂定
+:::
+
+### 刊物规格
+- 宽：185mm
+- 高：260mm
+- 边距
+    - 上：20mm
+    - 下：25mm
+    - 左：20mm
+    - 右：20mm
+
+### 正文第一字体
+- 字体系列：等线（DENGL）
+- 字重：Regular
+- 文字大小：9pt（小五）
+- 行间距：13点
+
+### 分栏
+- 双栏栏间距：8mm

src/reference/ChapterNo1/1.2.md

@@ -0,0 +1,42 @@
+---
+title: 1.2 前期准备
+---
+
+## 规范化
+> 规范详见 [1.1 荆棘鸟文学社刊物规格](1.1.md)
+
+### 文字格式统一
+
+正文的文字格式应当统一，包括字体系列、字体样式、大小和行间距。
+
+### 版式统一
+
+从制作商业刊物的角度考虑，统一版式是一个非常必要的步骤。商业刊物的正文通常都采用固定的分栏形式和统一的装饰细节。
+一般有以下几种版式：
+- 对称两栏（文字）。
+- 左侧大分栏（文字），右侧小分栏（图片）。
+- 对称三栏（文字）。
+
+版式不一定需要完全统一，但建议**长文**（如小说、散文）等采用统一的版式。
+
+## InDesign 软件版本
+InDesign 软件可以在 **bilibili@vposy软件** 处下载。
+![](../data/Pastedimage20230408230343.png)
+软件版本必须**完全统一**，如不统一会导致后期合并汇总时出现文件无法打开的情况。
+> 补充说明：  
+> 高版本可以读取低版本保存的文件；但高版本的软件保存的文件在低版本的软件中无法正常打开
+
+> 推荐使用 **InDesign 2022 17.40**
+
+### 查看 InDesign 软件版本
+1. 打开 InDesign 软件。
+2. 点击上方菜单栏的帮助。
+3. 选择“帮助”菜单中的“关于 InDesign 选项”。![](../data/Pastedimage20230408231210.png)
+4. 在弹出的窗口中会显示软件的版本信息![](../data/Pastedimage20230408231245.png)
+
+> 对该版本号的补充说明：  
+> **18.1** 是当前 InDesign 的版本号。
+> **x64** 是当前软件的架构，不是我们需要关心的版本号。
+> 不同的电脑有不同的架构，通常为 **x86** 或 **x64**，分别对应 **32位** 和 **64位**。
+> 电脑的架构可以在**控制面板**->**系统**中查看。
+> **64位** 的系统通常可以运行 **64位** 的软件和 **32位** 的软件；**32位** 的系统只能运行 **32位** 的软件。

src/reference/ChapterNo1/README.md

@@ -0,0 +1,4 @@
+---
+title: ChapterNo1 美编的开始
+index: false
+---

src/reference/ChapterNo2/2.1.md

@@ -0,0 +1,62 @@
+---
+title: 2.1 文字基本属性
+---
+
+## 字体系列
+字体系列的一种通俗叫法是**字体名称**。采用**字体系列**这一称呼是因为一种字体可能拥有多种字重。例如北大方正的*方正悠宋*字体就拥有一系列的字重。  
+![](../data/Pastedimage20230502181520.png)
+所以使用**字体系列**的称呼会更加准确一些。
+
+## 字重
+字重就是指字体**笔画的粗细**，而 Light、Regular、Heavy 等表明了字体粗细的程度。
+
+## 文字大小
+现行的计算机标准中有多种描述文字大小的方式：如**一号**、**9点**、**10镑**等。
+
+### 号数制
+- 主要号数：初号、一号、二号、三号、四号、五号、六号、七号。  
+- 另加号数：小初、小一、小二、小三、小四、小五、小六、小七。  
+
+总共16个字号。通常在 Microsoft Word 中使用。
+
+### 点数制（磅数制）
+通常写法为Pt（不同于像素单位Px），俗称“磅”。Pt既不是公制也不是英制，是*印刷中专用的尺度*。
+
+> 1点（1磅）= 0.35146mm 1点（1磅）= 1/72英寸。
+
+以下是号数制和点数制的对应表：
+
+| 字号 | 磅数 | 
+| ---- | ---- |
+| 初号 | 42   |
+| 小初 | 36   |
+| 一号 | 26   |
+| 小一 | 24   |
+| 二号 | 22   |
+| 小二 | 18   |
+| 三号 | 16   |
+| 小三 | 15   |
+| 四号 | 14   |
+| 小四 | 12   |
+| 五号 | 10.5 |
+| 小五 | 9    |
+| 六号 | 7.5  |
+
+InDesign 中使用的是**磅数制**。
+
+![图中的字号为9点(9pt)](../data/Pastedimage20230409100711.png)
+
+## 行间距
+以下内容有兴趣的可以了解，在实际排版中不会涉及。
+
+![英文](../data/Pastedimage20230409100941.png)
+
+![中文](../data/Pastedimage20230409101023.png)
+
+中文字体中：
+- **行间距**指一行中文的**降线部**与下行中文**升线部**之间的距离。
+- **行高**指一行中文的**降线部**与下行中文**降线部**之间的距离。
+
+在 Microsoft Word 中：
+行间距有单位行距、1.5位行距、双倍行距、固定值、多倍行距
+![](../data/Pastedimage20230409101507.png)

src/reference/ChapterNo2/2.2.md

@@ -0,0 +1,27 @@
+---
+title: 2.2 文字排版及规范
+---
+
+## 规范化
+- 全角和半角
+    - 在进行**中文处理**时，汉字和标点符号使用全角，字母、其它符号和数字使用半角。
+    - 在进行**英文处理**时，如：英文输入、编写程序、电子邮件地址、网站URL等。
+
+::: info 全角和半角
+因汉字是方块字，假名也是方块字，考虑印刷上工整性，遂让标点符号也占一个汉字的位置。日本在信息化之时，照搬印刷上的设置，增加了一套全角的ASCII码、一套半角的片假名，这就是全角和半角的由来。
+搜狗输入法切换全\半角的快捷键是 **shift+space(空格)** 。
+:::
+
+- 空格
+    - 在每段的段首应使用两个**全角空格**。（注：在 InDesign 中，标点挤压功能会挤压半角空格而不会挤压全角空格）
+    - 中文和英文之间应当使用空格分离。如“这是一行 **English** 语言的文字”。
+
+- 容易混淆和错误的标点符号
+    1. 中英文标点：要注意区分中文和英文标点。中文标点占有一个全角空格的位置，而英文标点仅占有一个半角空格的位置。
+    2. 省略号：中文省略号应采用标准的六点省略号”……“。
+    3. 引号和单引号：注意引号的正反。
+    4. 冒号和分号：注意不要混淆。
+
+- 段尾应当有句号。
+
+- 一段文字需要多个文本框摆放时，务必使用**串接文本框架**方便后期修改。

src/reference/ChapterNo2/2.3.md

@@ -0,0 +1,36 @@
+---
+title: 2.3 特殊文字效果
+---
+
+## 文本绕排
+1. 在 InDesign 上方的选项卡中选择**窗口->文本绕排**![](../data/Pastedimage20230422022731.png)
+2. 选中一张需要绕排的图片![](../data/Pastedimage20230422023043.png)
+3. 选择绕排方式，输入绕排间距![](../data/Pastedimage20230422023254.png) ![../data/Pasted image 20230422023324.png](../data/Pastedimage20230422023324.png)
+
+## 文本轮廓化
+- 轮廓化后的文字不能更改字体
+- 轮廓化后可以更改文字的*路径点*，以制作特殊的文字效果
+
+![](../data/Pastedimage20230422022221.png)  
+1. 选中需要轮廓化的文字框架![](../data/Pastedimage20230422021810.png)
+2. 按下快捷键 **Ctrl+Shift+O** 即可![](../data/Pastedimage20230422021859.png)
+3. 然后就可以使用**直接选择工具**或者钢笔工具对路径进行修改![](../data/Pastedimage20230422022542.png)
+
+## 文字加粗
+InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字的**描边**功能对字体进行加粗
+1. 选中需要加粗的文字。  
+2. 在**属性->外观**中选择描边颜色，并设置描边宽度即可。  
+![](../data/Pastedimage20230502180842.png)
+
+::: tip
+通常我们不会使用以上方式对文字进行加粗。调整文字粗细最好的办法是直接更改文字的**字体样式**
+![](../data/Pastedimage20230502181049.png)
+:::
+
+## 图片嵌入文字
+
+![图片嵌入文字示例](../data/Pastedimage20230808134900.png)
+
+1. 将文字轮廓化，具体步骤详见 [2.3 特殊文字效果/文本轮廓化](#文本轮廓化)
+2. 复制需要嵌入的图片
+3. 选中文字轮廓并右键选择**贴入内部**即可![](../data/Pastedimage20230808135328.png)

src/reference/ChapterNo2/README.md

@@ -0,0 +1,4 @@
+---
+title: ChapterNo2 排版的基本知识
+index: false
+---

src/reference/ChapterNo3/3.1.md

@@ -0,0 +1,36 @@
+---
+title: 3.1 安装和新建文档
+---
+
+## 安装 InDesign
+::: info 安装前准备
+- 下载 InDesign 安装包
+- 安装 [7zip](https://www.7-zip.org/) 或其他解压缩软件
+- 预留约 2G 的空间用于解压
+:::
+
+1. 打开含有 InDesign 软件的压缩包，**提取**（解压）到已预留的空间内。![../data/Pasted image 20230422014908.png](../data/Pastedimage20230422014908.png)
+2. 双击解压出的文件中的 **Set-up**（Set-up.exe）文件，并同意管理员权限申请。![../data/Pasted image 20230422014940.png](../data/Pastedimage20230422014940.png) ![../data/Pasted image 20230422015001.png](../data/Pastedimage20230422015001.png)
+3. 点击**继续**按钮，开始安装 InDesign。![../data/Pasted image 20230422015103.png](../data/Pastedimage20230422015103.png)
+4. 等待进度条完成即安装完成
+
+::: info 版本
+以下内容均基于 InDesign 2022 17.4 版本编写，不同版本会存在差异
+:::
+
+## InDesign 软件配置
+点击菜单栏中的**编辑->首选项->常规**，即可打开首选项设置。
+### 常规
+- 建议关闭**在没有打开文档时显示主屏幕**
+### 界面
+- 建议将颜色主题调整为第一个**黑色**，有助于减少灰色对视觉的影响。
+- 建议将**选项->手型工具**的滑动条调至中央，并开启**拖动时灰条化矢量图形**。
+### 显示性能
+- 可以适当调整视图设置以减少软件使用时的卡顿现象。
+
+## 新建文档
+双击桌面上的 InDesign 图标即可打开 InDesign 软件。
+1. 点击菜单栏中的**文件->新建->文档**。![../data/Pasted image 20230501163537.png](../data/Pastedimage20230501163537.png)
+2. 在弹出的窗口中更改文档的**长度**和**宽度**，注意单位与规范统一。然后点击右下角的**边距和分栏**进入下一步的配置。![](../data/Pastedimage20230501163742.png)
+3. 在弹出的窗口中修改页边距，栏数和栏间距不需要更改（在新建的文本框中可以单独修改栏数和栏间距）。点击边距一栏中央的链状图标可以开启/关闭边距链接。![](../data/Pastedimage20230501164027.png)
+4. 点击确定即可完成文档的新建。

src/reference/ChapterNo3/3.2.md

@@ -0,0 +1,27 @@
+---
+title: 3.2 新建文本框和页面管理
+---
+
+## 新建文本框
+点击左侧竖排工具栏中的**文字工具**。（使用右键点击可以获得更多的选项）
+![](../data/Pastedimage20230501165030.png)
+在页面中按住并拖动即可创建一个文本框。
+
+## 串接文本框架
+在文字内容过多，文本框区域无法完全显示时，我们可以使用**串接文本框架**来解决这个问题。使用串接的文本框可以在多个文本框内连续排文，这样在框架内选择/修改文本时，可以直接选择多个文本框内的文字，为长文的排版省下很多的时间。
+
+> 以下是 Adobe 官方文档中对串接文本框架的解释和说明：  
+> 框架中的文本可独立于其他框架，也可在多个框架之间连续排文。要在多个框架（也称为文本框）之间连续排文，必须先连接这些框架。连接的框架可位于同一页或跨页，也可位于文档的其他页。在框架之间连接文本的过程称为_串接文本_。此过程也称为**链接文本框架**或**链接文本**框。
+> 每个文本框架都包含一个**入口**和一个**出口**，这些端口用来与其他文本框架进行连接。空的入口或出口分别表示文章的开头或结尾。端口中的箭头表示该框架链接到另一框架。出口中的红色加号 (+) 表示该文章中有更多要置入的文本，但没有更多的文本框架可放置文本。这些剩余的不可见文本称为**溢流文本**。
+
+创建串接文本框架的步骤：
+1. 点击已经溢流的文本框架右下角的**红色加号**。![](../data/Pastedimage20230501170410.png)
+2. 在想要创建第二个文本框的位置**按住并拖动鼠标后松开**，即可创建串接的文本框。
+
+::: tip
+如果需要查看文本框架的串接情况。可以选择软件上方菜单栏中的**视图->其他->显示文本串接**，然后选中需要查看串接的文本框架即可
+:::
+
+## 页面管理
+InDesign 中一份排版作品由若干个**页面**组成。  
+在 InDesign 上方的菜单栏中选择**窗口->页面**即可打开**页面**对话框。  

src/reference/ChapterNo3/3.3.md

@@ -0,0 +1,64 @@
+---
+title: 3.3 图层和参考线的使用
+---
+
+## 图层
+使用专业的图像、视频编辑工具必须要知道使用图层的必要性并熟悉图层相关的操作。  
+
+下面列出图层几个不可替代的作用：
+1. 图层可以分离不同的元素，对画面中不同的元素进行分层管理。
+2. 图层可以很好地处理元素的遮盖关系。
+3. 不同的图层可以通过算法进行混合以达到特殊的效果。
+
+InDesign 的图层面板可以在顶部菜单栏的**窗口->图层**中打开。  
+
+接下来介绍图层面板：  
+![图层面板](../data/Snipaste_2023-06-06_17-47-13.jpg)
+
+### 认识图层面板
+- 面板中部是各个图层的显示区域。
+  - 单击**眼睛图标**可以开启和隐藏图层。
+  - 单击眼睛图标右侧的小块**空白**可以锁定图层。
+  - 双击图层名可以打开图层选项。
+- 面板的底部从右到左分别是图层的**删除**和**新建**按钮。
+
+### 创建和编辑图层
+- 点击面板下方的**加号**以添加单个图层
+- 选中需要删除的图层再点击面板下方的**垃圾桶**以删除选中的图层
+- 双击图层名字可以打开图层选项编辑
+![图层选项](../data/Snipaste_2023-06-06_18-00-53.jpg)
+	- 名称：图层名称
+	- 颜色：更改该图层的颜色标记
+	- 其他选项功能如面板中描述  
+
+- 按住并拖动图层可以调整图层或元素的上下顺序
+- 点击图层左端的小箭头可以展开当前图层  
+![点击小箭头](../data/Snipaste_2023-06-06_18-07-58.jpg)
+
+
+### 图层的其他功能
+- 点击图层/元素最右侧的**小方块**可以选择该图层内的所有元素/该元素
+
+### 图层管理
+1. 尽量把类似的元素放在同一图层内
+2. 图层数量不宜过多，过多的图层反而会给编辑过程带来很多麻烦
+3. 图层一定要有清晰的命名
+
+---
+
+## 参考线
+参考线是辅助设计师对元素进行进行定位的工具，灵活使用参考线可以让我们的排版统一又好看。
+
+### 参考线的新建和编辑
+先介绍参考线的添加方式：
+1. 按快捷键**Ctrl+R**打开屏幕标尺。
+2. 在标尺上按住鼠标向屏幕中央拖动即可拉出一条参考线。
+
+想要删除一根参考线，只需要按住并拖动想删除的参考线到*参考线所在的页面以外*即可。  
+接下来介绍参考线的一些高级操作：
+- 选中一条参考线，可以在**属性**面板中对它的位置进行精确修改
+- 在页面空白处右键，选择**删除跨页上所有的参考线**即可快速删除当前跨页上的所有参考线
+
+### 善用参考线
+1. 查看**属性**面板中参考线的位置可以计算下一根参考线的位置
+2. 参考线不宜过多，不再需要的参考线要及时删除

src/reference/ChapterNo3/3.4.md

@@ -0,0 +1,42 @@
+---
+title: 3.4 其他常用功能
+---
+
+::: info
+以下面板均可以在软件上方菜单中的**窗口**选项卡中开启。
+:::
+
+## 链接面板
+在这个面板中可以便捷地查看所有链接和嵌入到本文档的素材。
+在 InDesign 中，默认情况下素材是不会随着 indd 文件一起保存的，它们只会被**链接**到 InDesign 软件当中。当素材内容发生变化时，InDesign 中的内容也会相应地发生变化。
+素材也可以通过链接面板中的**嵌入**按钮嵌入到 indd 文件当中。这样素材就会随着 indd 文件一起被保存。但这样做会导致 indd 文件变得非常大，在每次保存 indd 文件时都需要花费大量的时间等待硬盘写入完成，而且嵌入的素材无法便捷地修改。所以我们通常不会将素材嵌入到 indd 文件当中。
+
+## 印前检查面板
+在这个面板中可以定位和排除**字体丢失**、**素材丢失**和**溢流文本**等问题。
+双击面板中黄色的数字可以定位到出现问题的元素上。
+
+![印前检查面板](../data/Pastedimage20230501171751.png)
+
+## 属性面板
+
+## 对齐面板
+这个面板提供了很多有用的对齐控件。  
+![](../data/Pastedimage20230502180115.png)
+
+## 拾色器
+选中需要更改颜色的元素以后，双击左侧面板中的**T**即可打开拾色器。
+![](../data/Pastedimage20230502180300.png)
+
+在拾色器中我们可以选择不同的色板模式：
+- HSB（色相H/饱和度S/亮度B）
+- RBG（红色R/蓝色B/绿色G）
+- LAB（CIE制定的一种测定颜色的国际标准）
+![](../data/Pastedimage20230502180614.png)
+
+## 效果面板
+
+### 渐变
+
+### 羽化
+
+### 颜色叠加

src/reference/ChapterNo3/README.md

@@ -0,0 +1,4 @@
+---
+title: ChapterNo3 InDesign软件
+index: false
+---

src/reference/ChapterNo4/4.1.md

@@ -0,0 +1,92 @@
+---
+title: 4.1 搜寻图片素材
+---
+
+## 常用的素材网站
+
+- [搜图导航](https://www.91sotu.com/)：提供一站式快速搜索图像服务
+- [觅元素](https://www.51yuansu.com/)：免抠设计素材下载网站（常用）
+- [Unsplash](https://unsplash.com/)：高分辨率照片
+- [Pexels](https://www.pexels.com/)：高分辨率照片
+- [iconfont](https://www.iconfont.cn/home/index)：阿里巴巴矢量图标库
+- [Get Waves](https://getwaves.io/)：获取矢量波状图
+
+## 使用搜索引擎搜寻图片素材
+
+::: tip 建议的素材网站搜索顺序
+1. 专业素材网站，本文开篇提及的*常用素材网站*
+2. 搜索引擎
+:::
+
+搜索引擎可以利用爬虫抓取网络上公开的内容并建立索引供用户搜索。
+
+::: info 常用的搜索引擎
+- [百度](https://www.baidu.com/)
+- [搜狗搜索](https://www.sogou.com/)
+- [360 搜索](https://www.so.com/)
+- [Google](https://www.google.com/)（谷歌，需要科学上网）
+- [必应](https://cn.bing.com/)（微软旗下）
+- [DuckDuckgo](https://duckduckgo.com/)（不收集用户数据的搜索引擎）
+:::
+
+这里必须说明一下，在绝大多数网站上都有一个叫做 **robots.txt** 的文件。这个文件规定了搜索引擎抓取工具可以访问网站上的哪些网址。这个文件主要用于避免网站收到过多请求，同时可以让网站上特定的内容不被**遵守规则**的搜索引擎抓取到。
+
+::: warning
+robots.txt 文件中规定的内容不是搜索引擎必须遵守的，少数搜索引擎会无视该文件中规定，强行抓取网站内容。
+:::
+
+上述的**常用搜索引擎**均遵守这个规定，不会抓取被 robots.txt 排除的网址。这样一来一些网站上的内容就不会出现在搜索引擎的搜索结果中。这也是为什么很多时候你无法在搜索引擎上搜索到你想要的结果。
+
+下面以**百度图片**为例讲解如何使用搜索引擎搜索图片：
+
+::: info
+以下内容均使用[百度图片](https://image.baidu.com/)进行讲解
+浏览器：Microsoft Edge 115.0.1901.188
+搜索关键词为：*小镇* *乡村*
+:::
+
+### 基本搜索 Basic Search
+
+1. 打开[百度图片](https://image.baidu.com/)搜索 *小镇* *乡村* 或使用百度一下直接搜索 *小镇* *乡村* 然后点击上方选项卡的**图片**按钮
+2. 百度图片随即会展示搜索到的图片![](../data/Pastedimage20230807212200.png)
+3. 将鼠标放到图片上会显示图片的**分辨率**信息，点击图片即可进入大图预览界面![](../data/Pastedimage20230807212359.png)
+4. 大图预览界面的右上角会显示图片的来源和**分辨率**信息
+5. 右键单击图片，选择**将图片另存为**![](../data/Pastedimage20230807212546.png)
+6. 选择需要保存到的路径并确定
+
+### 高级搜索 Advanced Search
+
+![](../data/Pastedimage20230807221306.png)
+
+- 在搜索页上方工具栏可以选择需要的**图片大小**
+	- 通常情况下需要高清图片直接选择**特大尺寸**或类似描述的选项
+	- 如果在选择的尺寸下没有合适的图片，可以选择其他大小进行搜索
+
+![](../data/Pastedimage20230807221701.png)
+
+- 在搜索页上方工具栏可以选择需要的**图片颜色**
+
+### 提示 Tips
+
+::: tip 关于搜索词
+在搜索框中输入的内容我们称作**搜索词**。恰当的搜索词可以更好地搜寻到需要的结果。
+- 尽量使用简洁的搜索词：“蛋糕的100种做法”->“蛋糕制作”/“蛋糕做法”
+- 不使用疑问句或疑问词：”怎么做一个蛋糕“->同上
+总而言之：在搜索内容时应做到**去除对确定搜索内容无意义的词语**
+:::
+
+::: tip 如何判断一张图片是否清晰
+- 直接查看图片分辨率
+	- 理论上像素大于200万图片就比较清晰了
+- 放大图片
+直接看分辨率并不总是有用，因为在网络上会出现伪高分辨率的图片，放大以后依然是非常糊的。所以这里建议将以上两种方法**结合**起来使用
+:::
+
+::: tip 关于“免抠图片”
+搜寻一些装饰性的素材时，我们更希望搜索到带有 **Alpha** 通道的图片。带有 **Alpha** 通道的图片通常不会带有背景。  
+带有 **Alpha** 通道的图片的透明部分会使用**棋盘格状图案**填充。但有时候也会有不带有 **Alpha** 通道的图片的背景使用**棋盘格状图案**填充。  
+判断一个图片是否为免扣图片的方法通常有以下几种：
+1. 通过后缀名判断，详见[4.2 图片的存储原理和格式转换](src/ChapterNo4/4.2.md)
+2. 将图片贴入编辑软件中查看，有透明通道的图片不会显示出**棋盘格状图案**
+直接在搜索引擎中搜索免抠图片难度较大，推荐使用专业的**素材网站**下载素材
+:::

src/reference/ChapterNo4/4.2.md

@@ -0,0 +1,108 @@
+---
+title: 4.2 图片的存储原理和格式转换
+---
+
+这一节的内容非常枯燥乏味，但是对于理解图片如何在计算机中存在非常有帮助。理解这一块内容后你对图片的理解将会达到一个全新的高度，从而你对使用和修改各种图片将会变得得心应手。
+
+## 图片的基本属性
+
+### 位图和矢量图
+位图直接存储图像的**像素信息**，即“在什么位置应该是什么颜色”。以这种方式存储的图片放大以后就会变糊，但在分辨率和位深度足够的情况下可以存储极为复杂的图像。  
+矢量图不直接存储图像的像素信息，而是使用**数学公式**存储图像的路径和颜色信息。这样存储的图片可以无限放大而不用担心会模糊，但能够存储的图片较为简单，不适用于存储复杂的图像。  
+  
+### 分辨率
+放大一张位图，我们能够在画面中看到**像素点**，这些像素点就是用来存储图片信息的基本单位。  
+一张图片的分辨率描述的就是一张位图在横向和纵向各有多少个像素点。分辨率越高的位图，能够存储的信息也就越多，我们看起来这张图片就会越清晰。  
+
+::: tip 分辨率的计算
+图片横向像素乘以图片竖向像素即为图片的分辨率
+:::
+  
+### 位深度（位深）
+在位图中，每个像素点都能存储不同的颜色。我们用位深度来描述单个像素能够存储的颜色种数。  
+16位（16bit）即每个像素点能够存储2<sup>16</sup>种颜色。
+
+---
+
+## 颜色模式
+
+### RGB 颜色模式
+R（Red=红色）、G（Green=绿色）、B（Blue=蓝色）。使用不同亮度的红色、绿色、蓝色三种光进行混合可以得到各种不同的颜色。  
+RGB 主要用于屏幕显示中，其中三种光的亮度数值范围为（0-255），混合后可得到$2^24=16777216$种颜色。  
+
+- 当RGB三种光的强度均为0时，混合出的颜色为**黑色**。
+- 当RGB三种光的强度均为255时，混合出的颜色为**白色**。
+
+### CMYK 颜色模式
+C（Cyan=青）、M（Magenta=品）、Y（Yellow=黄）、K（Black=黑）。使用色料三原色的混合原理，再加上黑色油墨一共四种颜色就可以进行全彩印刷。CMYK 主要用于彩色印刷中，其中四种颜料的数值范围为（0-100）。
+
+- 当CMYK四种颜料的数值均为0时，混合出的颜色为**白色**。
+- 当CMYK四种颜色的数值均为100时，混合出的颜色为**黑色**。
+
+### HSL 色彩模式
+H（Hue=色相）、S（Saturation=饱和度）、L（Lightness=亮度）。其中三种参数的范围为（0-100%）。
+> 色相调整颜色在色环中的位置，或者可以说是调整颜色的种类
+
+---
+
+## 图片格式
+
+### 位图
+#### PNG（后缀名：png）
+一种位图格式，全称**便携网络图片（Portable Network Graphics）**
+
+优点：
+- 使用**无损**压缩算法，对图片质量没有任何影响
+- 支持 **Alpha** 透明度通道
+
+> 将一张采用**有损压缩算法**的格式的图片转换到采用**无损压缩算法**的格式无法改变这张图片已经损失一定质量的事实
+
+#### JPEG（后缀名：jpg）
+一种位图格式，全称 **Joint Photographic Experts Group**。
+
+优点：
+- 压缩率极高，相比 BMP 文件格式，平均可以减少20倍的文件体积
+
+缺点：
+- 采用有损压缩算法，对图片质量会产生不可逆的影响
+- 不支持 **Alpha** 透明度通道
+
+#### Webp（后缀名：webp）
+Webp 同时支持有损和无损两种模式，且图片的体积较 JPEG 和 PNG 格式更小
+
+优点：
+- 支持有损 + **Alpha** 透明通道的图片
+
+缺点：
+- windwos11 系统自带的**图片**工具无法查看 webp 格式的文件
+- **InDesign 无法导入 webp 格式的文件**。
+
+#### PSD（后缀名：psd）
+大名鼎鼎的图片编辑软件 Adobe Photoshop 的源文件，**可以直接导入 InDesign 中使用**。
+
+优点：
+- 具有任何图片格式的特性
+- 可以在 Photoshop 中编辑并直接导入 InDesign 使用。并且当 psd 文件更新时，InDesign 中的内容也会同步更新
+
+#### BMP（后缀名：bmp）
+一种位图格式，全称 **Bitmap 位图**。  
+微软为操作系统 windows 3.0 研发的图片格式，并由*画图*软件率先支持
+
+缺点：  
+- 不支持压缩，存储的文件极其大
+
+---
+
+### 矢量图
+
+#### SVG（后缀名：svg）
+使用记录**顶点坐标**的方式来表示各种几何形状，并记录这些几何形状的颜色。只能用于表达几何形状，无法表达复杂的色彩信息。
+优点：
+- 分辨率无限大
+- 文件极小
+
+#### AI
+矢量图编辑软件 Adobe illustrator 的源文件
+
+#### CDR
+矢量图编辑软件 Corel DRAW 的源文件

src/reference/ChapterNo4/4.3.md

@@ -0,0 +1,42 @@
+---
+title: 4.3 修缮图片
+---
+::: info 软件版本
+以下内容均使用 Adobe Photoshop 2023 v24.1 进行演示
+:::
+
+## 去除图片背景
+去除图片背景俗称抠图，是通过对图片的处理将背景色去除的过程，也可以从图中去除不需要的元素。
+
+### 一键去除背景
+
+> 该功能需要 Adobe Photoshop 软件版本 >= CC 2018
+
+1. 使用 Adobe Photoshop 打开需要处理的图片
+2. 在图层面板中解除需要操作的图层锁定
+3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作但最好备份一层）![](../data/Pastedimage20230731155109.png)
+4. 点击**属性**面板中**删除背景**按钮![](../data/Pastedimage20230731155356.png)
+5. 等待软件计算完成即可![](../data/Pastedimage20230731155300.png)
+6. 此后可以通过画笔工具微调该图层的蒙版进行精细化调整
+
+### 手动抠图
+很多情况下自动抠图并不能满足我们的需求，这种时候就需要进行手动抠图。
+1. 使用 Adobe Photoshop 打开需要处理的图片
+2. 在图层面板中解除需要操作的图层锁定
+3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作但最好备份一层）
+4. 选择左侧面板中的**钢笔**工具或使用快捷键 `P` （需要在输入法为英文的状态下该快捷键才能生效）
+5. 使用钢笔工具在需要抠出的对象周围画出轮廓并将它封闭![](../data/Pastedimage20230807182942.png)
+6. 点击左上角工具栏的**选区**按钮建立![](../data/Pastedimage20230807183021.png)
+7. 适当调整*羽化半径*（羽化会在画出的轮廓周围添加渐变效果）并点击确定![](../data/Pastedimage20230807183056.png)
+8. 选中需要抠图的图层，点击**图层面板**中的**添加图层蒙版**按钮即可。![](../data/Pastedimage20230807183307.png)
+9. 此后可以调整图层蒙版对抠图进行微调
+
+## 亮度
+
+## 对比度
+
+## 饱和度
+
+## 曲线
+
+## 蒙版

src/reference/ChapterNo4/README.md

@@ -0,0 +1,4 @@
+---
+title: ChapterNo4 图片处理
+index: false
+---

src/reference/ChapterNo5/5.1.md

@@ -0,0 +1,101 @@
+---
+title: 5.1 字体管理
+---
+
+## 字体管理软件
+
+### FontBase（推荐）
+![../data/Pasted image 20230422020529.png](../data/Pastedimage20230422020529.png)
+优点：
+- 免费部分功能完善
+- 可以一键切换字体的激活/未激活状态
+- 颜值高
+- **能够打包所使用的字体**
+- 可以自己对字体进行分类
+
+缺点：
+- 英文软件，上手有一定难度
+- 需要有自己的本地字库
+- 国外网站下载较慢
+
+### 字由
+![../data/Pasted image 20230422020549.png](../data/Pastedimage20230422020549.png)
+优点：
+- 丰富的云字库
+- 可以一键切换字体的激活/未激活状态
+- 国产软件易于国人使用
+
+缺点：
+- 必须登陆才能使用
+- 字体无打包功能，不方便汇总传输
+
+个人推荐使用 FontBase 软件进行字体管理，理由有如下几点：
+- 该软件较其他软件更为成熟和完善，且界面美观
+- 为数不多能够管理本地字体库的软件
+- 能打包当前所用的字体
+- 能手动对字体进行分类
+- 能便捷地预览字体的效果
+- 主要功能免费
+- Support Windows, Mac and Linux（跨平台支持）
+
+### Eagle
+![](../data/Pastedimage20230422020507.png)
+优点：
+- 综合性很强的素材收集、整理软件，可以管理案例、灵感、截图、图片、视频、音频、情绪板等各类素材
+- 支持的素材种类多
+- 开发速度快
+
+缺点：
+- 收费（一份永久授权199人民币）
+- 采用的数据库模式在数据量极大时，会产生极大的数据库文件，同时查询速度降低
+
+## FontBase 使用教程
+### 设计理念
+FontBase 不是一款用于安装和卸载字体的软件，而是一款用于全局字体管理的平台，它可以覆盖日常所有与字体相关的工作（不包括编辑字体）。
+FontBase 最主要的思想是字体的激活和停用。当你在没有字体管理器的情况下使用字体时，字体通常被直接安装，如此一来字体文件便会被复制到你的系统字体文件夹中，并永远保存在那里。一段时间后，你的系统字体文件夹里就会有一大堆字体，这将导致整个系统性能下降和应用程序加载时间延长。
+有了 FontBase，你可以简单地将字体添加到其中，并在你真正需要在设计项目或应用程序中使用它们时激活/停用它们。如此一来不需要的字体就不会占用你系统的任何资源。
+
+### 下载和安装
+1. 访问 [FontBase 官网](https://fontba.se/)，点击 **Download FontBase** 下载软件![](../data/Pastedimage20230422021442.png)
+2. 双击下载好的安装包进行安装![](../data/Pastedimage20230422131627.png)
+3. 打开 FontBase
+
+### 添加本地字体库
+第一次启动 FontBase 时，软件内不会显示任何字体。软件会提示你添加系统字体或者拖动一个包含字体的文件夹到软件中，以便开始使用 FontBase。
+建议在本地硬盘上整理好自己的字体库，再使用 FontBase 进行管理和激活。
+![](../data/Pastedimage20230429223054.png)
+![](../data/Pastedimage20230429223107.png)
+
+FontBase 软件有两种导入字体的逻辑：
+- Copy（复制）：软件将需要添加的字体复制到软件的工作目录内，会实际占用工作目录的空间。
+- Watch（监视）：软件不复制需要添加的字体，仅仅监视对应的文件夹，不会占用工作目录的空间。并且文件夹内有新的字体文件时，FontBase 会自动添加到软件中。
+
+建议使用 **Watch** 模式添加字体：
+1. 点击界面左下方的 **Add** 按钮。
+2. 选择 **Watched folder**，在弹出的窗口中选择需要监视的文件夹。
+3. 等待 FontBase 扫描完成即可。
+
+### 基本功能
+![](../data/Pastedimage20230422132112.png)
+- 左侧窗口用于筛选字体。
+    - All：查看软件内所有添加的字体
+    - Recent：查看最近使用的字体
+    - Favorites：查看添加了星标的字体
+    - Active：查看当前在 FontBase 内被激活的字体
+    - Inactive：查看当前在 FontBase 内没有被激活的字体
+    - Collections：自定义字体集，可以用于字体的分类
+    - Folders：按照添加到 FontBase 的目录筛选字体
+- 右侧主窗口用于查看字体效果。
+    - 顶部的滑动条可以更改预览的字体大小
+    - 底部的文本框可以更改预览文字的内容
+    - 顶部的搜索框可以搜索字体
+
+### 字体打包
+完成设计交稿时，我们需要将所用到的字体文件全部打包一起发送以便汇总，并且市面上绝大部分字体管理软件没有提供这样的打包功能。
+以下为在 FontBase 中打包字体的步骤：
+1. 在 **Collections** 中创建一个新的集合，名称任意。
+2. 选中 **Active** 选项卡，在右侧的预览界面中按 **Ctrl+A** 全选已经激活的字体。
+3. 将选中的字体拖入到方才创建的集合中。
+4. 在集合的名称上方右键鼠标打开菜单，选择 **Package** 选项![../data/Pasted image 20230429225118.png](../data/Pastedimage20230429225118.png)
+5. 选择需要保存的位置，点击保存即可。
+FontBase 使用zip压缩文件打包字体，汇总时解压即可使用。

src/reference/ChapterNo5/5.2.md

@@ -0,0 +1,42 @@
+---
+title: 5.2 素材管理
+---
+
+## 素材管理软件
+
+### Billfish
+![Billfish 官网](../data/Pastedimage20230422124403.png)
+
+一款优秀的素材管理软件，现已更新至3.0版本
+优点：
+- 所有功能免费
+- 能够加载绝大多数格式的素材
+- 可以对素材进行标记方便后期查找
+- 有浏览器插件可以收集网页中的设计灵感
+
+缺点：
+- 正在成长中的软件，在很多方面仍然有很多bug
+- 部分文件格式无法正常读取
+- 更新速度相对较慢
+
+### Pixcall
+![Pixcall 官网](../data/Pastedimage20230422130146.png)
+
+优点：
+- 注册赠送2G云存储空间
+- 本地软件功能完全免费
+- 软件较为稳定
+
+### Eagle
+![Eagle 官网](../data/Pastedimage20230422020507.png)
+
+综合性很强的素材收集、整理软件，可以管理案例、灵感、截图、图片、视频、音频、情绪板等各类素材
+
+优点：
+- 支持几乎所有的素材类型
+- 可以对素材进行标记方便后期查找
+- 更新速度快且成熟
+
+缺点：
+- 收费（一份永久授权199人民币）
+- 采用的数据库模式在数据量极大时，会产生极大的数据库文件，同时查询速度降低

src/reference/ChapterNo5/README.md

@@ -0,0 +1,4 @@
+---
+title: ChapterNo5 素材管理
+index: false
+---

src/reference/ChapterNo6/6.1.md

@@ -0,0 +1,99 @@
+---
+title: 6.1 上交排版作品
+---
+
+## InDesign 打包
+InDesign 自带的**打包**功能可以帮助我们把 InDesign 源文件和使用的素材快捷地汇总到一个文件夹内。
+
+1. 点击**文件->打包**![](../data/073c4599ef5fcc15e08798c45ee576b3_MD5.png)
+2. 在弹出的页面中点击**打包**按钮，选择需要保存的位置并调整保存选项![](../data/ad8f516f5b86bcc96e800346d7cf1a77_MD5.png)
+    下附部分选项注释：
+    - 复制字体（可选）：保存小部分字体
+    - 更新包中的图形链接（必选）：自动更新素材的链接至新的保存位置
+    - 复制链接图形（必选）：复制已使用的图形素材
+    - 包括 IDML（可选）：IDML 是一种可以兼容早期 InDesign 软件的格式，通常不需要勾选
+    - 包括 PDF （可选）：保存一份 PDF 导出文件，建议开启
+    - 选择 PDF 预设：建议选择**高质量打印**预设
+3. 点击**打包**即可打包所有的素材和文件
+4. 对导出的文件夹进行压缩即可发送给他人
+
+## FontBase 打包字体
+详见[5.1 字体管理](../ChapterNo5%20素材管理/5.1%20字体管理.md)一节中的 **FontBase 使用教程**。
+
+## 压缩软件
+使用压缩软件可以将文件夹打包成**单文件**并减小体积，上交多个文件通常采用压缩包的方式。
+
+::: danger 操作误区
+避免**直接双击**打开压缩包内的文件并进行**编辑**，只可双击文件进行**预览**。
+原因如下：压缩软件会在你双击文件时对该文件进行解压操作，并将解压出的文件存放在系统的**缓存目录**内。在你关闭文件后，压缩软件会删除该**缓存文件**，如此一来你的修改便会完全丢失。再然压缩软件通常只会解压你选择的一个文件进行缓存，其他的依赖文件不会被解压。如此一来打开 InDesign 源文件时便会出现**素材丢失**的情况。
+:::
+
+### 360 压缩
+[360 压缩](https://yasuo.360.cn/index.html)是360推出的免费解**压缩**软件，360压缩快速轻巧、兼容性好、永久免费。**360 压缩**内置云安全引擎，可以检测木马，更安全。（摘自官网搜索引擎引导词）
+#### 一键解压
+1. 在文件资源管理器中双击打开一个压缩包或在文件上右键->打开方式-> **使用360压缩打开**
+2. 点击上方菜单栏的**一键解压**按钮![](../data/Pastedimage20230730110510.png)
+3. 360压缩会将当前压缩包内的文件解压到**压缩包所在目录/压缩包名称**内
+> [!Note]
+> 使用一键解压时可以开启**自动关闭360压缩**功能减少操作次数
+> ![](../data/Pastedimage20230730110628.png)
+
+#### 手动解压
+1. 打开压缩包
+2. 点击上方菜单栏的**解压到**按钮![](../data/Pastedimage20230730111057.png)
+3. 调整解压位置和其他参数后点击**立即解压**即可
+
+#### 压缩
+1. 选中需要压缩的文件，右键选择**添加到压缩文件（A）**![](../data/Pastedimage20230730113507.png)
+2. 选择压缩配置并点击立即压缩![](../data/Pastedimage20230730113538.png)
+> [!note]
+> 通常情况下选择**速度最快**即可。更小的压缩文件体积会需要花费更长的时间进行压缩，同时也需要更多的时间进行解压。
+
+### 7-Zip
+[7-Zip](https://www.7-zip.org/) is free software with open source. The most of the code is under the GNU LGPL license. Some parts of the code are under the BSD 3-clause License. Also there is unRAR license restriction for some parts of the code. （摘录自官网介绍）
+> 译文：7-Zip 是一款免费的开放源代码软件。绝大部分代码使用 `GNU LGPL` 许可证开源。部分代码使用`BSD 3-clause`许可证开源。此外，部分代码受到 `unRAR` 许可证的限制。
+
+#### 关联压缩包格式
+7-Zip 在安装完成后不会关联压缩包的各种格式，需要我们进行手动操作进行关联。
+1. 打开 7-Zip 软件
+2. 点击**菜单栏->工具->选项**![](../data/Pastedimage20230730115731.png)
+3. 点击需要关联的文件类型右侧的黄色区域将黄色框内的文字调整至显示**7-Zip**![](../data/Pastedimage20230730115914.png)
+4. 点击对话框下方的**确定**即可完成文件关联设置
+> 常见的压缩文件格式：`7z`、`zip`、`rar`、`tar`
+
+
+#### 解压
+1. 使用 7-Zip 打开需要解压的压缩包
+2. 点击菜单栏上方的**提取**按钮![](../data/Pastedimage20230730120811.png)
+3. 选择需要解压到的位置并点击确定即可![](../data/Pastedimage20230730120855.png)
+
+#### 压缩
+1. 在文件资源管理器中选择需要压缩的文件并右键选择**添加到压缩包**![](../data/Pastedimage20230730121002.png)
+2. 调整压缩参数（通常仅调整**压缩格式**和**压缩等级**即可）并点击**确定**按钮![](../data/Pastedimage20230730121113.png)
+参数参考：
+- 压缩格式：
+	- 7z：通用的归档容器，默认采用 `LZMA2` 算法进行压缩
+	- tar：常见于 `Linux` 的一种归档文件（无压缩功能）
+	- wim：`Windows` 映像格式，用于存储 `Windows` 系统
+	- zip（推荐）：通用的归档容器，默认采用 `Deflate` 算法进行压缩
+- 压缩等级：等级越高需要花费的时间越长，对 CPU 的要求越高
+- 压缩方法：
+	- LZMA2：`LZMA` 的改良算法（推荐）
+	- LZMA：一个基于 `Deflate` 和 `LZ777` 算法改良和优化的算法
+	- PPMd：一种文本无损压缩算法
+	- BZip2：基于 `Burrorws-Wheeler` 变换的无损压缩算法
+- 字典大小：构建一个可被查询的字典，压缩时对照记录，以提高压缩效果，字典越大可以对比内容越多，压缩率就越高。
+- 单词大小：英文原文为 *fast bytes*，提高该参数有**概率**可以提高压缩率。该参数越大，压缩速度越慢，但不影响解压速度。
+- 固实数据大小：固实压缩文件中即将全部文件都当成一个连续数据流来看待，压缩/提取过程中都需要上下文信息，该参数决定了这个连续数据流的大小
+- CPU 线程数：同时使用的 CPU 线程数，理论上数值越高压缩速度越快。
+- 压缩所需内存：进行压缩操作时允许使用的最大内存百分比
+
+### NanaZip
+[![Latest Version - Release Channel](https://img.shields.io/github/v/release/M2Team/NanaZip?display_name=release&sort=date&color=%23a4a61d)](https://github.com/M2Team/NanaZip/releases/latest)[![Latest Version - Preview Channel](https://img.shields.io/github/v/release/M2Team/NanaZip?include_prereleases&display_name=release&sort=date&color=%23a4a61d)](https://github.com/M2Team/NanaZip/releases)
+
+[NanaZip](https://apps.microsoft.com/store/detail/nanazip/) is an open source file archiver intended for the modern Windows experience, forked from the source code of well-known open source file archiver 7-Zip.（摘录自官方介绍）
+> 参考译文：NanaZip 是一款为现代化 Windows 体验设计的开源文件压缩器，其源代码来自于著名的开源文件压缩器 7-Zip。  
+> 译者注：简单来说就是为 7-Zip 写了一个界面让它更符合高版本 Windows 的设计语言。
+
+
+![](../data/Pastedimage20230730115308.png)

src/reference/ChapterNo6/6.2.md

@@ -0,0 +1,62 @@
+---
+title: 6.2 排版汇总
+---
+
+## 一般流程
+![](../data/汇总排版流程图.svg)
+上面这张流程图描述了一般的汇总流程，下面用文字进行描述：
+- 制作人完成排版作品之后，需要将自己的排版作品打包成**压缩包**并发送给指定的汇总人
+- 汇总人进行检查后及时给出**修改意见**并反馈给制作人进行修改
+- 制作人递交的排版作品检查合格后，汇总人应及时将制作人上交的作品文件进行**分类整理**
+- 汇总人需要将制作人递交的 InDesign 源文件中的内容逐个复制出来并放入同一个新的 InDesign 文件中
+- 完成复制和整理工作后汇总人将*汇总稿*导出并发送至美编群（或文学社大群）中进行线上审稿
+- 线上审稿基本完成后将终稿导出并发送至厂家打样
+- 样刊送达后需要派人将样刊拿回并及时传阅、标注错误
+- 根据样刊对*汇总稿*进行修改并再次发送至美编群（或文学社大群）进行线上审稿
+- 重复以上流程直至达到满意品质
+- 导出最终稿给厂家印刷
+
+## 文件整理
+汇总人需要对收到的文件进行整理，以下给出两个参考。
+![](../data/Pastedimage20230730143356.png)
+![](../data/Pastedimage20230730143423.png)
+在文件夹名称上通常会包含以下内容
+- 序号或任意可以达到排序效果的内容
+- 文件夹内文件的主要内容
+- 其他（可选）
+	- 文章标题
+	- 文章分类
+	- 作者
+	- 版本号
+
+## 添加页码
+## 步骤
+1. 使用**文本框工具**绘制一个文本框并放置在需要添加页码的位置，点选文本框进入编辑状态![](../data/Pastedimage20230730125246.png)
+2. 点击**菜单栏->文字->插入特殊字符->标志符->当前页码**![](../data/Pastedimage20230730125346.png)
+3. 调整页码的字体、字号等参数![](../data/Pastedimage20230730125549.png)
+4. 将对页上的页码文本框进行**编组**（快捷键：`Ctrl+G`），方便后续复制和编辑![](../data/Pastedimage20230730125714.png)
+5. 复制文本框组并在下一个对页上右键空白处选择**原位粘贴**![](../data/Pastedimage20230730125803.png)
+6. 重复以上操作即可为所有的页面添加页码
+
+### 编排页码
+![](../data/Pastedimage20230730125955.png)  
+使用以上方式添加的页码会根据当前页面的**编号**进行显示。如此一来会出现两个问题：
+- 如果将封面和目录放在前面，我们就无法让正文的第一页从*1*或*2*开始
+- 如果在添加好了页码以后，删除了**单数**个页面的话，页码会出现错位的情况![](../data/Pastedimage20230730130449.png)
+
+第一个问题的解决方法是**将封面移动至整个文档的最后**，这样做不仅可以让页码拥有正确的起始数，也可以让封面**跨页显示**。第二个问题没有特别好的解决方案，我们的建议是将添加页码的工作放在**页面位置确认之后**，不然很容易导致工作量徒增。
+
+## 导出印刷稿
+导出最终稿时建议使用以下参数并**保存为预设**方便下次使用。
+
+![常规](../data/Pastedimage20230730142618.png)
+
+![压缩](../data/Pastedimage20230730142631.png)
+
+![标记和出血](../data/Pastedimage20230730142637.png)
+
+![输出](../data/Pastedimage20230730142736.png)
+
+![高级](../data/Pastedimage20230730142746.png)
+
+![安全性](../data/Pastedimage20230730142751.png)

src/reference/ChapterNo6/6.3.md

@@ -0,0 +1,16 @@
+---
+title: 6.3 出刊的其他注意事项
+---
+
+## 线上审稿
+强烈建议对于在**线上**进行的*汇总稿*审查和修改附上**修改日志**，同时在上传的文件的名称中附带**版本号**  
+下面给出一种参考：  
+- 文件命名![](../data/Pastedimage20230730131513.png)
+- 修改日志![](../data/Pastedimage20230730132012.png)
+修改日志包含的要素：
+- 版本号
+- 修改内容（有提出人的应附上提出人ID）
+- 待修改的内容（可选）
+
+## 关于样刊 todo
+通常样刊使用的印刷设备和正式出刊使用的印刷设备并不一致，并且样刊的质量和正式刊物有一定的出入。

src/reference/ChapterNo6/README.md

@@ -0,0 +1,4 @@
+---
+title: ChapterNo6 大功告成
+index: false
+---

src/reference/README.md

@@ -0,0 +1,13 @@
+---
+title: 参考文档
+index: false
+icon: lightbulb
+---
+
+[![GitHub commit activity](https://img.shields.io/github/commit-activity/t/szhhwh/jingji_LayoutTutorial?style=flat-square)](https://github.com/szhhwh/jingji_LayoutTutorial)[![GitHub Repo stars](https://img.shields.io/github/stars/szhhwh/jingji_LayoutTutorial?style=flat-square)](https://github.com/szhhwh/jingji_LayoutTutorial)
+
+美编的一切从这里开始。
+
+TODO
+- [] 3.4 其他常用功能 -> 效果面板 属性面板
+- [] 3.2 新建文本框和页面管理 -> 页面管理