Tips:切记!!!插件更新升级时,先禁用插件后再上传

1. Typecho Markdown 插件

Github地址:https://github.com/mrgeneralgoo/typecho-markdown

版本:V1.2.3

简介:
Typecho 1.1 正式版的 Markdown 解析很弱,此插件用 Parsedown 替换 Typecho 自带的 Markdown 解析库,并额外支持 [TOC] 语法来生成目录,同时也支持 MathJax 的 $ 和 $$ 语法来渲染数学公式。

启用:

  •   解压插件至网站根目录的 /usr/plugins/
  • 修改插件目录名为 MarkdownParse
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用

如果不使用 Markdown 插件,可以替换 Typecho 正式版的 Markdown 解析器为开发版,方法如下:

  • Typecho 官网下载开发版:
  • 解压获得 /build/var/ 中的 HyperDown.phpMarkdown.php 两个文件
  • 覆盖文件到网站根目录的 /var/

2. Handsome主题UserAgent插件

作者地址:https://doge.uk/coding/useragent-modify.html

更新日期:2020/03/05  |  版本:V1.1.1

简介:
评论显示用户信息

启用:

  •   解压至网站根目录的 /usr/plugins/
  • 修改插件目录名为 UserAgent
  • 修改 Handsome 主题,component 目录下的 comments.php 代码文件,大概第 60~80 行左右
<span class="comment-author vcard">
    <b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?>
</span>

添加以下代码

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

修改后代码如下

<span class="comment-author vcard">
    <b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?><?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>
</span>
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用
  • 网站开启CDN后,Typecho只能获取CDN节点IP,无法获取访客真实IP,在Typecho根目录的 config.inc.php 插入以下代码:
/** 防止CDN造成无法获取客户真实IP地址 */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR']))
{
    $list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
    $_SERVER['REMOTE_ADDR'] = $list[0];
}

3. Typecho 代码高亮插件 Code Prettify

作者地址:https://www.xcnte.com/archives/523/

插件更新日期:2020/07/23  |  版本:V2.1.5
handsome.min.css更新日期:2020/02/05

启用:

  •   解压至网站根目录的 /usr/plugins/
  • 修改插件目录名为 CodePrettify
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用(请勿与其它同类插件同时启用,以免互相影响)
  • 设置:选择主题风格,是否显示行号等
  • 修改(替换)/usr/themes/handsome/assets/css/ 下的 handsome.min.css 文件

用于Handsome6.0.0版本的 handsome.min.css 文件:

如果事先有对 handsome.min.css 进行过魔改的同学,按照以下步骤修改

点击查看


handsome.min.css 下新增以下代码

.page pre code {
    position: relative;
    display: block;
    overflow-x: auto;
    margin: 4.4px 0.px .4px 1px;
    padding: 0;
    max-height: 500px;
    padding-left: 3.5em
}

.page .code-toolbar pre code {
    position: relative;
    display: block;
    overflow-x: auto;
    margin: 4.4px 0.px .4px 1px;
    padding: 0;
    max-height: 500px;
    padding-left: 3.5em
}

.page pre {
    padding: 0;
    border-radius: 0;
    overflow: hidden
}

#post-content pre code 改成

#post-content pre code {
    position: relative;
    display: block;
    overflow-x: auto;
    margin: 4.4px 0.px .4px 1px;
    padding: 0;
    max-height: 500px;
    padding-left: 3.5em
}

删除 #post-content button
删除 #post-content pre:before
删除 code::-webkit-scrollbar-track-piece
删除 code::-webkit-scrollbar

  • 用法
