MENU

为typecho添加一言

December 15, 2017 • Read: 64 • 技术

关于一言

一言网 创立于 2016 年,隶属于萌创 Team,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。
或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。*
*: 本段文本源自 hitokoto.us.

添加一言

作为一个小白,当然是看不懂官方配置文件的。
添加方法来源于此:

一言貌似更新接口了,发个超简单使用方法
一言 API 复刻

添加步骤以我使用的主题Mirages为例,其他主题亦可参考。

查找副标题

打开博客主页,单击右键-->查看网页源代码,搜索你设置的副标题文本。

<div class="inner">
     <h1 class="blog-title" style="" itemprop="name">主标题</h1>
     <h2 class="blog-description" style="" itemprop="description">副标题</h2>
</div>

可以看到我们找到了副标题位置,他在inner中。
在主题index.php的中,查找inner,没有找到,也就是说inner不在index.php里。但是可以发现$this->need('component/header.php');,查看component/header.php,果然有inner

修改主题

header.php中,搜索inner,有3部分,其中这一部分是首页的header

<div class="inner">
   <h1 class="blog-title" style="<?php if (Utils::hasValue($this->fields->mastheadTitleColor)) echo "color: ".$this->fields->mastheadTitleColor.";" ?>" itemprop="name"><?=Mirages::$options->blogIntro?></h1>
   <h2 class="blog-description" style="<?php if (Utils::hasValue($this->fields->mastheadTitleColor)) echo "color: ".$this->fields->mastheadTitleColor.";" ?>" itemprop="description"><?=Mirages::$options->blogIntroDesc?></h2>
</div>

<?=Mirages::$options->blogIntroDesc?>改为<p id='hitokoto'></p>

添加JS

Mirages主题支持自定义JS,直接在后台放入。对于不支持后台设置的主题,修改index.php文件,在相应位置加入

<html>
  <body>
    <script>
      <!--这里放JS-->
    </script>
  </body>
</html>

这里有两个JS可供选择:

  • 一言官方API,需要jquery,可自定义,具体参考一言API

    <script>
     $.get("https://sslapi.hitokoto.cn/?encode=text", function(data){document.getElementById("hitokoto").innerText=data});
    </script>
  • 一言API复刻

    <script type="text/javascript" src="https://api.i-meto.com/hitokoto?encode=js-html" async defer></script>
Tags: 一言, API
Archives QR Code
QR Code for this page
Tipping QR Code