## 如何上传

### 添加配置

#### 1. 打开 Atom 编辑器
#### 2. 打开文件 `/src/content/config.json`
#### 3. 向下翻找到想要添加到的 type
#### 4. 在 "posts" 下面的 [] 里面加一个大括号, 后面加逗号 (英文逗号)

例子:
```json
"type": "Photography",
"posts":
[
    {

    }
]
```

#### 5. 添加信息, 注意要加引号和逗号!

```
"date": 拍摄日期 (这是必须写的),
"title": 标题 (不写就是 Untitled),
"format": 文件后缀 (不写就是默认的 jpg),
"video": 是不是视频 (true 就是是, false 就是不是, 不写的话除了 type 是 video 的以外都是 false, 这个不用加引号)
"file": 文件相对路径 (不建议写, 不写就是自动识别)
"thumbnail": 预览图路径 (也不建议写, 同上)
```

例子:

```json
{
    "date": "2019-11-10",
    "title": "View",
    "description": "This is an example description",
    "format": "png",
    "video": false
},
```

#### 6. 创建文件夹: 在 /src/assets/[类别]/ 下面创建一个文件夹.

文件夹的格式是 [日期]-[标题第一个单词小写].
例子: 如果配置写成上面那个例子那样的话,
文件名就是 2019-11-10-view,
创建到 /src/assets/photography 文件夹里


### 准备照片

1. 把照片**原图**传到电脑上
2. 用 Photoshop 加水印
3. 文件 > 导出 > 导出为...
4. 左上角缩放全部点加号, 选择 0.25x
5. 右上角格式选择 JPG, 100%
6. 点导出, 选择要导出到的文件夹 (就是上面第六步创建的文件夹)
7. 重命名 `[文件名].jpg` 到 `public.jpg`.
8. 重命名 `[文件名]@0.25.jpg` 到 `thumb.jpg`


### 测试显示效果

1. 打开文件夹 Charlie-Gallery,
2. 双击点开 `测试网站.sh`
3. 打开浏览器, 输入 `localhost:8080` (注意中间的冒号是英文冒号)
4. 看看效果怎么样


### 测试时可能出的问题

1. 如果显示连接失败, 看看测试网站后台有没有报错, 有报错的话截图
2. 检查 `config.json` 有没有漏掉逗号或者多了逗号, 检查是不是英文字符
3. 如果还不行的话, 截图联系


### 发布

1. 打开 GitHub Destkop
2. 左边更新文件栏选择所有文件
3. 左下角 Summary 写提交内容 (比如说更新照片)
4. 左下角点击 `Commit to master`
5. 点右上角 `Push origin`
6. 打开文件夹 Charlie-Gallery,
7. 双击点开 `上传网站.sh`