1. 程式人生 > 其它 >自定義部落格頁面(1)

自定義部落格頁面(1)

部落格園的裝飾: 1. 新增關注按鈕; 2. 發起QQ臨時會話

我的部落格園使用的模板是:https://github.com/makergyt/cnblogs-theme-next

在這個基礎上打算根據個人情況進行一些更改

關注按鈕

這個模板中沒有新增關注的按鈕
首先在首頁開啟一篇有關注按鈕的部落格(以 https://www.cnblogs.com/anding/p/15649304.html 為例),開啟F12找到關注按鈕元素對應位置的語句

在頁首的位置新增對應的語句

需要注意的是, 後面的一串ID是對應每個人的使用者ID, 需要將自己的賬號ID替換進去

接下來只需要找到自己的使用者ID

我們通過關注按鈕已經知道一個使用者的ID是什麼, 接下來開啟使用者的主頁, 然後在的F12中搜索該使用者的ID, 可以看到這個位置定義了這個使用者的ID:

定義在currentUserId變數中
接著我們開啟自己的主頁, 在F12中搜索currentUserId, 就可以看到自己的ID了
這個是我找到的自己的ID

將這串ID替換進HTML程式中, 加關注按鈕就已經新增好了, 接下來只需要小修樣式即可

發起QQ臨時會話

開啟QQ推廣, 在下面的連結中複製連結網址, 我使用文字替換原本的圖示, 也可以直接複製整段程式碼
https://shang.qq.com/v3/widget.html


複製進HTML中

最終的效果:

點選這個按鈕, 會在電腦端發起QQ的臨時會話框, 需要在QQ上將加好友的許可權開啟