fix image too small

content.zh/docs/Installation/lomorage-service/installation-synology.md

@@ -10,29 +10,29 @@ weight: 6
 找到lomorage镜像文件后，单击`Download`图标，下载docker文件。注意lomorage有arm和amd64的不同版本，请根据您的实际情况，下载对应的docker文件
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology1.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology1.png">
 </p>
 
 ## 2. 启动lomorage镜像
 
 在Image页面，选择已经下载的lomorage container，点击`Launch`图标
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology2.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology2.png">
 </p>
 
 ## 3. 高级设置
 
 设置container名字，然后点击`Advanced Setting`图标
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology3.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology3.png">
 </p>
 
 ### 3.1. 勾选自动重启
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology4.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology4.png">
 </p>
 
 ### 3.2. 设置Volume
@@ -42,39 +42,39 @@ weight: 6
  - app:  这个文件夹主要用来存储应用相关的log，配置文件等等，需要mount到container内部`/lomo`
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology5.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology5.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology6.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology6.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology7.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology7.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology8.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology8.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology9.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology9.png">
 </p>
 
 ### 3.3. 设置端口
 
 在端口设置页面，添加tcp端口映射8000 -> 8000
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology10.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology10.png">
 </p>
 
 ## 4. Done 
 
 点击 `Apply` 按钮，lomorage container应当开始运行，你可以从手机端访问"Lomorage照片助手"
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology11.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology11.png">
 </p>
 
 ## 5. 高级MAC vlan docker 网络
@@ -88,18 +88,18 @@ weight: 6
 使用SSH登陆群晖, 运行 `docker network create -d macvlan --subnet=192.168.1.0/24 --gateway=192.168.1.1 --ip-range=192.168.1.100/32 -o parent=eth0 lomorage`生成新的网络.
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology12.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology12.png">
 </p>
 
 在群晖 docker的网页中，从侧边栏中点击`Network`，应该可以看到新的`lomorage`网络选项
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology13.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology13.png">
 </p>
 
 停止运行的lomorage container，点击`Edit`按钮，在`Network`页面，添加新的`lomorage`，并且删除旧的`bridge`网络，点击Apply，重新启动container，现在手机端应该可以自动发现后端应用了
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology14.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/synology14.png">
 </p>
 

content.zh/docs/Installation/lomorage-service/installation-unraid.md

@@ -8,26 +8,26 @@ weight: 6
 1. 输入关键字lomorage，点击搜索
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid1.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid1.png">
 </p>
 
 当您发现lomorage应用以后，您可以点击`info`图标，从而了解更多有关lomorage在unraid论坛里面的支持
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid2.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid2.png">
 </p>
 
 2. 点击安装，当下图出现的时候，说明安装已经成功
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid3.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid3.png">
 </p>
 
 # Unraid 模版修改
 如果您对缺省的模版需要修改，请参考以下说明：
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid4.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid4.png">
 </p>
 
 - Network: 缺省值是`host`模式，这主要是因为手机客户端需要试用MDNS来自动发现"Lomorage照片助手"，如果您愿意手动配置手机客户端，可以将此处设置为bridge模式
@@ -44,17 +44,17 @@ Nginx Proxy Manager 是一个流行的免费反向代理服务器，可以用来
 1. 登陆之后，点击 `Add Proxy Host`, 然后设置自己的域名和转发ip，转发端口是上面设置的监听端口
 
 <p align="center">
-  <img width="50%" src="/img/installation/npm1.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/npm1.png">
 </p>
 
 2. 点击 `SSL`，配置证书域名
 
 <p align="center">
-  <img width="50%" src="/img/installation/npm2.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/npm2.png">
 </p>
 
 3. 点击`Save`, 新添加的proxy host会显示在列表中
 
 <p align="center">
-  <img width="50%" src="/img/installation/npm3.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/npm3.png">
 </p>

content/docs/Installation/lomorage-service/installation-synology.md

