扫码阅读
手机扫码阅读
博客添加评论功能及定制化样式
![](/theme/default/default/images/main/eye-open.png)
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
![](/theme/default/default/images/main/icon-link.png)
![](/theme/default/default/images/main/icon-jing.png)
咸鱼运维杂谈
扫码关注公众号
在本文中,咸鱼分享了个人博客优化过程中的两个重要方面:添加评论系统和定制化样式。
Valine 评论系统的集成
首先,咸鱼决定使用 Valine 评论系统,并指出此系统基于 LeanCloud 来存储数据。作者详细描述了如何在 LeanCloud 创建应用并获取 APP ID 和 APP Key,然后在博客配置文件中添加相应的 Valine 配置字段。尽管遵循了教程并确认了格式无误,评论功能初始未能成功激活。进一步检查后,作者发现需要在博客主题目录的 layout 中添加 valine.ejs 文件的内容,并确保 index.ejs 文件调用正确的评论系统模板。完成这些步骤后,评论系统成功集成。
样式定制化
在样式定制方面,咸鱼表达了对默认行间距和引用样式的不满。通过分析网页元素和定位样式字段,发现需要修改的样式位于主题的 SASS 文件中。在 _post.scss 文件中找到并修改了段落和引用的样式,实现了个性化的样式调整。完成修改后,咸鱼在本地测试无误,随后将更改部署到了 Git 上。
想要了解更多内容?
![](/theme/default/default/images/main/icon-link.png)
![](/theme/default/default/images/main/icon-jing.png)
咸鱼运维杂谈
扫码关注公众号
咸鱼运维杂谈的其他文章
加入社区微信群
与行业大咖零距离交流学习
![](https://cdn.easycorp.cn/rongpm/upload/202312/f_39217d624bb2b42ce8f6322ebd7e573a.png)
![](https://cdn.easycorp.cn/rongpm/upload/202312/f_39217d624bb2b42ce8f6322ebd7e573a.png)
软件研发质量管理体系建设
白皮书上线