ytian21
90 lines
2.5 KiB
Markdown
90 lines
2.5 KiB
Markdown
## 如何上传
|
|
|
|
### 添加配置
|
|
|
|
#### 1. 打开 Atom 编辑器
|
|
#### 2. 打开文件 `/src/content/config.json`
|
|
#### 3. 向下翻找到想要添加到的 type
|
|
#### 4. 在 "posts" 下面的 [] 里面加一个大括号, 后面加逗号 (英文逗号)
|
|
|
|
例子:
|
|
```json
|
|
"type": "Photography",
|
|
"posts":
|
|
[
|
|
{
|
|
|
|
},
|
|
]
|
|
```
|
|
|
|
#### 5. 添加信息, 注意要加引号和逗号! 修改完 Ctrl+S 保存.
|
|
|
|
```
|
|
"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. 等待 `App running at:` 出现
|
|
3. 打开浏览器, 输入 `App running at:` 后面的地址 (注意中间的冒号是英文冒号)
|
|
4. 看看效果怎么样
|
|
|
|
|
|
### 测试时可能出的问题
|
|
|
|
1. 如果显示连接失败, 看看测试网站后台有没有报错, 有报错的话截图
|
|
2. 检查 `config.json` 有没有漏掉逗号或者多了逗号, 检查是不是英文字符
|
|
3. 如果还不行的话, 截图联系
|
|
4. 如果图片没有加载上, 关掉测试网站窗口重新打开试试
|
|
|
|
|
|
### 发布
|
|
|
|
1. 打开 GitHub Destkop
|
|
2. 左边更新文件栏选择所有文件
|
|
3. 左下角 Summary 写提交内容 (比如说更新照片)
|
|
4. 左下角点击 `Commit to master`
|
|
5. 点右上角 `Push origin`
|
|
6. 打开文件夹 Charlie-Gallery,
|
|
7. 双击点开 `上传网站.sh`
|