《優(yōu)化》Typecho-handsome主題下實現(xiàn)評論一鍵打卡、贊、踩功能并集成圖片上傳功能
注意：本教程僅在 handsome 主題下通過測試，其它平臺請自行 DIY 。
根據(jù)網(wǎng)友教程基礎(chǔ)進(jìn)行修改
網(wǎng)友版本bug/不足點
按鈕不是固定的，點擊后按鈕消失
固定輸出語句，不能自定義
修改內(nèi)容：
增加隨機語錄
隨機輸出文字，不是固定語句
固定按鈕始終在頁面上顯示，不會因點擊后消失
增加圖片上傳鏈接、插入圖片自動返回img鏈接到評論框（方法來自陶小桃[1]），文章了做整合。
效果展示
增加打卡，點贊，踩功能
在后臺 -->?設(shè)置外觀?-->?開發(fā)者設(shè)置?-->?自定義JavaScript?加入以下代碼:
代碼內(nèi)::dunjiao:302::?::coolapk:96::?::dunjiao:315::等是表情文件，根據(jù)自己的表情內(nèi)容修改，文字內(nèi)容是隨機輸出的，也可以根據(jù)自己喜歡更改。
增加上傳圖片功能
基于chevereto圖床插件
關(guān)于什么是chevereto，其實就是一個圖床系統(tǒng)，路過圖床、遇見圖床都是基于這個框架。
相關(guān)插件的使用說明可以閱讀官方使用文檔：Popup Upload Plugin-官方說明文檔[2]
如果是handsome主題，你可以直接在主題的開發(fā)者設(shè)置——>自定義 JavaScript里面插入以下代碼：
（需要注意的是，這段代碼是經(jīng)過優(yōu)化的，而不是原生的pup.js代碼。當(dāng)然封裝這段代碼是更加正確的做法?。?/p>
代碼下面提供已封裝的js文件
上面的js代碼確實挺長，你可以封裝到一個js文件，然后在head標(biāo)簽中引入，這樣可以優(yōu)化網(wǎng)頁的格式。
提供已封裝的js文件，
放到開發(fā)者設(shè)置——>自定義輸出head 頭部的HTML代碼
data-url="https://7up.pics"這里的鏈接可以自定義修改，需在chevereto的框架下的圖床才可
加入這個代碼之后，如果你的站點開啟了PJAX的話，需要在PJAX回調(diào)函數(shù)里面插入chevereto();
修改源文件使按鈕在頁面顯示
打開 Handsome 主題目錄下的?
component/comments.php?文件，找到并刪除如下內(nèi)容：
修改成
刷新頁面即可
[1]
陶小桃:?https://www.52txr.cn/2023/commentimg.html
[2]Popup Upload Plugin-官方說明文檔:?https://sangxuesheng.com/go/aHR0cHM6Ly93d3cuNTJ0eHIuY24vZ28vYUhSMGNITTZMeTkyTkMxMWMyVnlMbU5vWlhabGNtVjBieTVqYjIwdmFXNTBAV2R5WVhScGIyNXpMM0IxY0M1b2RHMXM
