前言
记录一下正在使用的插件,以及使用的姿势。前一段时间购入了 Handsome主题,倒腾到现在终于像了点样子。还有一点就是没仔细看教程,在一开始就动了源码,所以谨防万一,特此记录下来。
先挖个坑,等过两天有时间了,再把主题美化相关操作步骤给记录下来哈。
当前在用的插件
按照 Typecho_addon_00 图片排列顺序进行简介食用方法、下载地址等。
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)
HoerMouse
HoerMouse 是用来修改站点的鼠标样式以及点击效果,作者:Hoe(注:由于作者网站打不开,附直达作者的gitee)。
作者提供了7个鼠标样式,可随意切换。当然也可以研究一下,后续在添加几个鼠标样式也是可以的。点击效果提供三种选择模式,分别是:文字气泡(可修改气泡文字)、爱心气泡以及喷墨气泡。这个后续也是可以添加的哈。
Mourn/MournPro
Mourn 追悼模式(黑白模式),作者:Pony。注意是全站黑白模式,设置非常简单就一个开关,就不贴图了。
另外本站点开启追悼模式后,会改变原来的布局样式。启用后左侧导航会跟随中间内容一起上下滚动(开启后的 CSS 样式导致的)。有时间魔改一下或者替换一下哈。
本站已替换成 MournPro 版本: 1.2.0 ,以上两者都可以使用,各取所需哈。
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();?>
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
作者原文:安利一款Hansome主题专用的UserAgent插件UserAgent 下载
Watermark
Watermark 主要是给站点图片添加水印的,作者:DEFE。使用起来非常简单,作者提供了两种添加水印的方法。插件只是在输出时过滤了图片链接,不会对实际上传的图片进行任何修改的。两种方法二选一即可,同时选就会显示俩水印。
推荐使用文字的,可随意修改内容,还可以上传字体(不使用作者字体也是可以的)。使用图片的话,需要上传图片到插件文件夹内即可,然后刷新插件就能看到上传的图片(水印图片 下方会显示已上传)。
使用方法
- 使用插入图片(会带水印),相册内插入的图片也是同理的,都是带水印的。
使用 html 代码(不带水印)。 如图:Typecho_addon_06 所示
# 带水印 # ![Typecho_addon_05.png][17] # 不带水印 <img src="图片地址链接" alt="图片名" title="图片名">
例图:05、06
作者原文:图片水印插件 WatermarkWatermark 下载注:作者网站提供的下载地址报404无法下载,已更换为 Typecho Wiki 下载
Sitemap
Sitemap 它可以帮助谷歌和其他搜索引擎更准确地索引站点页面,并向其他用户显示网站上的页面,作者:吴松。操作及其简单,安装插件并启用,访问 http://你的域名/sitemap.xml
即可看到页面效果。
ShortLinks
ShortLinks 它可以把博客中的外部链接转换为网站内链,据说有利于搜索引擎收录,作者:Ryan。操作及其简单,安装插件后可以不设置直接保存。
验证是否安装成功也是很简单,随便点一个外链地址后,第一时间是会调整到自己站点域名的一个加载页,然后3秒后才是会跳到外链页面。
兼容性需要注意哈!
- 兼容
Typech 1.2
- 兼容至
PHP 8.1
- 在作者链接下载的需要该插件名为:
ShortLinks
不然会安装失败
作者原文:Typecho 外链转换成内链插件:ShortLinksShortLinks 下载
2 条评论
太好了,初来乍到请多关照
赞ヾ(≧∇≦*)ゝ