0ct0pu5
/
tutorials


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							    <!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 &amp; 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>