扫码阅读
手机扫码阅读

博客添加评论功能及定制化样式

71 2024-07-18

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

查看原文:博客添加评论功能及定制化样式
文章来源:
咸鱼运维杂谈
扫码关注公众号

在本文中,咸鱼分享了个人博客优化过程中的两个重要方面:添加评论系统和定制化样式。

Valine 评论系统的集成

首先,咸鱼决定使用 Valine 评论系统,并指出此系统基于 LeanCloud 来存储数据。作者详细描述了如何在 LeanCloud 创建应用并获取 APP ID 和 APP Key,然后在博客配置文件中添加相应的 Valine 配置字段。尽管遵循了教程并确认了格式无误,评论功能初始未能成功激活。进一步检查后,作者发现需要在博客主题目录的 layout 中添加 valine.ejs 文件的内容,并确保 index.ejs 文件调用正确的评论系统模板。完成这些步骤后,评论系统成功集成。

样式定制化

在样式定制方面,咸鱼表达了对默认行间距和引用样式的不满。通过分析网页元素和定位样式字段,发现需要修改的样式位于主题的 SASS 文件中。在 _post.scss 文件中找到并修改了段落和引用的样式,实现了个性化的样式调整。完成修改后,咸鱼在本地测试无误,随后将更改部署到了 Git 上。

想要了解更多内容?

查看原文:博客添加评论功能及定制化样式
文章来源:
咸鱼运维杂谈
扫码关注公众号