小毛的Blog

Windows 使用 XAMPP 執行多個不同的 PHP 版本

如果要在 windows 底下使用 xampp 執行多個不同php版本

我個人建議採用 port 切割的方式也方便測試各版本的相容性
閱讀全文〈Windows 使用 XAMPP 執行多個不同的 PHP 版本〉

[轉貼]WP 如何解決，已提交的網址含有「noindex」標記的問題？

All in One SEO、Yoast SEO 等等外掛

找到 Meta Robots 的設置，然後把 noindex (不要索引) 設置為 index (可索引) 即可。

如何解決，已提交的網址含有「noindex」標記的問題？

內容出處: 如何解決，已提交的網址含有「noindex」標記的問題？ | WP小翔

[轉貼]如何用自己的資料集微調訓練自己的 ChatGPT 聊天機器人

如何用自己的資料集微調訓練自己的 ChatGPT 聊天機器人

新版的 chatGPT 已經有介面可以使用可至
chatGPT API 後台處理 https://platform.openai.com/finetune/

這是相關的說明文件 https://platform.openai.com/docs/api-reference/fine-tuning/create

閱讀全文〈[轉貼]如何用自己的資料集微調訓練自己的 ChatGPT 聊天機器人〉

SD 好用外掛推薦

閱讀全文〈SD 好用外掛推薦〉

[轉貼]使用 .htaccess 實現 Redirect 301/302 重定向轉址規則

如何重定向（301 Redirect）整個網站／網域到另一個新的網站／網域？

Redirect 301 / https://newsite.com/

如何重定向（301 Redirect）子目錄到另一個新的網站？

Redirect 301 /subfolder https://newsite.com/

.htaccess 能夠幫助我們透過簡單的幾行程式碼，就能輕鬆的寫入 Redirect 規則，實現 301 或 302 的轉址，讓老舊的網址能夠自動跳轉至指定的新網址，不怕讓使用者看到錯誤畫面而造成使用者體驗不佳的情況了。

內容出處: 使用 .htaccess 實現 Redirect 301/302 重定向轉址規則 – TechMoon 科技月球

[轉貼]WordPress 修改後台登入網址，提升安全性？（WPS Hide Login 教學）

WPS Hide Login

可以先從 ftp 內改名讓程式失效
從預設 /wp-admin/ 登入後然後復原即可

這是一篇「 WordPress修改後台網址」教學，我們會使用熱門的 WPS Hide Login 外掛，幫助你提升網站安全性。不論是架設 Blog 網站、形象網站、電商網路平台或是各種不同類型的網站，隨著訪客流量的提升，增強網站資安性會是急需面對的課題之一。

內容出處: WordPress 修改後台登入網址，提升安全性？（WPS Hide Login 教學） | 犬哥網站

[分享]ChatGPT Writer – 在 Gmail 中使用 ChatGPT 來潤飾信件

ChatGPT Writer – 在 Gmail 中使用 ChatGPT 來潤飾信件

Write emails & messages, fix grammar mistakes, rephrase text, change writing tone, summarize text, and much more using ChatGPT AI. Works on all sites. Free to use.

內容出處: ChatGPT Writer – Write emails, messages, and more using AI

[轉貼]csrf codeigniter 4/3 ajax

csrf codeigniter 4/3 ajax 比較佳的解決方案
閱讀全文〈[轉貼]csrf codeigniter 4/3 ajax〉

[分享]線上抽獎特效不錯

線上抽獎
https://vitozyf.github.io/lucky-draw/index.html#/

可以自訂名單與獎項

製做 zoom 動態背景

原理:
圖片製做成 GIF 動圖然後再轉檔 mp4 影片

圖片 -> gif
https://www.iloveimg.com/zh-tw/jpg-to-image#panel-gif
gif -> mp4影片
https://ezgif.com/gif-to-mp4

