更新日志:本次博客修复了1个bug,修改social三个图标跳转路径,替换banner背景图,新增评论区功能(支持Github登录评论),新增文章打赏功能。
修复bug
在原来的归档页面中,下方的分页控件丢失,导致归档只能显示10篇文章,在这次的更新下,添加了丢失的分页功能,使归档页面更加完善。
效果图:
修改三个图标跳转路径
参数如下:
Github:github个人主页
Gitee:gitee码云个人主页
TikTok:网页抖音个人主页
1 2 3 4 5 6 7 8 9 10
| social: - name: Github icon: fab fa-github url: https://github.com/Yan-Tongxue - name: Gitee icon: fab fa-github-alt url: https://gitee.com/WY-Studio - name: TikTok icon: fab fa-youtube url: https://www.douyin.com/user/MS4wLjABAAAADXge-FYlT6XAU_IyLCZfNS5Q6EUmyzohrwBgqIkwxNM
|
效果图:
替换banner背景图
首页背景视频保持不变,归档/友链/关于/文章
参数:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
| banner: default: type: img bgurl: /img/banner5.jpg bannerText: Hi my new friend! index: type: video bannerTitle: 所幸皆为美好,<br>所行不负年少。 bannerText: Hi my new friend! bgurl: /video/backvideo.mp4 videoUrl: archive: type: img bannerTitle: 云间连下榻,<br>天上接行杯。 bgurl: /img/banner1.jpg bannerText: The article archive links: type: img bannerTitle: 莫愁前路无知己,<br>天下谁人不识君。 bgurl: /img/banner2.jpg bannerText: A link to a friend's website comment: type: img bannerTitle: 醉后不知天在水,<br>满船清梦压星河。 bgurl: bannerText: The magic tree hole about: type: img bannerTitle: 醉后不知天在水,<br>满船清梦压星河。 bgurl: /img/banner4.jpg bannerText: About me
|
新增评论区功能
本次在网上查询资料,发现一款好用的评论插件:giscus
这是由 GitHub Discussions 驱动的评论系统,让访客借助 GitHub 在网站上留下评论和反应。
主页:
配置参数:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <script src="https://giscus.app/client.js" data-repo="" data-repo-id="" data-category="General" data-category-id="" data-mapping="title" data-strict="1" data-reactions-enabled="1" data-emit-metadata="1" data-input-position="top" data-theme="light" data-lang="zh-CN" data-loading="lazy" crossorigin="anonymous" async> </script>
|
效果图:
那么访客评论后是推送到Github的Yan-Tongxue/comment储存库,我将储存库可见性设为公共的,另外在每位访客评论之后会发邮箱通知到我的账户里,这样也能方便及时看到大家的评论。
新增文章打赏功能
这个功能也是想着新建一个搞着玩,万一有老板看上了我的文章给我的打赏了呢,本功能还在测试阶段中。
参数:
1 2 3 4 5 6 7
| reward: enable: true comment: reward.comment methods: - name: 微信 path: https://www.wangyoustudio.cn//asset_img/money.jpg
|
效果图: