程式心得筆記工程屍的日子 | Mr. 一顆痣 a.k.a. bigd

星期五, 10月 18, 2024

修復 Google Chrome 中的「ERR SSL VERSION OR CIPHER MISMATCH」

如果你設定完ｃｆ遇到ERR SSL VERSION OR CIPHER MISMATCH，

可以照以下的步驟重新啟用通用 SSL

SSL/TLS->邊緣憑證->停用通用 SSL->再啟用通用 SSL

REF:
https://community.cloudflare.com/t/google-chrome-err-ssl-version-or-cipher-mismatch/399397

星期日, 10月 06, 2024

[WP Hook: template_redirect ] 404新增ｈｏｏｋ來判斷異常的社群短連結

最近發現客戶的GSC有異常的404連結來自FB非常舊的貼文，

發現原始連結被裁短造成的，解法可以簡單再Hook 404事件來處理轉址!!

add_action('template_redirect', 'custom_404_redirect_based_on_url');

星期二, 9月 17, 2024

[WP X WPML] 啟動自訂post type支援多語言編輯

很常見會使用ACF工具自訂文章類型與分類，透過WPML外掛也很容易將它們支援多國語言。

如下設定：

[Rankmath] sitemap異常處理：　XML declaration allowed only at the start of the document

This page contains the following errors:

error on line 3 at column 6: XML declaration allowed only at the start of the document

Below is a rendering of the page up to the first error.

依ChatGPT給的建議，一下子就找到問題！！

結果是自已的主題functions.php，結尾多點了二行XD

星期三, 8月 14, 2024

[WPML] 複製多語系樣式按鈕被disable的解法

wpml很多混亂的動線。問chatgpt找到的答案:d

重設翻譯工作：

如果以上步驟無效，你可以考慮進入「WPML」>「Translation Management」下的「Jobs」頁面，手動刪除或取消該翻譯工作，然後重新開始翻譯。

發現按鈕無法複製樣版

請去翻譯管理取消翻譯工作

星期五, 7月 26, 2024

[WPML x Nginx ] 多語網站登入頁異常

需加上以下nginx rule即可避免404

#wpml login rule

rewrite ^/en/wp-login.php /wp-login.php break;

rewrite ^/zh-hant/wp-login.php /wp-login.php break;

rewrite ^/zh-hans/wp-login.php /wp-login.php break;

星期三, 7月 17, 2024

[WP Jetpack] ssl=1未加入的CDN參數的排除方法：Sorry, the parameters you provided were not valid

發現新架的站，有og:image網址沒辦法讀取的問題。

新站

https://i0.wp.com/hansiangpets.com.tw/wp-content/uploads/migra/product/c7f8a297546d4d14866f02b11024e03c505db800.jpg

https://i0.wp.com/haoyipets.com/wp-content/uploads/migra/product/308806d7812f10c4fa41cabb79e19673f7b0e349.jpg

Sorry, the parameters you provided were not valid

舊站

https://i0.wp.com/ds5168.com.tw/wp-content/uploads/migra/product/934cb7c8d5fe93d1b6f086955e5bd3aa48378f9c.jpg

雖然可以加ssl=1可以解決，但發現有些站台並不需要處理。

原來忘了開ｃｆ端全走Https的設定。

星期日, 6月 02, 2024

php -v 與WordPress版本不一致造成的資料庫連結錯誤

升級php的版本後，發現執行 php 某頁面.php會造成以下錯誤

[03-Jun-2024 05:15:17 UTC] PHP Warning: mysqli_real_connect(): (HY000/2002): No such file or directory in /www/iambigd.tw/wp-includes/class-wpdb.php on line 1987

可以查看cmd line目前綁定是哪一個php版本

確認主機php版本，預設是安裝在/usr/bin

# which php

/usr/bin/php

#將舊的mv備份

mv php php.bak.byken

#連結目前WordPress使用的php版本

sudo ln -s /usr/local/php/bin/php /usr/bin/php

/usr/local/php/bin/php使用phpinfo();就可以看完整的了

星期一, 5月 27, 2024

Git不要記錄文件變更權限

最近遇到ｇｉｔ會吃到權限變更的記錄如下

