让评论框更有趣:评论框加载一言

青山 2018年7月30日21:33:23201 783字
让评论框更有趣:评论框加载一言

什么是一言?

一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目前网站主要提供一句话服务。动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。*:本段文本源自hitokoto.us.

我在文章末尾已经调用了一言api,具体效果请前往文章末尾翻看。

突发奇想

我也就是突发奇想,想把一言调用至评论框,刷新一下又是一个句子。可惜能力有限,询问朋友也没个结果,最后是群里一位不相识的朋友发给了我教程。

具体教程

在网站header或者footer添加下面的代码

<script>
    $.get("https://v1.hitokoto.cn/",function(data){ 
      $("#comment").text(data.hitokoto);
    });
    $(function(){
      $("#comment").click(function() {
        $(this).select();
      })
    })
</script>

如果你的评论框id不是comment,请参考如下步骤获取 首先右键评论框-审查元素-查看id或者class,选其一即可,之后把获取的id或者class替换到上述代码中的#conment 注意,如果你要用id,请用修改成#你的id名,如果是class,请修改成.你的class名即可 该js需要引入jquery库,如果未能正常显示请注意是否成功引入jquery库或者是否成功匹配评论框id或者class值。(代码来自憶の年

但是,最终我博客还是没有用这个功能。

【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!
青山
【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:20   其中:访客  10   博主  10
    • 菜鸟博客 菜鸟博客 2

      有演示吗?

      • 杨景文 杨景文 5

        呃,折腾半天,咋能放弃呢?放文章末尾,很容易被忽视掉。放评论框,似乎会和你现在的背景文字冲突。

        • 纬八路随笔 纬八路随笔 4

          一句话比一篇文章都难写,那都是智慧。

          • iGuanren iGuanren 3

            这个试过,不过官方这个比较慢

            • 搜程快排精灵 搜程快排精灵 0

              这个评论看确实非常不错的了

              • Lesun Lesun 2

                这个会拖慢页面加载速度。单独做一个页面又显得很突兀。

                  • 青山 青山

                    @ Lesun 所以我想了想,不弄那么复杂。

                  • 老杨 老杨 2

                    丢 placeholder 那里,不能直接复制吧?另外这货可以直接集成到主题的。

                      • 青山 青山

                        @ 老杨 可以丢的,昨天试了一下。集成到主题,那就不知道了,有教程吗?

                      • 懿古今 懿古今 6

                        :?: 好像你的评论框没有加载一言?

                          • 青山 青山

                            @ 懿古今 嗯,最后还是没有加,我怕有些灌水的人,直接复制粘贴,发表评论。

                          • 百万链 百万链 2

                            有幸访问到贵站,“百万链”期待你的加入!

                            • 梁兴健 梁兴健 5

                              一言api,没用过~