![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_00.jpg)
這對梅干來說沒有什麼太大問題,對於Photopea的操作並不感陌生,當最近再次使用時,讓梅干對Photopea大幅的改觀,不但功能大幅的強化外,甚至可做到Photoshop近八成的功能,由於Photopea是雲端版軟體,今天梅干來分享如何將Photopea變成離線版軟體,並且還可以它變成獨立視窗,至於要怎麼做現在就一塊來看看吧!
Photopea
Step1
首先開啟Photopea後,將語言設定為繁體中文。
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_01.jpg)
Step2
接著再把它加入書籤。
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_02.jpg)
Step3
這時就可將網路關掉,關閉後再點書籤中的Photopea。
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_03.jpg)
Step4
哈哈~就可正常的將它開啟,這時再點網址列右方的安裝。
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_04.jpg)
Step5
在安裝完畢後,Photopea就會變成一個獨立視窗。
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_05.jpg)
Step6
之後當沒在網路的情況下,先點書籤中的Photopea,接著再點後方的有個開啟圖示。
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_06.jpg)
Step7
鏘~鏘~即便是完全無網路的情況下,也可正常的開啟Photopea,同時還是獨立的工作視窗,因此即便沒網路也能正常的使用啦!
![梅問題-如何將 Phootpea 變成離線版影像編輯器,同時具有獨立工作視窗](http://photo.minwt.com/img/Content/photo/photopea-offline/photopea-offline_07.jpg)
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_00.jpg)
Step1
首先,先以SSH登入後,以序的輸入以下的指令,將HestiaCP安裝起來,當安裝完畢後,再輸入reboot重啟。
** SSH登入主機 **
ssh -i ~/.ssh/id_rsa 帳號@IP ** 1. 切換權限 **
sudo su – ** 2. 下載並安裝hst **
wget https://raw.githubusercontent.com/hestiacp/hestiacp/release/install/hst-install.sh ** 3. 將Email、Password、hostname 修改為自己所需 **
bash hst-install.sh –interactive no –email admin@example.com –password exampledemopassword –hostname domainname.example.com -f ** 重啟主機 **
reboot
ssh -i ~/.ssh/id_rsa 帳號@IP ** 1. 切換權限 **
sudo su – ** 2. 下載並安裝hst **
wget https://raw.githubusercontent.com/hestiacp/hestiacp/release/install/hst-install.sh ** 3. 將Email、Password、hostname 修改為自己所需 **
bash hst-install.sh –interactive no –email admin@example.com –password exampledemopassword –hostname domainname.example.com -f ** 重啟主機 **
reboot
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_01.jpg)
Step2
接著到防火牆的地方,將8083,80,443,143,993,110,995,25,465,587這些埠號設為開啟。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_02.jpg)
Step3
這時網址:8083,就可登入Hestia的管理後台,這時再輸入帳號(admin)與密碼(就是步驟1所設定的),如果要修改預設的埠號,可輸入下方的指令修改。
sudo su –
** 5500可自行修改 **
v-change-sys-port 5500
v-change-sys-port 5500
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_03.jpg)
Step4
在登入後,點上方的Add User建立一個使用者。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_04.jpg)
Step5
在建立後,點一下剛所建立好的使用者。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_05.jpg)
Step6
在切換為剛所所需建立的帳號後,再點Add Web Domain,建立網站的網域名稱 (當進入帳號底下,才會看到DB選項,但在管理員下,會看不到DB選項)。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_06.jpg)
Step7
在建立完畢後,記得到DNS地方,將域名與IP對應後,再點剛所建立好域名後方的筆型圖示。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_07.jpg)
Step8
進入後,將下方的SSL選項勾起來。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_08.jpg)
Step9
過一回在安裝完畢後,就會看到SSL下方出現綠色勾勾。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_09.jpg)
Step10
接著點一下域名,進入後,再點右上的Quick Install App鈕。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_010.jpg)
Step11
再點一下WordPress下方的Setup。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_011.jpg)
Step12
接著再輸入WordPress的帳密、網站名稱、管理者信箱。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_012.jpg)
Step13
當上方出現綠色文字,表示已安裝完成。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_013.jpg)
Step14
這時再回到網站底下,點下方的Advanced Options。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_014.jpg)
Step15
將FTP勾選起來,再輸入FTP的帳號、密碼。
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_015.jpg)
Step16
說明
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_016.jpg)
Step17
說明
![梅問題-VPS主機視覺化的管理工具HestiaCP,且內建WordPress模組、SSL、FTP、Mail](http://photo.minwt.com/img/Content/server/hestiacp-control-panel/hestiacp-control-panel_017.jpg)