Vv

VMay 8, 2020

自媒体博客Spimes主题用法和注意事项

原本是比较懒,就没有详细写试用说明之类的,觉得无非也就那几个地方,过一遍可以填的就填,不可以填的就不填,应该也不会太大问题,细想之下,做个简单总结常见的一些问题和注意事项把

1,部分代码是源自于网络上代码分享,部分只能实现于sql5-6版本,比如互动会员那里,如果是高版本的环境,可以关闭不使用即可(已经修复)


2,图片和文章要空一行,不然图片的标签文字会挤到上面,很难看,如果不想显示的话,后台外观css这样设置就好了

.image_title{display:none;}

3,高亮插件的问题,设置高亮的内容,前后不要空一行,空一行会导致高亮显示不正常


4,栏目页面出现下方白色空白没事的,多设置一下列表内容,尽量保持边栏的内容低于左边的内容框架


5,文章封面是必须的,其他地方显示推荐的文章都是以封面为主,所以一篇文章的封面是必须的,而且文章有了封面的话,才能开启多图的显示


6,保持文章的图片居中的办法

.entry-content p img {  margin: auto; display: block;}

7,手机移动端底部菜单的设置格式是这样的

icon-huati|https://www.spinyue.com

8,后台设置的地方,有些地方没有可以不填,不一定都要填,只是为了各取所需,需要到方便点


9,代码高亮的问题,代码设置的前后,不要多空一行,有时候识别不了


10,互动读者的sql版本问题,抽了个时间解决了一下,里面涉及到两个问题,已经更新


之前的代码,文件sidebar.php

$period = time() - 999592000; // 時段: 30 天, 單位: 秒
$counts = Typecho_Db::get()->fetchAll(Typecho_Db::get()
->select('COUNT(author) AS cnt','author', 'authorId', 'mail')

改为

$period = time() - 2592000; // 单位: 秒, 时间范围: 30天
$counts = Typecho_Db::get()->fetchAll(Typecho_Db::get()
->select('COUNT(author) AS cnt','author', 'max(authorId) authorId', 'max(mail) mail')

其中 $period = time() - 2592000;的2592000,给大家列几个,方便修改

604800;// 時段: 7 天, 單位: 秒

2592000; // 時段: 30 天, 單位: 秒

31536000; // 時段: 365 天, 單位: 秒


11,目前后台定义的图片后缀(主要是用来实现第三方的图片解析,在图片后面加上?aaa类似这样的结构,就可以进行图片处理)
首页列表,栏目没有加上,只是在文章内加上而已,所以首页,列表可以这样操作:

<script type="text/javascript">
$(".block-fea").each(function(){ //获取要加的图片样式
var imgsec = $(this).css("background-image").split("\"")[1]; //获取背景图片的url
$(this).css('background-image','url('+imgsec+'?aaa)');// url+自己想要定义的字符串
});
</script>

这样就可以实现首页,列表页的第三方存储图片样式处理了


12,主题内置三个页面列表模式,在category文件夹里面,如果需要的话,可以新建栏目,把栏目的名字和文件夹的其中一个名字保持一致,便可以调用到这一个列表模式


13,关于菜单小图标的获取,https://www.dpaoz.com/iconcss,选择Font class,然后获取下方的代码,不要. 即可


14,按钮居中的css,写在主题外观后台,虽然我觉得不居中,默认才是最合理的,但还是弄弄居中的样式代码把
按钮代码在编辑器里面设置,不用添加http或https了,按配置来

. btn_nt { margin: auto; display: block; width: 100%; text-align: center;}

15,友情链接具体看演示这里https://www.spinyue.com/ylink.html

友情链接的代码如下:
<ul id="flinks">
<li>域名名称</li>
<li>域名地址</li>
<li>域名图标</li>
<li>描述</li>

<li>域名名称</li>
<li>域名地址</li>
<li>域名图标</li>
<li>描述</li>
</ul>

16,mac版高亮可复制插件的整合教程:https://www.dpaoz.com/453

Spimes主题结合高亮插件Code Prettify教程实例

这个主要还是看需求,装插件又多加载了几个js,本来想可以整合到主题里面,但是想想算了,做个教程,需要就折腾一下,其实我觉得主题也不错 先看看插件的,整合好之后是这样....

17,关于插件tepass的使用无反应,比如

<?php echo TePass_Plugin::getReward(); ?>

显示的打赏按钮,点了没有反应,可能是主题启用了压缩功能,可以尝试

<nocompress>
<?php echo TePass_Plugin::getReward(); ?>
</nocompress>

<nocompress>是用来声明此代码不进行压缩,其他插件也可能类似存在此问题……


如果有什么其他问题,可以底部留言,或者QQ咨询~

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.dpaoz.com/306
2406

发表评论

已有 4 条评论

  1. 安梓     Android /    Chrome 说道:

    :真棒::酷:

  2. QQ游客     Win 7 /    Chrome 说道:

    :鼓掌::鼓掌:

  3. Huangddl     iPhone /    Safari 说道:

    :真棒:最好的主题

    1. 【站长】Vv     Win 7 /    Chrome 说道:

      @Huangddl

      感谢支持:笑眼:

嘿,我来帮您!

VIP · 会员全站通免费下载

1,全站任意主题资源免费下载

2,专属客服一对一服务

3,积分规则:点击查看