前言

记录一下正在使用的插件,以及使用的姿势。前一段时间购入了 Handsome主题,倒腾到现在终于像了点样子。还有一点就是没仔细看教程,在一开始就动了源码,所以谨防万一,特此记录下来。
先挖个坑,等过两天有时间了,再把主题美化相关操作步骤给记录下来哈。

当前在用的插件

按照 Typecho_addon_00 图片排列顺序进行简介食用方法、下载地址等。

如图:Typecho_addon_00 所示

Typecho_addon_00.png

Ads

Ads 是用于站点的广告投放,作者:Pony。还没注册谷歌的广告账号,等后续支持在进行补充完善。
使用方法

# 显示默认的广告代码位
# 语法: Ads_Plugin::show();

# 显示指定ID的广告代码位
# 语法: Ads_Plugin::show(id:1);

# 显示指定广告位名称的广告代码位
# 语法: Ads_Plugin::show(adName: '广告位名称1');

# 显示代码要用放在PHP代码块中,例:
<?php Ads_Plugin::show(); ?>

作者原文:Typecho广告投放插件(Ads)使用帮助
谷歌广告账号注册教程,插件作者网站有详细教程,这边就不做赘述。附:网站接入谷歌广告(Google Ads)

Ads 下载




HoerMouse

HoerMouse 是用来修改站点的鼠标样式以及点击效果,作者:Hoe(注:由于作者网站打不开,附直达作者的gitee)。
作者提供了7个鼠标样式,可随意切换。当然也可以研究一下,后续在添加几个鼠标样式也是可以的。点击效果提供三种选择模式,分别是:文字气泡(可修改气泡文字)、爱心气泡以及喷墨气泡。这个后续也是可以添加的哈。

例图:Typecho_addon_01

Typecho_addon_01.png


HoerMouse 下载




Mourn/MournPro

Mourn 追悼模式(黑白模式),作者:Pony。注意是全站黑白模式,设置非常简单就一个开关,就不贴图了。
另外本站点开启追悼模式后,会改变原来的布局样式。启用后左侧导航会跟随中间内容一起上下滚动(开启后的 CSS 样式导致的)。有时间魔改一下或者替换一下哈。
本站已替换成 MournPro 版本: 1.2.0 ,以上两者都可以使用,各取所需哈。

Mourn/MournPro 下载





PageViews

PageViews 是用于统计文章的总访问次数的,作者:Pony。使用了好几个插件都会报错,而且哪些插件不是数据表找不到就是只显示0,很是难受。这个刚好很符合需求。
显示前缀和统计单位 本站都是为空的,只显示数字即可,可设置易读模式。设置后需要插入到页面内。
打开上传的 Handsome主题 的文件夹,找到对应的文件并打开。 handsome/component/sidebar.php
打开 sidebar.php 搜索 最后活动 ,在后面添加下方代码即可。

<li class="list-group-item text-second"><span class="blog-info-icons"> <i data-feather="eye"></i></span> 
               <span class="badge pull-right"><?php echo PageViews_Plugin::showPageViews();?></span><?php _me("访客总数") ?></li>

或放到你喜欢的位置

<?php PageViews_Plugin::showPageViews();?>

例图 02、03

Typecho_addon_02.pngTypecho_addon_03.png


PageViews 下载




UserAgent

UserAgent 是用于显示评论者使用的操作系统和浏览器信息(Handsome主题专用),作者:松鼠大大。作者网站写的非常详细,有需要的直接跳转访问。这边进行简单记录使用。如图:Typecho_addon_03 所示

  • 选择UA信息展示方式,建议选第一个(只显示ICON)。应为在是手机端显示会折行,导致评论显示的异常怪异。
  • 选择UA信息展示效果,建议勾选第一个,或者两个都不选。不勾选悬停显示的话,会一直显示。勾选仅博主可见会导致什么也看到(包括博主自己,不清楚什么原因导致的)。
  • 是否显示IP位置信息,也是一样同上,勾选了仅博主可见会导致什么也看到。
  • 获取IP信息的API接口,由于站点可以被谷歌收录了,所以选择国外以及使用 官方加载源 。国内的尚不清楚哈。
  • 最后就是复制下方代码到对应的位置即可,可参考作者位置。

    <?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>

    站点所放位置

  • 打开 Handsome主题,component目录下的 comments.php 代码文件 handsome/component/comments.php
  • 打开 comments.php 搜索 </span></a>
  • </span></a> 后面紧挨着粘贴上述代码即可
    例图:Typecho_addon_04

    Typecho_addon_04.png


    作者原文:安利一款Hansome主题专用的UserAgent插件
    UserAgent 下载




Watermark

Watermark 主要是给站点图片添加水印的,作者:DEFE。使用起来非常简单,作者提供了两种添加水印的方法。插件只是在输出时过滤了图片链接,不会对实际上传的图片进行任何修改的。两种方法二选一即可,同时选就会显示俩水印。
推荐使用文字的,可随意修改内容,还可以上传字体(不使用作者字体也是可以的)。使用图片的话,需要上传图片到插件文件夹内即可,然后刷新插件就能看到上传的图片(水印图片 下方会显示已上传)。

使用方法

  1. 使用插入图片(会带水印),相册内插入的图片也是同理的,都是带水印的。
  2. 使用 html 代码(不带水印)。 如图:Typecho_addon_06 所示

    # 带水印
    # ![Typecho_addon_05.png][17]
    
    # 不带水印
    <img src="图片地址链接" alt="图片名" title="图片名">

    例图:05、06

    Typecho_addon_05.png Typecho_addon_06


    作者原文:图片水印插件 Watermark
    Watermark 下载

    注:作者网站提供的下载地址报404无法下载,已更换为 Typecho Wiki 下载


Sitemap

Sitemap 它可以帮助谷歌和其他搜索引擎更准确地索引站点页面,并向其他用户显示网站上的页面,作者:吴松。操作及其简单,安装插件并启用,访问 http://你的域名/sitemap.xml 即可看到页面效果。

Sitemap 下载




ShortLinks

ShortLinks 它可以把博客中的外部链接转换为网站内链,据说有利于搜索引擎收录,作者:Ryan。操作及其简单,安装插件后可以不设置直接保存。
验证是否安装成功也是很简单,随便点一个外链地址后,第一时间是会调整到自己站点域名的一个加载页,然后3秒后才是会跳到外链页面。

兼容性需要注意哈!

其他插件

END
本文作者: 文章标题:【Typecho插件】Handsome主题下使用的插件记录——记录已完善
本文地址:https://www.onemuggle.com/archives/133.html
版权说明:若无注明,本文皆OneMuggle原创,转载请保留文章出处。
如果觉得我的文章对你有用,请随意赞赏