################
About SD-ComfyUI
################

********
Foreword
********

.. image:: http://www.tightbytes.com/art/images/Cui/23/LesAmies08a.png
    :width: 600px
    
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.  


.. raw:: html
   
   <hr style="height:8px;border-width:0;color:black;background-color:black">




********************
ComfyUI Install-2024
********************

=========
From BASH
=========

.. code-block:: 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
==========================

A) Install ComfyUI from git, then cd into it::

    git clone https://github.com/comfyanonymous/ComfyUI.git
    cd ./ComfyUI

B) Create a virtual Python environment for your install and activate it::

    python3 -m venv venv
    source venv/bin/activate

E) Run this::

    pip install -r requirements.txt

C) Do torch stuff::

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

Note: *this will take a while.*


E) Check that this works::

    cd /home/robyn/ComfyUI/ && source venv/bin/activate && python3.10 main.py

F) Install Manager::

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

. .


.. raw:: html
   
   <hr style="height:8px;border-width:0;color:black;background-color:black">





**********************
Stable Diffusion Links
**********************

`For Tavern <https://www.chub.ai/characters>`_

`Civit-AI <https://civitai.com/>`_

`OpenPose <https://github.com/CMU-Perceptual-Computing-Lab/openpose>`_

`GPT4All <https://github.com/nomic-ai/gpt4all>`_

`SD Tute <https://unimatrixz.com/blog/latent-space-camera-positions-developing-prompts/>`_

`SD Guide <https://stable-diffusion-art.com/prompt-guide/>`_

`SD 1.5 Download - needs 16gig card <https://rentry.org/sdmodels#stable-diffusion-v15-81761151-a9263745>`_

`SD 1.5 Download-HuggingFace <https://huggingface.co/runwayml/stable-diffusion-v1-5>`_

`SD 1.5 Hardware <https://decentralizedcreator.com/stable-diffusion-pc-hardware-requirement-detailed-guide/?utm_content=cmp-true>`_

`NSFW Gen <https://metaroids.com/lists/adult-ai-art-tools-that-can-generate-nsfw-ai-images/>`_

`Downloading from HuggingFace <https://huggingface.co/docs/hub/models-downloading>`_

`More on downloading <https://huggingface.co/docs/huggingface_hub/guides/download>`_

`HuggingFace Hub <https://github.com/huggingface/huggingface_hub>`_

`PlanetSuzy SD Guide <http://www.planetsuzy.org/t1098045-p8-stablediffusion-ai-part-two.html>`_




.. raw:: html
   
   <hr style="height:8px;border-width:0;color:black;background-color:black">







*************************************
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:

.. 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>

.. raw:: html
   
   <hr style="height:1px;border-width:0;color:gray;background-color:gray">



==========================
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:

.. raw:: html

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


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

.. raw:: html
   
   <hr style="height:1px;border-width:0;color:gray;background-color:gray">



==================
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*.



================
Links Management
================

Here's a typical example of embedding a link: Blender-for-Mac users, please refer to the `Mac user help <http://blender.stackexchange.com/questions/6173/where-does-console-output-go>`_ page.




==========================
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).

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




============
Sphinx Links
============

`Sphinx <https://thomas-cokelaer.info/tutorials/sphinx/rest_syntax.html>`_

`Help Images <https://docutils.sourceforge.io/docs/ref/rst/directives.html#images>`_

`Directives <https://docutils.sourceforge.io/docs/ref/rst/directives.html#container>`_

`Basic RST stuff <https://www.sphinx-doc.org/en/master/usage/restructuredtext/directives.html#table-of-contents>`_

`Classes <https://docutils.sourceforge.io/docs/ref/doctree.html#classes>`_



************
HTML and CSS
************

Grid for two simple layouts:

.. raw:: html

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



Slide Show:

.. raw:: html

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



`A CSS ideas Plan <https://ishadeed.com/article/conditional-css-has-nth-last-child/?utm_source=convertkit&utm_medium=email&utm_campaign=Why+people+use+CSS+frameworks%20-%2010872019>`_

`AstroDocs <https://docs.astro.build/en/editor-setup/>`_