前端框架大全
使用前端web框架以及插件说明
2.1选择前端web框架,我找了很多框架,以前学过自学过bootstrap觉得对于没有前端web设计经验的我来说很方便,就在极客学院自学了前端,然后找了一些相关的前端免费教程看了一下,慕课网也有部分,但是学了bootstrap感觉这只是前端主题风格但是有些细节组件方面还是欠缺,好多都要用到国外的bootstrap风格的插件,还是有些麻烦,这里总结几个我自己找个webUI框架供大家参考:
2.1.1妹子UI
是国内比较优秀的ui框架但是我觉得里面的风格不是很喜欢,主要是它的左侧菜单不喜欢以及整体语法,虽然是借鉴了bootstrap的使用方法,但是命名还是要去熟悉一下。
官网:http://amazeui.org/
2.1.2 H-UI
一开始看的时候觉得还不错,但是发现好久没更新了,是一个前端大牛自己弄的,号称是最适合国内开发风格的前端UI
官网:http://www.h-ui.net/
2.1.3 uikit
感觉跟bootstrap差不多的国外的,但是模板没有bootstrap多,大概看了一下,就没用了,也是组件问题,感觉要找起来麻烦。
官网:http://www.getuikit.net/index.html
2.1.4 拼图UI
界面还是蛮不错的,但是也是两个web前端大牛弄得,群里问过好像会自己更新,但是感觉速度还是跟不上,毕竟人家也要工作不是全职做这个。
官网:http://www.pintuer.com/
2.1.5 淘宝SUI
这个前端框架还是有移动版,目前移动版比PC版要更新快点,但是PC版很久没更新了,我发过邮件给淘宝找个UI的相关人员,他们说还是做版本更新,但是从14年到现在没什么消息,所以就放弃了。
官网:http://sui.taobao.org/sui/docs/index.html
2.1.5 ZUI
这个是我目前找到感觉还不错的一个,因为语法跟bootstrap几乎一样的,而且也是一个青岛的公司开发的,组件也够用,是在bootstrap基础上深度定制的,风格也感觉清爽,还有移动端今年刚出的,本系统也是用这个WebUI。
官网:http://zui.sexy/
2.1.6 layui
另外还要介绍一个可能会在国庆之后推出1.0版本的webUI框架layui,这个是layer的作者贤心大神,目前已经全职开发的,也是我很期待的,等正式出来就拿来用一下,贤心作品值得期待。
官网:http://www.layui.com/
2.2 前端框架选择完了之后,就开始选择各种插件,组件了。
2.2.1 表格:DataTables
目前用到的表格是DataTables插件,很强大的一个js组件。
官网:http://datatables.club/
2.2.2 图表:Echarts
这是百度推出的图表组件很漂亮的,3.0是对移动端做了大量支持。
官网:http://echarts.baidu.com/
2.2.3 时间组件:jeDate
jeDate是我找到感觉国内最好看的,作者也一直在更新的一个时间js组件,很不错,功能也很强大。
官网:http://www.jayui.com/jedate/
2.2.4 js分页组件:laypage
这是贤心作品的分页组件,感觉还不错,以后应该还会跟着layui一起更新的。
官网:http://laypage.layui.com/
2.2.5 左侧菜单组件:metisMenu
这是找个国外的一个,js左侧菜单组件,风格跟ZUI很搭配。
官网:http://mm.onokumus.com/
2.2.5 富文本js组件:wangEditor
本来用UEditor或者kindeditor但是觉得这两个也好久没跟新了,就找到了wangEditor,作者一直都在更新维护,很不错,也很好看。
官网:http://www.wangeditor.com/
以上是就是目前系统中使用的前端页面设计使用的UI框架以及使用到的js组件,我找这些前端ui框架以及js组件主要是看是否还有人员在维护,因为我觉得现在浏览器一直都在做版本更新,一定要找一个有人维护的,这样才能让系统在新的浏览器上运行,不出错。
其实我找这些,找了好久,我也是一个很纠结的人,到底用哪个,选择了半天。
下一篇就是介绍目前博客系统功能上的实现,以及MVC布局页面的使用,谢谢,大家支持,有什么问题可以给我留言,我会改正的。
PS:所有的前端ui框架以及js组件版权全是原始开发作者所有,我这里只是介绍,本系统用到了哪些,以后用到了还会继续补充。
新手必看:强大的开源AI绘图Stable Diffusion Webui本地安装指南
Stable Diffusion(简称SD)是当今最流行的免费、开源的AI绘图机器人,很多收费的AI绘图底层就使用了Stable Diffusion。而 Stable Diffusion WebUI(简称SDW)是基于Stable Diffusion制作的一个友好操作界面,解决了Stable Diffusion用命令行操作的麻烦。
Stable Diffusion WebUI安装后,用户通过浏览器就能操作Stable Diffusion,包括各项参数、指令、设置、看图等,让所有会使用电脑登的人都能制作令人惊叹的AI绘图。而且你不需要花一分钱、绘图没有数量限制、没有想象力限制,通过安装Qpipi.com里提供的各类绘图模型,你在自己电脑上就可以实现!
虽然SDW使用起来容易不少,但安装Stable Diffusion Webui并不是一件简单的事,特别是在国内。本篇文章主要是想帮助小白用户一步一步在自己电脑上安装Stable Diffusion Webui,虽然过程会有点麻烦,但我相信你再生成第一个AI绘图后,这些麻烦事都会被那惊艳的绘图效果一扫而光。
注:本文内容所有内容、下载由 .com 提供。
好,我们开始啦吧!
AUTOMATIC1111/stable-diffusion-webui: Stable Diffusion web UI (github.com)
但Github在国内访问不稳定(DNS污染),所以不一定所有用户都能打开,所以我也准备了安装包下载:
[评论可见]隐藏内容 – 管理员可见
Stable Diffusion Webui 1.1.0
Stable Diffusion Webui v1.1.0
下载
提取码
Qpipi2023
将下载好的安装包解压到足够空间的硬盘里(剩余容量建议>10G,空间越大越好),例如放在 d:/stable-diffusion-webui ,或者短一点的 d:/sdw,名字随意,但最好用字母或数字的。
虽然主体看起来不大,但后面要装的绘图模型可不小。解压后先不用运行,还要安装两样软件,分别是python和Git。
官网网址: https://git-scm.com/
下载最新版的就行,一般选64-bit版的,以下是不同系统的下载链接:
官网Windows:64-bit版 | 32-bit版
国内Windows:(备用,如果官网打不开):
[评论可见]隐藏内容 – 管理员可见
Git-2.40.1-64-bit.zip
下载
Qpipi2023
Git-2.40.1-32-bit.zip
下载
Qpipi2023
官网MacOS:安装指引
官网Liunx:安装指引
安装步骤注意以下几点选项,其它步骤没啥好说的,按Next下一步直到完成即可。(借用网上的图)
图1、默认选项即可
图2、选第一项(最长的)即可
图3、选Let Git decide即可
图4、选Git from the command line and also…这一项即可
图5、选Use bundled OpenSSH即可
最后Finish完成,跳出个官网,可以不用理会直接关掉。开始进行下一步安装python。
Python是SDW运行所必需的编程语言环境,可以在官网下载最新版:https://www.python.org
官网下载页:https://www.python.org/downloads/
windows版:64-bit/32-bit通用下载
MacOS版: 通用下载
步骤比较简单,只要注意以下选项即可(借用网上的图):
注意选择Add python.exe to PATH这一项再点Install Now。安装路径你可以先记下,后面用的上。
安装完成后,准备进行下一步。
由于国内网络环境(大墙)会影响Stable Diffusion Webui的安装成败(安装时会下载组件),所以我们需要多做些准备,不然安装速度和一堆错误会让99%的小白暴走(包括我),很多人就是安装这搞不定被迫放弃。但海外安装可以无视这一步。
点进你解压的Stable Diffusion Webui目录,找到 webui-user.bat(国内的现在不要双击!不要执行!不然会被网速、错误折磨疯的…)
右键点文件(更多选项里),选编辑(记事本打开):
图1、将你刚刚安装的python.exe文件路径放在set PYTHON=后面即可,保存退出
什么?忘记python.exe在哪了? 那就到你的 C:/用户/ 文件夹里按上图的路径找一找,或者搜索python.exe ,然后copy路径…
在Stable Diffusion Webui目录找到 launch.py 右键文件,选择打开方式,可以选用记事本或者editplus、emeditor等编辑。按以下步骤修改,解决国内Github不能直接git获取下载的问题。这里感谢ghproxy.com
CTRL+F 搜索 def prepare_environment() (约224行),在所有https://github.com的前面加上https://ghproxy.com/。 解决一部分国内无法访问的情况。见下图:
图2、参考图片进行修改
如果不想动手改,可以重命名launch.py 为 launch-old.py后,用下载我改好的文件使用:
launch.zip
下载
Qpipi2023
首先编辑你的hosts文件,文件路径默认在 C:/WINDOWS/system32/drivers/etc/(视乎你的Windows安装路径,windows安装安在什么盘就去什么盘里找)
右键hosts文件,选择打开方式,可以用记事本编辑
在文件最后增加两行,对应IPv4/IPv6访问:
[评论可见]隐藏内容 – 管理员可见
修改完成后保存即可。
经过以上文件修改,基本上解决90%的国内无法访问和下载速度缓慢的问题。接下来我们再准备一些文件,增加安装效率!
虽然第四步已经解决了大多数无法下载和下载缓慢的问题,但有备无患,先把需要下载的文件放好,帮助处理安装失败时的补救!
首先下载 CodeFormer-master压缩包,解压到你的 /stable-diffusion-webui/venv/Scripts/ 目录里名为CodeFormer-master的目录中,备用
[评论可见]隐藏内容 – 管理员可见
CodeFormer-master.zip
下载
Qpipi2023
同5.1,下载open-clip-2.19.0.zip,解压到你的 /stable-diffusion-webui/venv/Scripts/ 目录里名为open-clip-main的目录中,备用
open_clip-2.19.0.zip
下载
Qpipi2023
同5.1,下载gfpgan-1.3.8.zip,解压到你的 /stable-diffusion-webui/venv/Scripts/ 目录里名为gfpgan-master的目录中,备用
GFPGAN-1.3.8.zip
下载
Qpipi2023
同5.1,下载taming-transformers-master.zip,解压到你的 /stable-diffusion-webui/venv/Scripts/ 目录里名为taming-transformers-master的目录中,备用
taming-transformers-master.zip
下载
Qpipi2023
同5.1,下载k-diffusion-0.0.14.zip,解压到你的 /stable-diffusion-webui/venv/Scripts/ 目录里名为k-diffusion-master的目录中,备用
[评论可见]隐藏内容 – 管理员可见
k-diffusion-0.0.14.zip
下载
Qpipi2023
智能绘图的主体模型决定了你的SD的绘画结果,这些模型都是经过数千万次训练出来的种子,所以开始前必须要有一个模型主体。下面提供是官方的通用模型,作为基础模型练手是足够用的。
模型主体文件后缀名是 .safetensors 、.ckpt、.pt等,目前模型主体多数用安全性高的 .safetensors 后缀名。
模型主体存放目录为,你的 stable-diffusion-webui/models/Stable-diffusion/ 里面
[评论可见]隐藏内容 – 管理员可见
v1-5-pruned-emaonly.safetensors
下载
Qpipi2023
注:Qpipi.com的 SD模型栏目汇聚数百个精选模型库,从人物、风景、动漫、机械、建筑、艺术、奇幻、动物等都有,请多捧场支持!Stable Diffusion-Qpipi
其实海外用户可以跳过第四步和第五步,因为不存在大墙的速度慢和无法访问。国内用户只能麻烦一些了。
本部下载的文件在后期安装遇到问题时,就很有用了。如果你还遇到安装时无法下载的文件,请截图或者告诉我什么安装包出错,我会加上。
做了真么多准备,我们要开始第一次运行SDW了。进入你的stable-diffusion-webui目录,双击webui-user.bat
弹出命令提示符界面,等待第一次的准备完成,不用着急,第一次运行过程应该会下载一些程序,并且编译一些代码,所以可能需要等几十分钟,中间记得不要让电脑休眠了。
等到提示中出现一段本地IP,就代表启动成功!恭喜你!复制这个IP地址到浏览器,你就可以开始尽情的使用Stable Diffusion Webui啦~
放心,只有第一次启动慢,以后再启动SDW就会很快乐~
注意:Stable Diffusion Webui运行过程中不要关闭这个命令提示符界面!
注意:AI绘图需要指令告诉他你想要什么,Qpipi收集了大量大神的指令集,可以前往查看
什么是指令绘图?
就是你告诉AI你想要什么样式的图,就像你告诉画师朋友你想要他帮你画啥图一个道理。
那么,啥也不说可以直接绘图吗?
当然可以,AI会按自己训练过的内容随便乱画… 嗯?!乱画好像也比我画的好。
那么指令的提示(Prompt)和负面提示(Negative Prompt)是什么?
这两种提示在使用中非常重要,以后Qpipi也会提供各路大神的指令给大家尝试。
原则上,提示Prompt是指你想要的东西,而负面提示Negative Prompt则相反,是你不想出现的东西。
但在目前实际使用过程中,受到底层架构影响、矛盾词汇影响、理解能力影响等,是有可能出现偏差的,通过调整指令细节减轻偏差。
指令相同,AI绘制的图片会一模一样吗?
目前而言,就算相同指令,AI绘制出来的画,整体风格相同,但在细节方面会有所不同,也就是目前基本上没有两张细节完全一样的AI绘图(可以玩找不同了)。
提供两套指令给大家练练手用,更多指令请移步SD绘图作品展示-Qpipi,每张作品都带有完整提示指令!
提示复制进 Prompt 栏
负提示复制进 Negative Prompt 栏
[评论可见]隐藏内容 – 管理员可见
提示复制进 Prompt 栏
负面提示复制进 Negative Prompt 栏
Stable Diffusion Webui对显卡显存有较高要求,直接影响绘图速度。4G显存算入门、24G显存也能全吃光。对CPU要求还好,没有显卡要求高,除非没有独立显卡才用CPU跑(噩梦)。
在测试中我用差不多10年前的GTX970 4G +16GDDR老爷机也能跑默认的512,2-3分钟一张图吧。
建议低于6G显存使用 txt to img 时默认绘图px大小不要调太高,后面可以用 Img to Img 拉升尺寸。
这些优化有常见的:
1、缓解显存不足 CUDA out of memory 的问题(无论有多大显存都可能出现)
2、优化nvidia系列显卡的性能及内存消耗。
3、解决小于4G显存跑不动的问题(2G显存可跑)
[评论可见]隐藏内容 – 管理员可见
1、解决显存不足 CUDA out of memory 的问题(无论有多大显存都可能出现)
编辑 你的 stable-diffusion-webui 目录中 webui-user.bat 文件
在 set COMMANDLINE_ARGS= 下一行增加
set PYTORCH_CUDA_ALLOC_CONF=max_split_size_mb:4096
保存文件,测试运行
最后的4096参数,显存很小可以尝试每次减少1024。显存很大可以尝试每次加1024,总数建议不高于6144(24G显存),多试试只要少出错就行。
2、优化nvidia系列显卡的性能及内存消耗。
编辑 你的 stable-diffusion-webui 目录中 webui-user.bat 文件
在 set COMMANDLINE_ARGS= 后面增加 –xformers
看起来是这样的:set COMMANDLINE_ARGS=–xformers
保存文件,测试运行
3、解决小于4G显存跑不动的问题(2G显存可跑)
编辑 你的 stable-diffusion-webui 目录中 webui-user.bat 文件
在 set COMMANDLINE_ARGS= 后面增加 –lowvram
看起来是这样的:set COMMANDLINE_ARGS=–lowvram
注意:–lowvram 只适合小于4G显存的显卡,小于6G显存可以用 –medvram
保存文件,测试运行
4、以上的优化全部都使用
编辑 你的 stable-diffusion-webui 目录中 webui-user.bat 文件
将以下代码替换原来的:
set COMMANDLINE_ARGS=–xformers –lowvramset PYTORCH_CUDA_ALLOC_CONF=max_split_size_mb:4096
保存、运行测试
5、其它一些优化设置搭配,可以自行尝试:
4G显存:–precision full –no-half –lowvram –always-batch-cond-uncond
6G显存:–precision full –no-half –medvram
低于5G显存:–medvram
低于3G显存:–lowvram –always-batch-cond-uncond
一般情况,直接关闭命令提示行窗口,关闭浏览器就可以的。这样可能资源释放不够完全,或者正在跑绘图任务或者程序出错呢?
[评论可见]隐藏内容 – 管理员可见
在命令提示行窗口按CTRL+C,会询问你是否终止批处理作业 Terminate batch job (Y/N) ,你按键盘字母 y 就会彻底关闭,关闭浏览器后,资源就完全释放了
在Stable Diffusion Webui安装、使用过程中你可能会遇到的问题,首先百度一下看看有没有热心网友解答了,或者在这留言给我,大家会尽量解答。
如果这篇文章对你有帮助,请多点赞、分享、收藏~
你还想知道关于Stable Diffusion的内容,欢迎留言告知。
SD相关的下载 Stable Diffusion-Qpipi.com
SD绘图作品展示 SD绘图作品展示-Qpipi.com
SD精选模型下载SD绘图模型主体-Qpipi.com
SD优化/美化模型下载SD绘图美化优化-Qpipi.com
SD插件下载SD绘图插件-Qpipi.com
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。