diff --git a/classes/GTM.php b/classes/GTM.php
old mode 100644

new mode 100755

diff --git a/classes/MetaTags.php b/classes/MetaTags.php

old mode 100644

new mode 100755

可以加上全域的忽略這個狀態即可
git config core.fileMode false

星期三, 5月 08, 2024

指定特定圖片不要透過jetpack cdn

function custom_photon_only_allow_local( $skip, $image_url, $args, $scheme ) {

if ( strpos( $image_url, '2024/03/banner.jpg' ) ) {

return TRUE;

}

return $skip;

}

add_filter( 'jetpack_photon_skip_for_url', 'custom_photon_only_allow_local', 9, 4 );

星期日, 5月 05, 2024

[WP] 無法正常設定特徵圖片，原來是遺失mine type

最近在撰寫WP搬家程式時，

發現png檔在匯入時完全沒解出mine type（正常上傳是不會有這個異常的ｘｄ），

導致無法設定特徵圖片。

在ｄｂ手動輸入一下，就正常了

顯示也正常了

ｐｓ：本來還誤以為是未建立縮圖造成的，

因部份舊系統部份類型不會切圖所造成（圖片小於500x500）

星期六, 5月 04, 2024

cloudflare SSL重新啟動universal ssl 可以解決異常的ｓｓｌ問題

DNS記錄有顯示SSL憑證是異常的

星期日, 3月 17, 2024

mac m3 安裝 php 8

#安裝 php

brew install php@8.2

#安裝後要新增path
echo 'export PATH="/usr/local/opt/php@8.2/bin:$PATH"' >> /Users/bigd/.bash_profile

#source才有辦法在cmd視窗直接呼叫
source ~/.bash_profile

#確認有沒有安裝

php -v

(base) MacBook-Pro-Ken-2:8.2 bigd$ php -v

PHP 8.2.17 (cli) (built: Mar 12 2024 14:26:30) (NTS)

Zend Engine v4.2.17, Copyright (c) Zend Technologies

with Zend OPcache v8.2.17, Copyright (c), by Zend Technologies

星期三, 2月 14, 2024

angularJS - GTM抓不到表單的廣告轉換

早期沒在埋GTM導致有些表單沒用ng-submit，

會導致只有抓到form_start，

但無法正常擷取的form id 與 form classes變數。

修正完後就正常了

星期五, 12月 29, 2023

[切版工具]　Clippy 好用的clip-path maker

在網頁設計上常常會遇到不同多邊形的網頁效果，

可以使用clip-path屬性來達到，

如果對於空間概念比較不好或跟我一樣懶的話，

就可以使用Clippy這個工具～

如下圖所示，你可以透過快速的圖形效果，

產生語法，這個範例我們是要拉一個算梯形的效果mask

clip-path: polygon(50% 100%, 100% 75%, 100% 100%, 0 100%, 0 75%);

可以從圖上可以看到有五個點（可自行再刪減）

應用到專案上

專案上我們使用一個白底去產生此梯形效果

但發現會讓底色跑出來～所以最後把尺寸加到就藍底完全蓋掉

/* 讓第三個點超出空間讓底色藍可以完整不會出現 */

clip-path: polygon(50% 100%, 100% 75%, 100% 101%, 0 100%, 0 75%);

網站：艾爾恩影片製作公司

星期一, 12月 18, 2023

踩雷啦!! jquery滑動到指定區塊後，手機畫面會鎖住無法滑動

最近因新客戶反應手機按滑動選單後，

手機會卡死畫面(無法滾動!!)

jq代碼如下:

 //選單跳段落
    $('.header a').click(function (evt) {

        console.log('click menu link:' + this.hash);
        // evt.preventDefault();
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
            jumpSection(this.hash,jumpOffset,500);
        }

    });

問了chatgpt給點建議xd

檢查 CSS 樣式：有時 CSS 屬性可能會影響滾動條的行為。檢查是否有任何 overflow 相關的樣式設定在包含滾動內容的元素上，這可能會限制滾動。

/* 會造成手動跳動anchor異常 */

/* body.active {

overflow: hidden;

}

.index {

overflow: hidden;

} */

感動解掉~

