How to Install Picsur on Your Synology NAS

How to Install Picsur on Your Synology NAS

Picsur looks like an hybrid between Imgur and Pastebin. You can easily upload and share your personal photos. Picsur supports different picture formats like QOI, JPG, PNG, WEBP (animated supported), TIFF, BMP, GIF (animated supported). You can also Resize, Rotate, Flip, Strip transparency, Negative and Greyscale every image you have uploaded. In this step by step guide I will show you how to install Picsur on your Synology NAS using Docker & Portainer.

Note: This guide works perfectly with the latest Picsur v0.4.0 – Beta release.

  • STEP 1

Please Support My work by Making a Donation.

  • STEP 2

Install Portainer using my step by step guide. If you already have Portainer installed on your Synology NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.

  • STEP 3

Make sure you have a synology.me Wildcard Certificate. Follow my guide to get a Wildcard Certificate. If you already have a synology.me Wildcard certificate, skip this STEP.

  • STEP 4

Go to Control Panel / Login Portal / Advanced Tab / click Reverse Proxy. Follow the instructions in the image below.

1 Picsur Synology NAS Set up

  • STEP 5

Now click the “Create” button. Follow the instructions in the image below.

2 Picsur Synology NAS Set up

  • STEP 6

After you click the Create button, the window below will open. Follow the instructions in the image below.

On the General area, set the Reverse Proxy Name description: type in Picsur. After that, add the following instructions:

Source:
Protocol: HTTPS
Hostname: picsur.yourname.synology.me
Port: 443

Destination:
Protocol: HTTP
Hostname: localhost
Port: 8286

3 Picsur Synology NAS Set up

  • STEP 7

On the Reverse Proxy Rules click the Custom Header tab. Click Create and then, from the drop-down menu, click WebSocket. After you click on WebSocket, two Header Names and two Values will be automatically added. Click Save. Follow the instructions in the image below.

4 Picsur Synology NAS Set up

  • STEP 8

Go to Control Panel / Network / Connectivity tab/ Check Enable HTTP/2 then click Apply. Follow the instructions in the image below.

5 Picsur Synology NAS Set up

  • STEP 9

Go to Control Panel / Security / Advanced tab/ Check Enable HTTP Compression then click Apply. Follow the instructions in the image below.

6 Picsur Synology NAS Set up

  • STEP 10

Go to File Station and open the docker folder. Inside the docker folder, create one new folder and name it picsurdb. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

7 Picsur Synology NAS Set up

  • STEP 11

Log into Portainer using your username and password. On the left sidebar in Portainer, click on Stacks then + Add stack. Follow the instructions in the image below.

1 Synology Portainer Add Stack

  • STEP 12

In the Name field type in picsur. Follow the instructions in the image below.

Note: Copy Paste the code below in the Portainer Stacks Web editor.

version: '3'
services:
  picsur:
    image: ghcr.io/rubikscraft/picsur
    container_name: Picsur
    ports:
      - 8286:8286
    environment:
      PICSUR_PORT: 8286
      PICSUR_DB_HOST: picsur_postgres
      PICSUR_DB_PORT: 5432
      PICSUR_DB_USERNAME: picsur
      PICSUR_DB_PASSWORD: picsur
      PICSUR_DB_DATABASE: picsur
      PICSUR_ADMIN_PASSWORD: picsur
      PICSUR_MAX_FILE_SIZE: 128000000000
    restart: always
    
  picsur_postgres:
    image: postgres:14-alpine
    container_name: Picsur-DB
    environment:
      POSTGRES_DB: picsur
      POSTGRES_PASSWORD: picsur
      POSTGRES_USER: picsur
    restart: always
    volumes:
      - /volume1/docker/picsurdb:/var/lib/postgresql/data
volumes:
  picsur-data:

8 Picsur Synology NAS Set up

  • STEP 13

Scroll down on the page until you see a button named Deploy the stack. Click on it. Follow the instructions in the image below. The installation process can take up to a few minutes. It will depend on your Internet speed connection.

9 Picsur Synology NAS Set up

  • STEP 14

If everything goes right, you will see the following message at the top right of your screen: “Success Stack successfully deployed“.

10 Picsur Synology NAS Set up

  • STEP 15

Go back to STEP 1 or you will deal with karma 🙂.

  • STEP 16

Now open your browser and type in your HTTPS/SSL certificate like this https://picsur.yourname.synology.me In my case it’s https://picsur.mariushosting.synology.me at the top right of the page click LOGIN. Follow the instructions in the image below.

11 Picsur Synology NAS Set up

  • STEP 17

Type in the default username and password, then click LOGIN.

Warning: the default username is admin and the default password is picsur

Note: You can change your credentials once you log in.

12 Picsur Synology NAS Set up

  • STEP 18

Drag and Drop your files from your NAS or PC inside Picsur. Follow the instructions in the image below.

13 Picsur Synology NAS Set up

  • STEP 19

After you upload your favorite images one by one, go to admin at the top right of the page, then click My Images to see all of them. Click VIEW on an image to access more options. Follow the instructions in the image below.

14 Picsur Synology NAS Set up

  • STEP 20

Copy Image URL to share with your friends. Follow the instructions in the image below.

15 Picsur Synology NAS Set up

  • STEP 21

Done, your image is visible to your friends.

16 Picsur Synology NAS Set up

  • STEP 22

Click on the Green button to download the image. You can also share files and access more options. Follow the instructions in the image below.

17 Picsur Synology NAS Set up

  • STEP 23

You can also Resize, Rotate, Flip, Strip transparency, Negative and Greyscale every image you have uploaded.

18 Picsur Synology NAS Set up

Enjoy Picsur!

Note: Find out how to update the Picsur container with the latest image.
Note: Can I run Docker on my Synology NAS? See the supported models.
Note: How to Free Disk Space on Your NAS if You Run Docker.
Note: How to Schedule Start & Stop For Docker Containers.
Note: How to Activate Email Notifications.
Note: How to Add Access Control Profile on Your NAS.
Note: How to Change Docker Containers Restart Policy.
Note: How to Use Docker Containers With VPN.
Note: Convert Docker Run Into Docker Compose.
Note: How to Clean Docker.
Note: How to Clean Docker Automatically.
Note: Best Practices When Using Docker and DDNS.
Note: Some Docker Containers Need WebSocket.

This post was updated on Tuesday / September 13th, 2022 at 6:05 PM