feat(content): add new images and metadata for 'Installing and Runnin…

…g InvokeAI on MacOS' post

This commit includes cover images, installation process images, web interface images, and their respective metadata. This is to provide visual aids and improve the overall readability of the post.

feat(content/posts): add new images and metadata for InvokeAI macOS installation guide

- Add images and metadata for samples 02 to 10 to enhance visual representation and understanding of the installation process.

feat(blog): add new post on installing and running InvokeAI on macOS
docs(blog): provide step-by-step guide on how to install and use InvokeAI for AI image generation on macOS

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/install/01.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Finished installing"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/install/02.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Starting up the web interface"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/01.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "01"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/again/01.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Just starting up"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/again/02.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Nearly there"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/again/03.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "03"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/again/04.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "It's finished"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/again/raw.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "The raw file!!!"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/cover/01.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "What is it going to look like?"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/cover/02.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "The finished cover"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/cover/raw.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Upscaled and unedited"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/01.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "beautiful lady, (freckles), big smile, ruby eyes, long curly hair, dark makeup, hyperdetailed photography, soft light, head and shoulders portrait, cover"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/02.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Leica Hasselblad portrait, hyperdetailed Photography, a Native American man walks proudly confidently in traditional clothing with an Indian feather hat on his head a wolf accompanies him in the streets of New York in the middle of the buildings in the middle of the road. Large view"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/03.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "A hyperdetailed photograph of a Cat dressed as a mafia boss holding a fish walking down a Japanese fish market with an angry face, 8k resolution, best quality, beautiful photograph, dynamic lighting,"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/04.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "A beautiful portrait photograph of a dragon with diamond and gemstone scales, opal eyes, cinematic, gem, diamond, crystal, fantasy art, hyperdetailed photograph, shiny scales, 8k resolution,"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/05.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "A woman wearing a hat poses for a picture, in the style of oshare kei, black, wide lens, shiny/ glossy, solapunk, dark silver, rim light"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/06.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Portrait of a kind of a young man, twenty years with brown hair, childish, droopy eyes, unconventional beauty, moody atmosphere by Saul Leiter"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/07.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Medium shot, Adorable creature with big reflective eyes, moody lighting, best quality, full body portrait, real picture, intricate details, depth of field, in a forest, fujifilm xt3, outdoors, bright day, beautiful lighting, raw photo, 8k uhd, film grain, unreal engine 5, ray tracing"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/08.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "photograph, a path in the woods with leaves and the sun shining , by Julian Allen, dramatic autumn landscape, ears, park, take off, peace, rich cold moody colours, hi resolution, oaks"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/09.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "Coqui frog in batman uniform, 8k"
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/images/web/samples/10.png.meta

@@ -0,0 +1,3 @@
+{
+"Title": "dark aesthetic photo, an Iranian girl amidst a chaotic street protest in Tehran, The scene is filled with tension and unrest, as flames from fire flares illuminate the night sky in the background. Standing boldly on the roof of a car."
+}

content/posts/2024-04-14-installing-and-running-invokeai-on-macos/index.md