@@ -10,31 +10,31 @@ weight: 6
 Once lomorage image is found, you can also click `Download` icon to download the docker image. There are arm and amd64 version, please download correct one based on your host arch.
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology1.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology1.png">
 </p>
 
 ## 2. Launch lomorage container
 
 Go to Image tab, select downloaded lomorage container, click `Launch` icon
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology2.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology2.png">
 </p>
 
 ## 3. Advanced settings
 
 Set name for new container, and click `Advanced Setting` button
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology3.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology3.png">
 </p>
 
 ### 3.1. Enable auto-restart
 
 Check the auto-restart box to make sure lomorage can be auto-started
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology4.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology4.png">
 </p>
 
 ### 3.2. Volume setting
@@ -44,39 +44,39 @@ At volume tab page, click `Add Folder`, then create lomorage folder under `docke
  - app:  store app logs, configuration, etc files. The folder should be mounted to `/lomo` directory inside container.
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology5.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology5.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology6.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology6.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology7.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology7.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology8.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology8.png">
 </p>
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology9.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology9.png">
 </p>
 
 ### 3.3. Port settings
 
 At port setting tab page, add new tcp port mapping 8000 -> 8000
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology10.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology10.png">
 </p>
 
 ## 4. Done 
 
 Click `Apply` button, and lomorage container should start running now, and you can visit the app from mobile clients.
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology11.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology11.png">
 </p>
 
 ## 5. MAC vlan docker network 
@@ -92,18 +92,18 @@ To create mac vlan network, please make sure you have subnet, gateway, interface
 Use ssh to login Synology, and run `docker network create -d macvlan --subnet=192.168.1.0/24 --gateway=192.168.1.1 --ip-range=192.168.1.100/32 -o parent=eth0 lomorage` to create lomorage network. After that, if you run `docker network ls`, you should see the new docker network
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology12.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology12.png">
 </p>
 
 Go to Synology docker web page, click `Network` tab from sidebar, the `lomorage` network should show up now.
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology13.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology13.png">
 </p>
 
 Stop running lomorage container, click `Edit` button. In `Network` tab page, add new `lomorage` network, and remove `bridge` network, then click apply, and start container. Now your mobile client should be able to auto discover the backend application.
 
 <p align="center">
-  <img width="50%" src="/img/installation/synology14.png">
+  <img style="max-width:100%; object-fit: contain;" src="/img/installation/synology14.png">
 </p>
 

content/docs/Installation/lomorage-service/installation-unraid.md

@@ -8,26 +8,26 @@ weight: 6
 ## 1. Search lomorage from app store
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid1.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid1.png">
 </p>
 
 Once lomorage is found, you can also click `info` icon to learn more about lomorage support at unraid forum
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid2.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid2.png">
 </p>
 
 ## 2. Click install. You are done!
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid3.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid3.png">
 </p>
 
 ## Unraid template customization
 Below is the explanation on template configuration.
 
 <p align="center">
-  <img width="50%" src="/img/installation/unraid4.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/unraid4.png">
 </p>
 
 - Network: Default value is `host` mode because mobile client uses MDNS to auto-discover "Lomorage Photo Assistant" listen address and port. It can be changed to `bridge` mode if user wants to configure these information from mobile client by yourselves.
@@ -44,18 +44,18 @@ Nginx Proxy Manager is a popular self-host tool to easily forward your websites
 1. Click `Add Proxy Host`, then set your own domain name and forward ip as below screen. Schema is `http`, and forward port is the listen port configured for Lomorage container, 8000 is default listen port.
 
 <p align="center">
-  <img width="50%" src="/img/installation/npm1.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/npm1.png">
 </p>
 
 2. Enable `SSL` configuration and set certificate domain name as your own domain name
 
 <p align="center">
-  <img width="50%" src="/img/installation/npm2.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/npm2.png">
 </p>
 
 3. Click `Save`, and below host should be added into the host list
 
 <p align="center">
-  <img width="50%" src="/img/installation/npm3.png">
+  <img style="max-width:100%; object-fit: contain;"  src="/img/installation/npm3.png">
 </p>