更新照片

This commit is contained in:
ytian21
2019-12-29 12:28:13 -05:00
parent 2a7521f621
commit 3d56f58bc1
7 changed files with 26 additions and 8 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 361 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"title": "title":
{ {
"text": "Hykilpikonna's Gallery", "text": "Charlie's Gallery",
"sub": "This is a subtitle", "sub": "This is a subtitle",
"height": 80, "height": 80,
"background": "title.jpg", "background": "title.jpg",
+23 -7
View File
@@ -2,8 +2,10 @@
### 添加配置 ### 添加配置
#### 1. 找到想要添加到的 type #### 1. 打开 Atom 编辑器
#### 2. 在 "posts" 下面的 [] 里面加一个大括号, 后面加逗号 (英文逗号) #### 2. 打开文件 `/src/content/config.json`
#### 3. 向下翻找到想要添加到的 type
#### 4. 在 "posts" 下面的 [] 里面加一个大括号, 后面加逗号 (英文逗号)
例子: 例子:
```json ```json
@@ -16,10 +18,10 @@
] ]
``` ```
#### 3. 添加信息, 注意要加引号和逗号! #### 5. 添加信息, 注意要加引号和逗号!
``` ```
"date": 拍摄日期, "date": 拍摄日期 (这是必须写的),
"title": 标题 (不写就是 Untitled), "title": 标题 (不写就是 Untitled),
"format": 文件后缀 (不写就是默认的 jpg), "format": 文件后缀 (不写就是默认的 jpg),
"video": 是不是视频 (true 就是是, false 就是不是, 不写的话除了 type 是 video 的以外都是 false, 这个不用加引号) "video": 是不是视频 (true 就是是, false 就是不是, 不写的话除了 type 是 video 的以外都是 false, 这个不用加引号)
@@ -39,7 +41,7 @@
}, },
``` ```
#### 4. 创建文件夹: 在 /src/assets/[类别]/ 下面创建一个文件夹. #### 6. 创建文件夹: 在 /src/assets/[类别]/ 下面创建一个文件夹.
文件夹的格式是 [日期]-[标题第一个单词小写]. 文件夹的格式是 [日期]-[标题第一个单词小写].
例子: 如果配置写成上面那个例子那样的话, 例子: 如果配置写成上面那个例子那样的话,
@@ -54,6 +56,20 @@
3. 文件 > 导出 > 导出为... 3. 文件 > 导出 > 导出为...
4. 左上角缩放全部点加号, 选择 0.25x 4. 左上角缩放全部点加号, 选择 0.25x
5. 右上角格式选择 JPG, 100% 5. 右上角格式选择 JPG, 100%
6. 点导出, 选择要导出到的文件夹 (就是上面第步创建的文件夹) 6. 点导出, 选择要导出到的文件夹 (就是上面第步创建的文件夹)
7. 重命名 `[文件名].jpg``public.jpg`. 7. 重命名 `[文件名].jpg``public.jpg`.
8. 重命名 `[文件名]@0.25x.jpg``thumb.jpg` 8. 重命名 `[文件名]@0.25.jpg``thumb.jpg`
### 测试显示效果
1. 打开文件夹 Charlie-Gallery,
2. 双击点开 `测试网站.bat`
3. 打开浏览器, 输入 `localhost:8080` (注意中间的冒号是英文冒号)
4. 看看效果怎么样
### 测试时可能出的问题
1. 如果显示连接失败, 看看测试网站后台有没有报错, 有报错的话截图
2. 检查 `config.json` 有没有漏掉逗号或者多了逗号, 还有检查
+2
View File
@@ -0,0 +1,2 @@
npm run serve
pause