如何將 Blogger / Github / 自架網站文章加密 ? 【第二版】

先前有介紹過如何將 Blogger, Github Pages 等自架網站的文章加密,方便了許多文章能夠加密、限制瀏覽者觀看。在第一版的程式碼,有使用者提出疑問,希望能夠用「一個密碼輸入框」來嘗試解密多個加密文章,而這個構想在原本第一版的程式是無法執行的。首先,我們必須感謝【Cotpear 作者群】「玹」提供第二版的程式碼。

1. 複製以下程式碼

<!--Design by Cotpear _Start-->
請輸入密碼,以顯示內容。
<input id="EPassword">
<button onclick="multiDecrypt($('#EPassword').val())">解密</button>
<script>
    var encryption = [
            "將您的密文貼至於此(1)",
            "將您的密文貼至於此(2)",
        ],
        canDeCrypt = 0;
    function multiDecrypt(pwd) {
        encryption.forEach((item, i) => {
            try {
                canDeCrypt = Decrypt(item, pwd)
            } catch (e) {
                if (canDeCrypt == 0) {
                    canDeCrypt = 0
                }
            }
        })
        if (canDeCrypt == 0) {
            alert("密碼錯誤")
        } else {
            //ok
            document.getElementById("result").innerHTML = canDeCrypt;
        }
    }
    function Decrypt(item, pwd) {
        return decodeURIComponent(
            CryptoJS.AES.decrypt(
                item, pwd
            ).toString(CryptoJS.enc.Utf8)
        )
    }
</script>
<br />
<br />
<div id="result"></div>
<!--Design by Cotpear _End-->

2. 貼至想要加密的文章編輯頁面(要在HTML編輯區貼上)

3. 打開 Cotpear 提供的 《GUI 加密文章 工具》。

4. 輸入要加密的「文章 HTML碼」 和想 設定的密碼,按下「建立密文」,再按下顯示出來的密文區塊,按下去後即複製。

5. 回到文章編輯頁面,把程式中的「將您的密文貼至於此(1)」文字,取代成你加密的密文。(如果沒有第二個密文,就將「”將您的密文貼至於此(2)”,」文字直接刪除)

P.S. 如果有多個密文,請將

"將您的密文貼至於此(1)",
的下一行再加上
"將您的密文貼至於此(2)",

有更多密文的話繼續重複此操作。

此圖為示意圖
 

6. 按下「儲存」。

7. 打開 Blogger HTML 主題編輯器,在的上一行貼上以下指令。

<script src='https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/aes.min.js'/>

P.S. 如果你的網站中尚未新增 jQuery(不確定),請依照以下步驟加入:

  • 在 Blogger HTML 主題編輯器中(要點選編輯框內),按下鍵盤的 ” Ctrl+F “,搜尋 “jquery”
  • 尋找是否已安裝過 jQuery
  • 若沒有安裝過,再搜尋 “</head>”
  • 在”</head>”的上一行貼上以下程式碼
    • <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>

8. 儲存主題並發布文章

9. 完成!

本文採用 BY-NC-NC CC 條款授權,如無特別註明均為原創,轉載請註明出處「齊 一 來自 Cotpear」 及本文網址。
本文網址: https://www.cotpear.com/2019/11/blogger-github-html/

評論

  1. 4 年前
    2020-3-10 10:14:25

    您好
    7. 打開 Blogger HTML 主題編輯器,在的上一行貼上以下指令。
    請問是在甚麼的上一行呢?

  2. 4 年前
    2020-3-10 12:15:09

    您好,抱歉,是</head>,"<>"請改成半形<>

  3. 4 年前
    2020-5-28 13:24:45

    您好
    請問 GUI 加密文章 工具
    是不是故障了呢?
    因為產生後,框框內是沒有結果的

發怖評論 編輯評論


上一篇
下一篇