星期日, 11月 26, 2023

在mac os安裝penpot 原型設計工具(免費的開源figma軟體)

Penpot是一個開源的設計和協作平台，它可以讓團隊共同協作設計項目。

本文測試chtgpt教學說明如何安裝Penpot，使用Docker來運行Penpot容器。

1. 安裝Docker Desktop for Mac：

首先，你需要在macOS上安裝Docker Desktop，這是運行Docker容器的工具。

你可以從Docker官方網站下載並安裝Docker Desktop for Mac：https://www.docker.com/products/docker-desktop

ps:結果裝完也是去console跑~

2. 從github上抓爬penpot至本機，我是裝到downloads

3. 進入安裝目錄，啟動Penpot容器

cd bigd/Downloads/penpot/docker/images

進到目錄才會有docker-compose.yaml才有辦法執行啟動容器的指令

docker-compose up

接著就跑啟動的指令

4. 連線Penpot Web界面

chtgpt會講是連3000的port，但查了一下port是啟動在localhost:9001

可以以下指令確認容器的運行狀況

docker ps

星期日, 10月 22, 2023

bootstrap3 表格(table-responsive)無法支援滾動的雷~

最近在客戶專案發現手動的表格無法正常滾動，

因為系統有共用元件處理顯示透明滾軸的議題，

以為是js異常，結果只有一個專案異常，

最後發現是被css的字體是否換行影響，

.editor table tr td {
word-break: break-all;
}

剛好就讓所有文字換行符合無法滾動的大小

.editor table tr td {
word-break: keep-all;
}

效果參考: 偉能淨水 | 淨水器推薦 | 淨水器評比比較

星期四, 9月 21, 2023

$ ssh git@bitbucket.org host_key_info You are using host key with fingerprint: ssh-ed25519 SHA256:ybgmFkzwOSotHTHLJgHO0QN8L0xErw6vd0VhFA9m3SM See https://bitbucket.org/blog/ssh-host-key-changes for more details.

2. CONFIGURE YOUR CLIENT TO TRUST THE NEW HOST KEYS

$ ssh-keygen -R bitbucket.org && curl https://bitbucket.org/site/ssh >> ~/.ssh/known_hosts

或存取下面的網址，取得回應的字串，貼回你的known_hosts

https://bitbucket.org/site/ssh

bitbucket.org ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQDQeJzhupRu0u0cdegZIa8e86EG2qOCsIsD1Xw0xSeiPDlCr7kq97NLmMbpKTX6Esc30NuoqEEHCuc7yWtwp8dI76EEEB1VqY9QJq6vk+aySyboD5QF61I/1WeTwu+deCbgKMGbUijeXhtfbxSxm6JwGrXrhBdofTsbKRUsrN1WoNgUa8uqN1Vx6WAJw1JHPhglEGGHea6QICwJOAr/6mrui/oB7pkaWKHj3z7d1IC4KWLtY47elvjbaTlkN04Kc/5LFEirorGYVbt15kAUlqGM65pk6ZBxtaO3+30LVlORZkxOh+LKL/BvbZ/iRNhItLqNyieoQj/uh/7Iv4uyH/cV/0b4WDSd3DptigWq84lJubb9t/DnZlrJazxyDCulTmKdOR7vs9gMTo+uoIrPSb8ScTtvw65+odKAlBj59dhnVp9zd7QUojOpXlL62Aw56U4oO+FALuevvMjiWeavKhJqlR7i5n9srYcrNV7ttmDw7kf/97P5zauIhxcjX+xHv4M=
bitbucket.org ecdsa-sha2-nistp256 AAAAE2VjZHNhLXNoYTItbmlzdHAyNTYAAAAIbmlzdHAyNTYAAABBBPIQmuzMBuKdWeF4+a2sjSSpBK0iqitSQ+5BM9KhpexuGt20JpTVM7u5BDZngncgrqDMbWdxMWWOGtZ9UgbqgZE=
bitbucket.org ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIIazEu89wgQZ4bqs3d63QSMzYVa0MuJ2e2gKTKqu+UUO

REF:

https://bitbucket.org/blog/ssh-host-key-changes

訂閱：意見 (Atom)