\```php(语言类型选填)
<?php echo 'hello jrotty!'; ?>
\```
删除上边代码中的\
  • 如果你的网站有开启 PJAX(handsome主题默认开启)请把以下代码添加到回调函数的地方,以Handsome主题为例:后台管理 --> 外观 --> 设置外观 --> PJAX --> PJAX回调函数
if (typeof Prism !== 'undefined') {
var pres = document.getElementsByTagName('pre');
                for (var i = 0; i < pres.length; i++){
                    if (pres[i].getElementsByTagName('code').length > 0)
                        pres[i].className  = 'line-numbers';}
Prism.highlightAll(true,null);}

若插件里设置不显示行号,PJAX函数要改为

if (typeof Prism !== 'undefined') {
Prism.highlightAll(true,null);}

4. AliceStyle美化插件

作者地址:https://racns.com/374.html

更新日期:2020/07/21  |  版本:V3.2

启用:

  •   解压插件至网站根目录的 /usr/plugins/
  • 修改插件目录名为 AliceStyle
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用
  • 若不使用插件中的"后台美化"功能,在 /usr/plugins/AliceStyle/Plugin.php 文件中,注释第 33~40 行代码,以免导致后台崩溃
// 激活后台menu页面接口
// Typecho_Plugin::factory('admin/menu.php')->navBar = array('AliceStyle_Plugin', 'render');

// 激活后台header接口
// Typecho_Plugin::factory('admin/header.php')->header = array('AliceStyle_Plugin', 'A_Header');

// 激活后台footer接口
// Typecho_Plugin::factory('admin/footer.php')->end = array('AliceStyle_Plugin', 'A_Footer');

修改后重启插件

5. 底部页脚标签样式

  • 将以下代码添加至后台管理 --> 外观 --> 设置外观 --> 开发者设置 --> 自定义CSS
/*底部页脚*/
.github-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  background-color: #abbac3;
  margin-bottom: 5px
}

.github-badge .badge-subject {
  display: inline-block;
  background-color: #4d4d4d;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.github-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.github-badge .bg-blue {
  background-color: #007ec6
}

.github-badge .bg-orange {
  background-color: #ffa500
}

.github-badge .bg-red {
  background-color: #f00
}

.github-badge .bg-green {
  background-color: #3bca6e
}

.github-badge .bg-purple {
  background-color: #ab34e9
}
  • 将以下代码添加至后台管理 --> 外观 --> 设置外观 --> 开发者设置 --> 博客底部左侧信息,信息改成自己的
<div class="github-badge">
<a href="./" title="©2020&nbsp;诺诺零">
<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2020&nbsp;诺诺零</span>
</a>
</div>
&nbsp;|&nbsp;
<div class="github-badge">
<a href="http://www.miitbeian.gov.cn/" target="_blank" title="京ICP备 12345678号" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">京ICP备</span><span class="badge-value bg-green">12345678号</span>
</a>
</div>
  • 将以下代码添加至后台管理 --> 外观 --> 设置外观 --> 开发者设置 --> 博客底部右侧信息
<div class="github-badge">
<a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">Powered by</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
&nbsp;|&nbsp; 
<div class="github-badge">
<a href="https://www.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题,作者:友人C" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">Theme by</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>
  • 添加完成后,需要去 handsome/component/footer.php 删除原有声明代码,以下为删除完后的效果(大概 1~12 行)
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php Content::outputCommentJS($this, $this->security); ?>
</div><!-- /content -->
  <footer id="footer" class="app-footer" role="footer">
    <div class="wrapper bg-light">
      <span class="pull-right hidden-xs text-ellipsis">
      <?php $this->options->BottomInfo(); ?>
      
      </span>
        <span class="text-ellipsis"><?php
            $this->options->BottomleftInfo(); ?></span>
    </div>
      <!--可以去除主题版权信息,最好保留版权信息或者添加主题信息到友链,谢谢你的理解-->

6. 为Handsome主题添加贴吧表情包

作者地址:https://www.xcnte.com/archives/354/

贴吧表情包

  • 下载地址:
  • 复制 OwO.jsonhandsome/usr/ 目录下
  • 复制 paopao 文件夹到 handsome/usr/img/emotion/ 目录或者云存储空间
  • 清除浏览器缓存,刷新

7. Typecho博客文章底部添加版权信息

Github地址:https://github.com/Yves-X/Copyright-for-Typecho

更新日期:2020/01/00  |  版本:V1.1.1

简介:
这是一个 Typecho 插件,利用自定义字段功能灵活地在文章或独立页面尾部显示版权小尾巴。

启用:

  •   解压插件至网站根目录下 /usr/plugins/
  • 修改插件目录名为 Copyright
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用

8. Sitemap 社区维护版

Github地址:https://github.com/typecho-fans/plugins/tree/master/Sitemap

更新日期:2020/00/00  |  版本:V1.1.1

简介:
Sitemap 可方便站长通知搜索引擎网站上有哪些可供抓取的网页。最简单通行的就是Google制定的XML格式标准,其中可列出网址及其元数据(上次更新时间、更改频率和优先级权重等),便于搜索引擎更高效智能地抓取网站内容。

启用:

  •   解压插件至网站根目录下 /usr/plugins/
  • 修改插件目录名为 Sitemap
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用

9. Typecho Access 插件

Github地址:https://github.com/kokororin/typecho-plugin-Access

更新日期:2020/00/00  |  版本:V1.1.1

简介:
后台管理插件,提供简易的访客记录查看,获取访客信息,生成统计图表。

启用:

  •   解压插件至网站根目录下 /usr/plugins/
  • 修改插件目录名为 Access
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用

10. 评论邮件通知 CommentToMail 修改版

作者地址:https://blog.uniartisan.com/archives/CommentToMail.html

更新日期:2020/00/00  |  版本:V1.1.1

启用:

  •   解压插件至网站根目录下 /usr/plugins/
  • 修改插件目录名为 CommentToMail
  • 进入网站后台管理 --> 控制台 --> 插件 --> 启用
  • 设置smtp服务器地址,邮箱地址,密码等信息
  • 设置cron监控,或者网址监控(例如阿里/360网址监控),宝塔面板快速设置cron监控的方法:

监控的网址为插件设置里的任务执行地址加上你自己的 key
CommentToMail
进入宝塔面板添加计划任务
宝塔面板设置cron监控

  • 添加邮件提醒选择框

邮件提醒选择框
修改网站根目录 /usr/themes/handsome/component 下主题模板 comments.php 文件,大概第 160~170 行,删除 <input type="hidden" name="receiveMail" id="receiveMail" value="yes" /> 并添加以下代码

<input type="checkbox" name="receiveMail" id="receiveMail" value="yes" checked />
<label for="receiveMail" style="padding-left:8px;">当有人回复时接收邮件提醒</label>

修改后如下所示

<div class="comment-form-email form-group col-sm-6 col-md-4">
    <label for="email"><?php _me("邮箱") ?>
    <span class="required text-danger">*</span>
    </label>
    <input type="text" name="mail" id="mail" class="form-control" placeholder="<?php _me("邮箱 (必填,将保密)") ?>" value="<?php $this->remember('mail'); ?>" />
    <input type="checkbox" name="receiveMail" id="receiveMail" value="yes" checked />
    <label for="receiveMail" style="padding-left:8px;">当有人回复时接收邮件提醒</label>
</div>
Last modification:July 30th, 2020 at 12:24 am