2步启用Hitokoto一言经典语句,so easy

MAY的SEO博客
MAY的SEO博客
MAY的SEO博客
614
文章
770
评论
2018年9月30日15:40:28 评论 5,404

很早以前May访问一些博客时,发现了很有意思的功能 - 文章底部总出现一句经典语句,每按F5刷新一下页面,就会出现新的语录。May也好不容易开通了一下自己的博客,也要给SEO建站提升点逼格。于是百度搜索了一番,原来是集成Hitokoto一言经典语句功能。

Hitokoto示例

Step 1:  下载下面的代码,解压后上传到网站根目录,密码:9cjh

代码来源于张戈博客。

现在浏览器访问:http://你的域名/hitokoto/就可以看到输出内容了。 每按F5刷新一下,就会看到新的内容。有木有?

Step 2:  部署到博客上

将下面的代码添加到博客中你想要显示Hitokoto一言的位置。

<script type="text/javascript" src="https://你的域名/hitokoto/?format=js&charset=utf-8"></script>
<div id="hitokoto"><script>hitokoto()</script></div>

May使用的是begin主题,May加入到的是/wp-content/themes/begin/template/social.php中,如下图所示:

Hitokoto代码部署

如果你是使用的其他主题或者其他博客建站程序,同样适用,只要添加到你想要展示Hitokoto位置即可。

想要展示效果更好看,可以自己CSS美化一下哦,May的CSS代码如下,供参考:

/*Hitokoto一言样式*/
#hitokoto{
    border-left: 5px solid #e74291;
    border-right: 5px solid #e74291;
    background-color: #ebebeb;
    padding: 10px;text-align: center;
    color: #e74291;
    margin: 5px 0 5px 0;
}

将代码添加到WordPress中的style.css或者是添加到WordPress后台-外观-自定义-额外CSS。

2步启用Hitokoto一言经典语句,so easy~


2019-6-20更新:MAY的SEO博客开启了CDN缓存的原因,取消了Hitokoto。//本文分享的代码是没有问题的哟。
 

 

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
MAY的SEO博客
  • 本文由 发表于 2018年9月30日15:40:28
  • 转载请务必保留本文链接:https://may90.com/building/hitokoto.html
WordPress安全,几个简单步骤即可实现 SEO建站

WordPress安全,几个简单步骤即可实现

如果您正在使用或使用WordPress,则应始终考虑站点的安全性。WordPress并不比其他任何平台都安全,但是用户、插件和第三方附件的数量使其成为攻击者的共同目标。不过请放心,您可以采取一些基本步...
如何改善网站SEO导航? SEO建站

如何改善网站SEO导航?

网站使用SEO导航最佳做法,以确保您的网站为用户和搜索引擎提供了一种有效的方式来查找您的内容。正确改善网站SEO导航对您的用户和您的SEO效果非常有用。良好的导航功能使访问者可以轻松找到他们想要的内容...
如何选择最佳SEO网站系统? SEO建站

如何选择最佳SEO网站系统?

在当今以网络为主导的时代,网站本质上给人留下第一印象,它提供了一种向来自世界各地的网络用户介绍自己及其业务的窗口。您所说的话和怎么说对消费者产生了巨大的影响,大多数购物者在访问页面的几秒钟内就留下了深...
中小企业网站建设9个关键步骤 SEO建站

中小企业网站建设9个关键步骤

无论您是自由soho,或者是五金店老板或其他类型的中小型企业,一个优秀的网站对您公司的成功至关重要。如果您真想创建一个新的网站,不妨收藏这篇文章。MAY的SEO博客为您分享:中小企业网站建设9个关键步...
匿名

发表评论

匿名网友 填写信息

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