[轉貼]【祕技】在 LINE 群組發送免費推播的方法大公開，LINE官方帳號 2.0 難民有福了！ | by 卡米哥 | Medium

LINE Notify 限制
只能發送文字、圖片和基本貼圖，不能發送帶有按鈕的訊息
單則文字訊息最多 1000 字
每個群組每小時最多發送 1000 則訊息

LINE Notify 限制只能發送文字、圖片和基本貼圖，不能發送帶有按鈕的訊息單則文字訊息最多 1000 字每個群組每小時最多發送 1000 則訊息

內容出處: 【祕技】在 LINE 群組發送免費推播的方法大公開，LINE官方帳號 2.0 難民有福了！ | by 卡米哥 | Medium

[轉貼]使用js jquery 寫評價星級

<!doctype html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    </head>
    <style type="text/css">
        .stars{
            white-space: nowrap;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .stars li{
            display: inline-block;
            color: #ADADAD;
            font-size: 40px;
        }
    </style>

    <body>
        <ul class="stars">
            <li>★</li>
            <li>★</li>
            <li>★</li>
            <li>★</li>
            <li>★</li>
        </ul>
        <script src="../../js/common/jquery-git.js"></script>
        <script>
        $(function() {
                //为星星设置hover效果
                var isClicked = false;
                var beforeClickedIndex = -1;
                var clickNum = 0; //点击同一颗星次数

                $('li').hover(
                    function() {
                        if(!isClicked) {
                            $(this).css('color', '#F0AD4E');
                            var index = $(this).index();

                            for(var i = 0; i <= index; i++) {
                                $('li:nth-child(' + i + ')').css('color', '#F0AD4E');
                            }
                        }
                    },
                    function() {
                        if(!isClicked) {
                            $('li').css('color', '#ADADAD');
                        }
                    }
                );

                //星星点击事件
                $('li').click(function() {
                    $('li').css('color', '#ADADAD');
                    isClicked = true;
                    var index = $(this).index();

                    for(var i = 1; i <= index+1; i++) {
                        $('li:nth-child(' + i + ')').css('color', '#F0AD4E');
                    }
                    if(index == beforeClickedIndex) { //两次点击同一颗星星 该星星颜色变化
                        clickNum++;
                        if(clickNum % 2 == 1) {
                            $('li:nth-child(' + (index + 1) + ')').css('color', '#ADADAD');
                        } else {
                            $('li:nth-child(' + (index + 1) + ')').css('color', '#F0AD4E');
                        }

                    } else {
                        clickNum = 0;
                        beforeClickedIndex = index;
                    }
                });
            });
        </script>
    </body>

</html>

js写评价的星星，版权声明：本文为博主原创文章，遵循CC4.0by-sa版权协议，转载请附上原文出处链接和本声明。刚开始接触写星星评价时，哇！估计脑子刚被驴踢了，竟然想到了最笨的办法-手工画五角星。妈呀！css样式都写了好大一串，还沾沾自喜终于画出来了，然后瞅一瞅旁边的妹子写得怎么样了，哇！人家机智的！直接用符号★就解决了！！！唉，智商捉急呀！先上图看看吧：虽然简单，还是有几个注意的地方：1.未点

內容出處: js写评价的星星_51CTO博客_html带星星的评价

[整理]stable diffusion ControlNet1.1

1.1版模型載點: !!!!!!!!重要提醒!!!!!!!! 只需下載.pth的模型(不需要.yaml檔案)並放入下方路徑: AI資料夾\models\ControlNet

載點: https://huggingface.co/lllyasviel/Con…

ControlNet擴充: (複製下方網址到webui上，使用從網址安裝即可安裝) https://github.com/Mikubill/sd-webui-…

pix2pix 用於改變整張圖的風格
canny 適用於給線稿上色，或將圖片轉化為線搞後重新上色，比較適合人物。
openpose 根據圖片生成動作骨骼中間圖，然後生成圖片，使用真人圖片是最合適的，因為模型庫使用的真人素材。閱讀全文〈[整理]stable diffusion ControlNet1.1〉

[整理]Stable Diffusion Wildcards 線稿上色

wildcards 安裝
https://github.com/AUTOMATIC1111/stable-diffusion-webui-wildcards

ControlNet 模型下載
(1.0) https://huggingface.co/lllyasviel/ControlNet/tree/main/models
(1.1) https://huggingface.co/lllyasviel/ControlNet-v1-1/tree/main

閱讀全文〈[整理]Stable Diffusion Wildcards 線稿上色〉

[轉貼]AI繪圖轉影片 mov2mov | Stable Diffusion WebUI使用手冊(正體中文)

擴充功能來源： Scholar01/sd-webui-mov2mov

https://github.com/Scholar01/sd-webui-mov2mov

视频教程：
- https://www.bilibili.com/video/BV1rY4y1C7Q5

擴充功能來源： Scholar01/sd-webui-mov2mov ＊需要先安裝ControlNet才能使用這個擴充功能。將影片逐一抽出畫格，使用ControlNet生圖，然後再自動合成新影片。可以設定輸出的畫格率，將人物單獨處理。切換到mov2mov頁面，輸入提示詞, 再上傳影片。在下面設定輸出影片的長寬。生圖的長寬比例應與原始影片一致。最下面是單獨用ControlNet處理人物的選項，可以改善動作偵測的精度。點選右上角Generate，即會開始生成。成品位於主程式下的/outputs/mov2mov-images目錄。

內容出處: AI繪圖轉影片 mov2mov | Stable Diffusion WebUI使用手冊(正體中文)｜Ivon的部落格

使用 Bootstrap 3/Bootstrap 4 顯示/隱藏 HTML 元素

BS3	BS4
visible-xs	d-block d-sm-none
visible-sm	d-none d-sm-block d-md-none
visible-md	d-none d-md-block d-lg-none
visible-lg	d-none d-lg-block d-xl-none
visible-xl	d-none d-xl-block
hidden-xs	d-none d-sm-bloc
hidden-sm	d-block d-sm-none d-md-block
hidden-md	d-block d-md-none d-lg-block
hidden-lg	d-block d-lg-none d-xl-block
hidden-xl	d-block d-xl-none


	BS4
	d-none d-sm-block
	d-none d-md-block
	d-none d-lg-block
	d-none d-xl-block
	d-none
	d-sm-none
	d-md-none
	d-lg-none
	d-xl-none

使用 Bootstrap 4 顯示/隱藏 HTML 元素

內容出處: 使用 Bootstrap 4 顯示/隱藏 HTML 元素

工作效率提升 – 使用 google 試算表結合 chatGPT生產大量文案結合 FB API 自動發佈文章排程

這篇文章比較硬一些主要是因為會需要動手與了解程式運作但整體能不去操作可怕的FB排程發文介面已經很感動不已因為在大量排文章時絕對能理解有多痛苦

使用這工具教學最大的好處在於效率的提升只是想要把資料發出去卻想不到該怎麼做些引詞這時候就是 chatGPT的強項透過 API的方式讓其運作效率驚人(20美金網頁版的還要等他慢慢跑但這API版本甚至是10幾條一起同步運作)

閱讀全文〈工作效率提升 – 使用 google 試算表結合 chatGPT生產大量文案結合 FB API 自動發佈文章排程〉

Base64String 圖像在 fancybox 打開

<a href="#myBase64String" class="fancybox" rel="group">
  <img src="data:image/jpg;base64,@Convert.ToBase64String(Model.Image)" alt="" id="myBase64String" />
</a>

$('[data-fancybox="images"]').fancybox({
  beforeLoad : function(instance, current) {
    if (current.src=== '#') {
    current.src = current.opts.$orig.find('img').attr('src');
    }
  }
});

內容出處: jquery – Fancybox Base64String image disappears when fancybox opens – Stack Overflow