@@ -0,0 +1,176 @@
+---
+title: "Installing and running InvokeAI on macOS"
+author: "Russ McKendrick"
+date: 2024-04-14T07:30:00+01:00
+description: "A step-by-step guide on installing and running InvokeAI on macOS for local AI image generation using Conda and Python."
+draft: false
+showToc: true
+cover:
+    image: "cover.png"
+    relative: true
+tags:
+  - "macOS"
+  - "Python"
+  - "AI"
+---
+
+Just a quick post this week, following on from [my last post last week about using Conda](/2024/04/06/conda-for-python-environment-management-on-macos/) and also the one from a few weeks about about [running LLMs locally using ollama](/2024/03/29/running-llms-locally-with-ollama/) I decided to explore the world of AI image generation on my local macOS machine.
+
+To do this I thought I would revisit a tool I dabbled with about a year ago called [InvokeAI](https://github.com/invoke-ai/InvokeAI), the tool is described as follows:
+
+> InvokeAI is a leading creative engine for Stable Diffusion models, empowering professionals, artists, and enthusiasts to generate and create visual media using the latest AI-driven technologies. The solution offers an industry leading WebUI, supports terminal use through a CLI, and serves as the foundation for multiple commercial products.
+
+## Installing InvokeAI
+
+While there is an automated installer, I thought it best to run through a manual installation so I have a little more control over what is installed and where on my machine.
+
+### Preparing the Python environment
+
+I am going to use Conda so I don't end up messing up my newly organized Python environment:
+
+{{< terminal title="Creating the InvokeAI conda environment" >}}
+```
+conda create -n InvokeAI python=3.11
+conda activate InvokeAI
+```
+{{< /terminal >}}
+
+As you can see, we are setting up the environment using Python 3.11, this is because not everything that InvokeAI uses has been updated to use Python 3.12, yet. 
+
+### Setting the path and installing
+
+With our Python environment ready we can now set the path where InvokeAI will store its config, database and files:
+
+{{< terminal title="Setting the path" >}}
+```
+export INVOKEAI_ROOT=~/invokeai
+mkdir $INVOKEAI_ROOT
+```
+{{< /terminal >}}
+
+The path I have used, `~/invokeai` is the default one, if you change this I would recommend adding `export INVOKEAI_ROOT=~/your/own/path/to/invokeai` to your `~/.zshrc` or [Dotfiles](/2024/04/02/updating-my-dotfiles/).
+
+We can now install InvokeAI itself, to do this run the following command:
+
+{{< terminal title="Installing InvokeAI and its requirements" >}}
+```
+pip install InvokeAI --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu121
+```
+{{< /terminal >}}
+
+As you can see, it installs **alot** of packages and takes a few minutes to download and install everything.
+
+### Starting the web interface
+
+Once installed, all that is left to do is to start the web interface - to do this run the following command:
+
+{{< terminal title="Starting the InvokeAI web interface" >}}
+```
+invokeai-web
+```
+{{< /terminal >}}
+
+The first time you run this command it will take slightly longer than it normally would take due to it creating the configuration files and databases etc.
+
+{{< gallery match="images/install/*" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=true >}}<br>
+
+As you can see from the output above, once it has started you will prompted to open your browser and entering http://127.0.0.1:9090/.
+
+## Using InvokeAI
+
+Upon first opening the web UI you will be presented with a screen which looks like one below:
+
+{{< gallery match="images/web/01.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+### Downloading a model
+
+Before we can generate an image we need to download a model, I chose to download [Juggernaut XL v9](https://civitai.com/models/133005?modelVersionId=348913) which is one of the ones listed in the model manager - as you can see from the samples below, it is capable of quite a few different styles of images:
+
+{{< gallery match="images/web/samples/*" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+{{< notice tip "Info" >}}
+All of the images above are taken from the [Juggernaut XL v9 page](https://civitai.com/models/133005?modelVersionId=348913) at [CivitAI](http://civitai.com/)
+{{< /notice >}}
+
+### Creating the cover image for this post
+
+With the model downloaded, I went to the test prompt page and entered the following as the prompt:
+
+> Photo of a 1950s vintage retro robot working intently on his laptop, seated in a bustling coffee shop. The scene captures a realistic setting with natural lighting from the window, reflecting off his detailed, focused expression. Surrounding him are blurred patrons and baristas, adding depth and life to the image, complemented by the ambient coffee shop interior with wooden tables and cozy decor. Natural light, 35mm photograph, film, professional, 4k, highly detailed, Golden hour lighting, Depth of field F2, Rule of Thirds Composition.
+
+I also entered this as the negative prompt:
+
+> malformed, extra limbs, poorly drawn anatomy, badly drawn, extra legs, low resolution, blurry, Watermark, Text, censored, deformed, bad anatomy, disfigured, poorly drawn face, mutated, extra limb, ugly, poorly drawn hands, missing limb, floating limbs, disconnected limbs, disconnected head, malformed hands, long neck, mutated hands and fingers, bad hands, missing fingers, cropped, worst quality, low quality, mutation, poorly drawn, huge calf, bad hands, fused hand, missing hand, disappearing arms, disappearing thigh, disappearing calf, disappearing legs, missing fingers, fused fingers, abnormal eye proportion, Abnormal hands, abnormal legs, abnormal feet, abnormal fingers, drawing, painting, crayon, sketch, graphite, impressionist, noisy, blurry, soft, deformed, ugly.
+
+Then I clicked the button to generate the image:
+
+{{< gallery match="images/web/cover/01.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+After a few minutes, and after clicking the upscale button I was left with this:
+
+{{< gallery match="images/web/cover/02.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+It wasn't exactly what I asked for - but as a first effort, not a bad result - you can find the upscaled version [here](/2024/04/14/installing-and-running-invokeai-on-macos/images/web/cover/raw.png).
+
+### Trying again
+
+Let's take the prompts and settings from one of the examples and run that through our own local copy of the model:
+
+> A hyperdetailed photograph of a Cat dressed as a mafia boss holding a fish walking down a Japanese fish market with an angry face, 8k resolution, best quality, beautiful photograph, dynamic lighting,
+
+With a negative prompt of:
+
+> (worst quality, low quality, normal quality, lowres, low details, oversaturated, undersaturated, overexposed, underexposed, grayscale, bw, bad photo, bad photography, bad art:1.4), (watermark, signature, text font, username, error, logo, words, letters, digits, autograph, trademark, name:1.2), (blur, blurry, grainy), morbid, ugly, asymmetrical, mutated malformed, mutilated, poorly lit, bad shadow, draft, cropped, out of frame, cut off, censored, jpeg artifacts, out of focus, glitch, duplicate, (airbrushed, cartoon, anime, semi-realistic, cgi, render, blender, digital art, manga, amateur:1.3), (3D ,3D Game, 3D Game Scene, 3D Character:1.1), (bad hands, bad anatomy, bad body, bad face, bad teeth, bad arms, bad legs, deformities:1.3
+
+Clicking on the Invoke button gives ...
+
+{{< gallery match="images/web/again/01.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+We can soon start to see the image coming together ...
+
+{{< gallery match="images/web/again/02.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+Until we have our final image ...
+
+{{< gallery match="images/web/again/03.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+Not quite sure whats up with the fish - but another great effort ...
+
+{{< gallery match="images/web/again/04.png" sortOrder="assc" rowHeight="200" margins="5" thumbnailResizeOptions="600x600 q90 Lanczos" showExif=true previewType="blur" embedPreview=true loadJQuery=false >}}<br>
+
+You can find the untouched upscaled image [here](/2024/04/14/installing-and-running-invokeai-on-macos/images/web/again/raw.png).
+
+## Shutting down and starting up
+
+When you have finished with InvokeAI you can shut it down by pressing **CTRL+C** to quit. When you need to reopen, open a terminal and run:
+
+{{< terminal title="Starting InvokeAI up again" >}}
+```
+conda activate InvokeAI
+invokeai-web
+```
+{{< /terminal >}}
+
+Returning to http://127.0.0.1:9090/ will let you pick up where you left off.
+
+## Further reading 
+
+{{< notice warning "Warning" >}}
+As this is a local install it is not moderated - because of this, depending on the models you download you may end with NSFW images. Some of the links below may also contain images that could be classed as NSFW.
+{{< /notice >}}
+
+- [Lexica](https://lexica.art), a source of inspiration for prompts
+- [CivitAI](http://civitai.com/), as already mentioned, it's a great source for models and modifiers as well as images.
+- [ArtHub.ai](https://arthub.ai), another source of prompts for Stable Diffusion based models
+
+## Conclusion
+
+InvokeAI is a powerful tool for generating AI-driven images locally on your macOS machine. By following the step-by-step installation process outlined in this post, you can set up a dedicated Python environment using Conda and install InvokeAI along with its dependencies.
+
+Once installed, the InvokeAI web interface provides an intuitive way to explore and generate images using various models. By downloading a model like Juggernaut XL v9 and experimenting with different prompts and settings, you can create stunning and unique images right on your own computer.
+
+While the results may not always be exactly what you envisioned, the ability to iterate and refine your prompts allows for a creative and engaging experience. With a little practice and exploration, you can unleash your imagination and generate impressive AI-driven images.
+
+It's important to keep in mind that local installations of InvokeAI are not moderated, so be cautious when downloading models and be prepared for the possibility of encountering NSFW content.
+
+Overall, InvokeAI is a fascinating tool that opens up a world of possibilities for AI image generation on macOS. Whether you're an artist, designer, or simply curious about the capabilities of AI, InvokeAI is definitely worth exploring. So dive in, experiment, and let your creativity run wild!