学习

1. 注册LeanCloud 账号： 进入 LeanCloud 官网https://leancloud.app，注册一个账号。 创建一个新的应用以便使用 LeanCloud 提供的后端服务。 2. 获取 Valine App ID 和 App Key： 在 LeanCloud 控制台中，进入你创建的应用。 在左侧导航栏中找到“设置”选项。 在应用凭证部分，复制 App ID, App Key, REST API 服务器地址 3. 在 Hugo 主题中引入 Valine： 找到需要添加 Valine 的页面或模板文件，一般是 single.html。 在模板文件下方添加以下代码片段： <div id="comments"></div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js"></script> <script> new Valine({ el: '#comments', appId: 'App-ID', appKey: 'App-Key', serverURLs: "REST API 服务器地址", placeholder: '说点什么吧...', }); </script> 完成以上步骤后，即可使用 Valine 评论系统。用户可以在你的网页中发表评论，并且评论数据会被保存到 LeanCloud 中。 ...

1. 修改footer.html 找到以下代码： {{- if (not site.Params.disableScrollToTop) }} <a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor"> <path d="M12 6H0l6-6z" /> </svg> </a> {{- end }} 改为： {{- if (not site.Params.disableScrollToTop) }} <a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g"> <span class="topInner"> <svg class="topSvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor"> <path d="M12 6H0l6-6z" /> </svg> <span id="read_progress"></span> </span> </a> {{- end }} 并在下面加上： ...