Charlie-Gallery/如何上传.md

如何上传

添加配置

1. 打开 Atom 编辑器

2. 打开文件 /src/content/config.json

3. 向下翻找到想要添加到的 type

4. 在 "posts" 下面的 [] 里面加一个大括号, 后面加逗号 (英文逗号)

例子:

"type": "Photography",
"posts":
[
    {

    },
]

5. 添加信息, 注意要加引号和逗号! 修改完 Ctrl+S 保存.

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

例子:

{
    "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: 出现
4. 打开浏览器, 输入 App running at: 后面的地址 (注意中间的冒号是英文冒号)
5. 看看效果怎么样

测试时可能出的问题

1. 如果显示连接失败, 看看测试网站后台有没有报错, 有报错的话截图
2. 检查 config.json 有没有漏掉逗号或者多了逗号, 检查是不是英文字符
3. 如果还不行的话, 截图联系
4. 如果图片没有加载上, 关掉测试网站窗口重新打开试试

发布

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