自定义博客页面(1)

我的博客园使用的模板是: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上将加好友的权限打开