Ghost如何自定义文章末尾

Question

求问：ghost如何给每篇文章最后加一个 评价按钮的效果？
网站：https://ghost.org/
想要的效果：

Answer 1

让【道友老李】来帮你解答，本回答参考gpt编写，并整理提供，如果还有疑问可以点击头像关注私信或评论。

如果答案让您满意，请采纳、关注，非常感谢！

要给每篇文章最后加一个评价按钮的效果，可以使用Ghost的Code Injection功能来添加自定义的HTML和CSS代码。 首先，登录到Ghost的后台管理界面，在左侧导航栏中找到"Code Injection"选项。在"Site Header"中添加以下代码来引入评价按钮需要的样式文件：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/daneden/animate.css/animate.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/nish-official/blogit/master/src/css/components.css">

然后在"Site Footer"中添加以下HTML代码来创建评价按钮：

<div class="social-share-buttons">
    <a id="google" class="icon-google" href="#"></a>
    <a id="twitter" class="icon-twitter" href="#"></a>
    <a id="facebook" class="icon-facebook" href="#"></a>
</div>

接着，在Ghost的主题文件中找到文章模板文件（通常是post.hbs或者单独的文章模板文件）的最底部，添加以下JavaScript代码来实现按钮的功能：

<script>
    document.getElementById("google").addEventListener("click", function() {
        // Add your Google review functionality here
        alert("Google Review");
    });
    document.getElementById("twitter").addEventListener("click", function() {
        // Add your Twitter review functionality here
        alert("Twitter Review");
    });
    document.getElementById("facebook").addEventListener("click", function() {
        // Add your Facebook review functionality here
        alert("Facebook Review");
    });
</script>

保存文件并刷新网站，现在每篇文章的底部应该会有一个评价按钮可以点击了。根据自己的需求修改CSS和JavaScript代码来实现评价功能。