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

  • 20
  • 390人已阅
  • A+
所属分类:WP建设

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

什么是一言?

一言网(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值。(代码来自憶の年

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

 

发表评论

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

目前评论:20   其中:访客  10   博主  10

    • avatar 菜鸟博客 来自天朝的朋友 谷歌浏览器 Windows 10 辽宁省营口市 联通 1

      有演示吗?

      • avatar 杨景文 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省 移动 5

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

          • avatar 青山 博主 来自天朝的朋友 搜狗浏览器 Windows 7 江西省萍乡市 电信

            @杨景文 干脆就一张图片得了,有舍才有得 :cool:

          • avatar 纬八路随笔 来自天朝的朋友 谷歌浏览器  PRA-AL00X Build/HONORPRA-AL00X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Mobile Safari/537.36 山东省滨州市 电信 2

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

            • avatar iGuanren 来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信 2

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

              • avatar 搜程快排精灵 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省温州市 电信 1

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

                • avatar Lesun 来自天朝的朋友 谷歌浏览器  Android 8.0.0 MI 6 Build/OPR1.170623.027 湖北省黄冈市 移动 2

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

                    • avatar 青山 博主 来自天朝的朋友 搜狗浏览器 Windows 7 江西省萍乡市 电信

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

                    • avatar 老杨 来自天朝的朋友 谷歌浏览器 Windows 7 广东省肇庆市 电信 2

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

                        • avatar 青山 博主 来自天朝的朋友 搜狗浏览器 Windows 7 江西省萍乡市 电信

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

                        • avatar 懿古今 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信 5

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

                            • avatar 青山 博主 来自天朝的朋友 搜狗浏览器 Windows 7 江西省萍乡市 电信

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

                            • avatar 百万链 来自天朝的朋友 谷歌浏览器 Windows 7 河南省驻马店市 移动 0

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

                                • avatar 青山 博主 来自天朝的朋友 搜狗浏览器 Windows 7 江西省萍乡市 电信

                                  @百万链 不必了,谢谢。

                                • avatar 梁兴健 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动 5

                                  一言api,没用过~

                                    • avatar 青山 博主 来自天朝的朋友 谷歌浏览器  vivo Y85 Build/OPM1.171019.011 江西省萍乡市 电信

                                      @梁兴健 那就了解了解