|
|
@@ -0,0 +1,74 @@
|
|
|
+ <!DOCTYPE html>
|
|
|
+ <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
+ <head>
|
|
|
+ <title>Run miniPaint - Browser Based Image Editor - on Linux</title>
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="keywords" content="Browser Based,Home Lab,Home Lab Ideas,Install Guide,Self-Hosted,Web Based,Web Based Tools,Linux,Open Source,Debian,Ubuntu,Web Based Image Editor,Web Based Photoshop Alternative,Photoshop Alternative,NodeJS,MiniPaint,Install MiniPaint On Linux,NodeJS Based Photo Editor,Web Based Photo Editor,How To,Tutorial,i12bretro">
|
|
|
+ <meta name="author" content="i12bretro">
|
|
|
+ <meta name="description" content="Run miniPaint - Browser Based Image Editor - on Linux">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <meta name="revised" content="12/30/2023 02:40:14 AM" />
|
|
|
+ <link rel="icon" type="image/x-icon" href="includes/favicon.ico">
|
|
|
+ <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
|
+ <script type="text/javascript" src="includes/js/steps.js"></script>
|
|
|
+ <link href="css/steps.css" rel="stylesheet" type="text/css" />
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div id="gridContainer">
|
|
|
+ <div class="topMargin"></div>
|
|
|
+ <div id="listName" class="topMargin">
|
|
|
+ <h1>Run miniPaint - Browser Based Image Editor - on Linux</h1>
|
|
|
+ </div>
|
|
|
+ <div></div>
|
|
|
+ <div id="content">
|
|
|
+ <h2>What is miniPaint?</h2>
|
|
|
+
|
|
|
+<p><em>[miniPaint is an] online image editor lets you create, edit images using HTML5 technologies. No need to buy, download, install or have obsolete flash. No ads. Key features: layers, filters, HTML5, open source, Photoshop alternative.<br />
|
|
|
+<br />
|
|
|
+miniPaint operates directly in the browser. You can create images, paste from the clipboard (ctrl+v) or upload from the computer (using menu or drag & drop). Nothing will be sent to any server. Everything stays in your browser.</em> -<a href="https://github.com/viliusle/miniPaint" target="_blank">https://github.com/viliusle/miniPaint</a></p>
|
|
|
+
|
|
|
+<h2>Installing NodeJS</h2>
|
|
|
+
|
|
|
+<ol>
|
|
|
+ <li>Log into the Linux device</li>
|
|
|
+ <li>Run the following commands in a terminal window
|
|
|
+ <div class="codeBlock"># add nodejs software repository<br />
|
|
|
+ curl -sL https://deb.nodesource.com/setup_20.x | sudo bash -<br />
|
|
|
+ # install nodejs<br />
|
|
|
+ sudo apt install nodejs -y<br />
|
|
|
+ # test node is working<br />
|
|
|
+ node -v<br />
|
|
|
+ # test npm is working<br />
|
|
|
+ npm -v</div>
|
|
|
+ </li>
|
|
|
+</ol>
|
|
|
+
|
|
|
+<h2>Running miniPaint</h2>
|
|
|
+
|
|
|
+<ol>
|
|
|
+ <li>Continue with the following commands:
|
|
|
+ <div class="codeBlock"># install git<br />
|
|
|
+ sudo apt install git -y<br />
|
|
|
+ # cd back to home<br />
|
|
|
+ cd ~<br />
|
|
|
+ # clone minipaint github repo<br />
|
|
|
+ git clone https://github.com/viliusle/miniPaint.git ./miniPaint<br />
|
|
|
+ # cd into git clone<br />
|
|
|
+ cd miniPaint<br />
|
|
|
+ # install dependencies<br />
|
|
|
+ npm install<br />
|
|
|
+ # build minipaint<br />
|
|
|
+ npm run build<br />
|
|
|
+ # run minipaint<br />
|
|
|
+ npm run server</div>
|
|
|
+ </li>
|
|
|
+ <li>Open a web browser and navigate to http://DNSorIP:8080</li>
|
|
|
+ <li>Welcome to miniPaint</li>
|
|
|
+</ol>
|
|
|
+
|
|
|
+<p>Source: <a href="https://github.com/viliusle/miniPaint/wiki/Build-instructions" target="_blank">https://github.com/viliusle/miniPaint/wiki/Build-instructions</a></p> </div>
|
|
|
+ </div>
|
|
|
+ </body>
|
|
|
+ </html>
|
|
|
+
|
i12bretro