博客相关
最新即刻短文添加哔哩哔哩视频
前言像纳斯经常说的那样,为了一碟醋,包了一顿饺子。 今天看到一个想分享的视频,所以想到发一下短文分享一下,才想起来短文还没有支持bilibili,只支持了视频,所以就给它加上了,来总结一下修改的过程并给有需要的小伙伴看看。 效果预览 修改即刻短文的pug代码找到 themes\butterfly\layout\includes\page\essay.pug 文件,找到相识的代码块后,添加如下代码: 12345678910 if item.aplayer .bber-music meting-js(id=item.aplayer.id server=item.aplayer.server type="song" mutex="true" preload="auto" theme=(--shine-main)" order="list")+ if item.bilibili+ .bber-iframe-bilibili+ each iten ...
博客相关
文章页添加个性页脚
前言在几周前逛了一下Heo的博客,看到Heo博客的样式又有了新的变化,不得不说,Heo真的太棒了,设计灵感层出不穷,仿佛没有瓶颈似的创作,让我每次都是怀着期待进入他的博客站点。 在看完一篇博文后,我滑到底部,惊讶的发现,底部的页脚尽然有了变化,而且这个样式很棒,不仅可以点击跳转到首页简化读者的操作,还能给人一种专业高大上的感觉! 效果预览 编写个性化页脚的元素结构新建 themes\butterfly\layout\includes\footer_shine.pug 文件,在里面写入如下代码: 123456#shine-footer-bar .footer-logo svg.icon.iconfont.icon-Shine(style="width: 2.5em; height: 1.5em; margin-right: 4px;") use(xlink:href="#icon-Shine") .footer-bar-description 来自 Shine - 热爱生活点滴,分享时刻精彩的文章 a.footer-bar-l ...
博客相关
即刻短文新增话题与心情标签
前言因为在平时我会刷到一些有趣信息想要分享,所以我第一时间想到了发即刻短文,但是一般发即刻短文都类似发动态一样,然后我就想,可以给一条即刻短文附上它的属性,让这条短文有它自己指向的话题,之后我就立马加上了这个话题标签。 在加上话题标签之后,我又看了看即刻短文的作者标签,感觉这个标签有点多余呀~,想到这里,我开始联想作者这个标签能和什么有关联呢?灵感闪现,如果让读者在看短文的内容时就像是在听作者在旁边绘声绘色讲似的,这样会不会体验感更好,也更能让读者读到此时作者的心情和状态,然后我就马不停蹄地给作者这个标签加上了可以选择表情的样式,让作者在发布的时候可以选择自己当前的心情。 效果预览 修改添加作者心情和短文话题的代码由于即刻短文不是btf主题原生的页面,所以也找不到原生对照,下面我就直接附上调整过的pug代码了,在essay.pug文件中找到代表标签的代码段,然后添加如下代码: 1234567891011121314151617181920212223242526272829303132333435363738394041424344hr.bber-bottom .bber-info ...
博客相关
博客首页添加页数跳转按钮
前言起初添加这个功能,是因为看到leonus和heo都做了这个新功能(新活儿),所以当然不能落后呀,我就马不停蹄的将它实现(抄✍️)了。 预览效果效果如下图: 页面添加按钮元素找到 themes\butterfly\layout\includes\pagination.pug 文件,并在文件的最后做如下代码添加: 123456789101112......省略上面无关紧要的代码else nav#pagination .pagination if is_home() - options.format = 'page/%d/' !=paginator(options)+ if is_home()+ .toPageGroup+ input#toPageText(maxlength="3" oninput="value=value.replace(/[^0-9]/g,'')" onkeyup="if (this.value ...
博客相关
友链头像轮播图教程
前言有小伙伴这周问我友链页的顶部轮播图的制作细节,这得马上安排一波友链顶部的友链头像轮播图教程才行呀! 预览效果效果如下: 修改友链页代码找到友链页面的代码文件 themes\butterfly\layout\includes\page\flink.pug ,然后找到对应位置添加如下代码: 12345678910111213141516171819202122232425262728293031323334353637383940414243#article-container .flink+ if site.data.link+ .flink-card+ .flink-card-title+ .flink-card-title-small 友情链接+ .flink-card-title-big 与各类技术博主共同进步+ .flink-card-container+ .flink-card-wrapper+ if site.data.link+ ...
人工智能
AI绘画之使用mov2mov插件生成视频
前言视频生成是一个很新颖的东西,在 sd webui 中有个插件叫做 mov2mov,这个插件主要就是实现视频生成的功能的,我也是很有幸的能给这个插件贡献一些代码,并且该作者后面也会衍生其他关于视频动画的产品。 预览效果 mov2mov插件的安装打开 sd webui 的网页,找到页面上方的 Extensions 选项卡,点击选项卡后在展示的页面中点击 Install from URL 子选项卡,操作如下图: 然后在 URL for extension’s git repository 输入框内输入mov2mov插件的仓库url,内容如下: 1https://github.com/Scholar01/sd-webui-mov2mov 并且在第二个输入框中输入插件名称,如下: 1mov2mov_github 最后点击下方的 Install 安装按钮,等待安装完毕即可,完成操作后如下图: 安装完成后,我们还需要将它启动一下,我们点击 Installed 子选项卡,然后勾选 mov2mov_github,最后点击上方的 Apply and restart UI 按钮即可启用该插件并刷新页 ...
问题笔记
AI绘画之生成的图片很糊很灰暗
前言在前面的教程中可以看到一些生成的图片比较灰暗和糊糊的感觉,相信或多或少的小伙伴都会遇到这样的问题,下面就说一下我是如何解决这个问题的。 下载并设置vae模型 vae模型下载链接:https://huggingface.co/stabilityai/sd-vae-ft-ema-original 将如下图的两个模型下载下来:下载完后,将这两个模型移动到 sd webui 项目的这个文件夹中 stable-diffusion-webui\models\VAE 即可。 随后去到 sd webui 的 setting 选项卡页面,在这个页面中的左边选择 Stable Diffusion 这个选项,在点选后展示的页面中,找到 SD VAE 这一栏参数,将它选择为我们下载的其中一个模型就行,我选择的是以.safetensors后缀结尾的这个模型,具体操作如下图:最后,点击上方的 Apply settings 保存设置按钮即可。 mov2mov生成的视频模糊偏灰暗将参数 Noise multiplier 调整到 1 即可解决。 文字生成的图片模糊偏灰暗将 Hires. fix 参数勾选上 ...
人工智能
AI绘画入门之使用图片生成图片
前言stable diffusion webui(后面简称 SD webui)的功能有很多,其中就有使用图片来生成图片(后面简称图生图)的功能。 图生图介绍图生图其实就是比文生图(文字生成图片的简称)多上传了一张图片,上传这张图片的作用是给sd webui做采样使用,也就是说生成出来的图片会根据你上传的图片来二次加工,并通过调整 Denoising strength 参数来控制生成的图片是否跟上传的图片有关联,当 Denoising strength 的参数越大时,生成的图片就和你上传的图片没有关联了,当 Denoising strength 越小时,生成的图片就会和你上传的图片有很大的关联。点击入下图的标签切换到图生图界面: 图片上传点击如下图的地方,就会弹出一个上传窗口,在上传窗口中选择你要上传的图片,然后再点击窗口右下角的打开按钮即可上传: 添加 Prompt 提示词为什么上传了图片还需要给prompt提示词? 其实可以不用给提示词,那样就和文生图一样,sd webui 会按照模型的风格来随机生成一张图片,如果此时上传了图片,那么sd webui 就会根据上传的图片来随 ...
人工智能
AI绘画之输入文字生成图片
前言最近都想着先把 Stable Diffusion Webui 的基础用法讲明白,让大家能够轻松的上手制作自己想要的图片。工作上也有点忙,每天回到家也是10点多了,近期每一篇文章发出都是在凌晨两三点。文章内容如果有晦涩难懂的地方,可以评论区告诉我,我会马上修改的。 下载模型C 站 里有各路大佬训练出来并上传免费下载使用的模型,你也可以将自己训练的模型上传到这里。点击前面的链接进入C 站,找到你喜欢的模型并下载,注意要下载大模型,也就是大小要有1GB以上的模型,也可以直接筛选下载CHECKPOINT类型的模型。 下载完后,将模型放到 stable-diffusion-webui\models\Stable-diffusion 文件夹中,然后打开 Stable Diffusion Webui 页面,在页面左上角有一个下拉框,点击下拉框找到你刚刚的模型,如果找不到,可以点击下拉框右边的刷新图标,点击它即可刷新出你刚刚放置进去的模型,如果刷新不出来,请重新运行启动项目。 文字提示词当选择完模型之后,就可以到文字提示词输入框中输入你想要的提示词了,如下图: 因为不同的模型,输入相同的提示 ...
人工智能
AI绘图入门之本地部署
前言这是AI创作系列的第一篇文章,我希望AI创作系列的文章能一直延续下去,想要找到志同道合的朋友,或者有不懂的问题想要请教、交流都可以加企鹅群398637405,或者博客评论告诉我。希望大伙玩的开心呀! 效果预览 Stable Diffusion WebUI 介绍Stable Diffusion Web UI 是一个使用gradio模块开发的前端项目,而gradio模块则是专门用于开发人工智能可视化网页的。Stable Diffusion Web UI 提供了多种功能,如 txt2img、img2img、inpaint 等,还包含了许多模型融合改进、图片质量修复等附加升级。通过调节不同参数可以生成不同效果,用户可以根据自己的需要和喜好进行创作。我们可以通过Stable Diffusion Web UI 训练我们自己的模型,它提供了多种训练方式,通过掌握训练方法可以自己制作模型。 Stable Diffusion Web UI 仓库:https://github.com/AUTOMATIC1111/stable-diffusion-webuiGradio文档:https://gr ...