About SD-ComfyUI

Foreword

http://www.tightbytes.com/art/images/Cui/23/LesAmies08a.png

These pages are all about sharing what I’ve sort-of picked up using ComfyUI and Stable Diffusion.

I have rather gravitated towards ComfyUI as my Stable Diffusion interface because of its flexibility through the use of nodes. These pages reflect my current uderstanding and use of this interface. I still have much to learn and explore in this rapidly expanding world of AI-based graphics. Hope my meanderings prove useful to someone.

I’ve moved all notes on how things are progressing in ComfyUI to its own page.


ComfyUI Install-2024

From BASH

cd ./ComfyUI
python3 -m venv venv
source venv/bin/activate
pip install torch torchvision torchaudio --extra-index-url https://download.pytorch.org/whl/cu121
pip install -r requirements.txt
git clone https://github.com/comfyanonymous/ComfyUI.git
pip install -r requirements.txt
deactivate
cd ..
cd /home/robyn/ComfyUI/ && source venv/bin/activate && python3.10 main.py
deactivate && cd ..
cd ./ComfyUI/custom_nodes
git clone https://github.com/ltdrdata/ComfyUI-Manager.git
cd ..
cd /home/robyn/ComfyUI/ && source venv/bin/activate && python3.10 main.py
deactivate && cd ..
cd /home/robyn/ComfyUI/ && source venv/bin/activate && python3.10 main.py
deactivate && cd ..
git clone https://github.com/comfyanonymous/ComfyUI.git
cd ./ComfyUI
python3 -m venv venv
source venv/bin/activate
pip install torch torchvision torchaudio --extra-index-url https://download.pytorch.org/whl/cu121
pip install -r requirements.txt
cd ./custom_nodes
git clone https://github.com/ltdrdata/ComfyUI-Manager.git
cd ..
deactivate && cd ..
cd /home/robyn/ComfyUI/ && source venv/bin/activate && python3.10 main.py

Current–Aug2024–Approach

  1. Install ComfyUI from git, then cd into it:

    git clone https://github.com/comfyanonymous/ComfyUI.git
    cd ./ComfyUI
    
  2. Create a virtual Python environment for your install and activate it:

    python3 -m venv venv
    source venv/bin/activate
    
  1. Run this:

    pip install -r requirements.txt
    
  1. Do torch stuff:

    pip install torch torchvision torchaudio --extra-index-url https://download.pytorch.org/whl/cu121
    

Note: this will take a while.

  1. Check that this works:

    cd /home/robyn/ComfyUI/ && source venv/bin/activate && python3.10 main.py
    
  2. Install Manager:

    cd ./custom_nodes
    git clone https://github.com/ltdrdata/ComfyUI-Manager.git
    cd ./ComfyUI-Manager
    pip install -r requirements.txt
    

. .


Reminders [to Myself] of Sphinx Stuff

Inline images

For externally-stored images (most will be stored on Tightbytes, for my pages):

* .. image:: http://www.tightbytes.com/Music/CReinecke/CReinecke1890.jpg

and for those stored with the data files:

* .. image:: ../images/blAltRtClick01.png

Embedded YouTube Video

This code:

.. raw:: html

<iframe width="560" height="315" src="https://www.youtube.com/embed/123xxxXXXyZ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<hr style="height:4px;border-width:0;color:gray;background-color:gray">

Should have 11 characters:

3LbsmS5TJXA
123xxxXXXyZ

Key to note is the difference in the link in the raw html syntax vs the actual youtube link:

https://www.youtube.com/embed/123xxxXXXyZ
https://www.youtube.com/watch?v=9USTddwNoXU

Basically, “embed/” instead of “watch?v=”.

Embedded Audio

This code:

.. raw:: html

        <audio controls="controls">
          <source src="http://tightbytes.com/music/Sketches/Sketch11.mp3" type="audio/wav">
          Your browser does not support the <code>audio</code> element.
        </audio>

…produces:


Embedded Non-youtube Video

This code:

.. raw:: html

   <iframe width="560" height="315" src="https://tightbytes.com/videos/projects/garden/Aj-SHTrench.mp4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

   |

…produces:

|

(Note to self: took out [ autoplay; ] )


Creating Dotpoints

Once you’ve decided:

  • Select A.

  • Select B.

  • To identify C.

  • Finally, click on D.

Note: setting things to italics like this makes more impact - these have yielded reasonable results. You will almost certainly find better settings, which is the whole point of sharing this.

Horizontal Separator Lines

The code is this (minus the ‘*’):

     * .. raw:: html

<hr style="height:4px;border-width:0;color:gray;background-color:gray">

…which produces the following grey horizonal bar to help separate sctions (like the one below).


HTML and CSS

Grid for two simple layouts:

Slide Show:

A CSS ideas Plan

AstroDocs