PureLoveForTypecho 主题简介

演变历程

  • PureLoveForTypecho (纯真的爱) 前身是Purelove (Wrodpress主题)
  • Purelove是梦月酱设计的Wrodpress主题, 页面设计简洁美观 完美支持移动设备端, 支持响应式, 兼容主流游览器
  • 而本主题是在PureLove主题梓喵出没修改版基础上再次改版, 并从Wrodpress移植到typecho

Demo

预览图

PureLoveForTypecho预览图

归档页面

登录后台,管理->独立页面->新增:

  • 1.填写标题
  • 2.自定义模板选择"自定义归档页"

Description

  • 仿全站Pjax (除评论提交外)
  • 自定义首页轮播图/侧边栏显示/Logo等
  • 代码高亮显示
  • 评论区显示系统及浏览器信息 博主标识
  • 新增归档页面
  • 自动获取文章第一张图片做为缩略图, 如文章无图, 则随机显示8张来自站酷 (ZCOOL)的缩略图
  • 设备小于860px时, 侧边栏和页脚会隐藏
  • 页脚调用金山每日一句接口

Use

  • git clone https://gitee.com/HoeXhe/PureLoveForTypecho.git
  • 将主题放入/usr/themes/目录下
  • 登录控制台使用和配置外观即可

Link

Thanks

Defect

  • 小尺寸设备时菜单会被截取而不是缩放
  • 如使用Pjax提交评论后, 当前URL会有后缀/comment 如按F5刷新页面会报错
  • 如使用Pjax提交评论后, 无法再次提交评论

类库 使用BootCDN加速

  • jquery.js v3.3.1
  • jquery.pjax.js v2.0.1
  • 字体图标 font-awesome.css v4.7.0
  • 代码高亮 highlight.js使用vs样式 v9.13.1
  • 进度条 nprogress.js v0.2.0
  • 幻灯片 responsiveslides.js v1.55
  • 酷炫编辑器 activate-power-mode.js
  • 输入动画库 typed.js v2.0.9
  • 评论表情库 emojionearea v3.4.1

集成插件

联系作者

typecho

我来吐槽

*

*

已有 169 条评论

  1. xiaobo

    作者 你好,轮播图是有数量限制的吗,超过3个就不显示了 是因为。。

    1. Hoe

      轮播图没有数量限制啊😀检查一下图片地址

      1. xiaobo

        我增加一个以后,轮播图直接就没有了,我还以为代码里面有限制,删了一个以后三个就正常显示了

        1. Hoe

          看看浏览器的控制台有没有错误输出

      2. xiaobo

        同一个文件夹下,图片路径没错的。

        "imgUrl": "/usr/themes/PureLoveForTypecho/images/banner4.jpg",

        1. xiaobo

          搞定了。。。是因为我写的时候json配置出问题。首先感谢大佬的答复,其次老哥这个主题很nice~ QAQ

          1. Hoe

            感谢夸奖🙂在此之前已经有好几位小伙伴遇到这个问题了,json格式确实容易写错,我现在也在考虑其他方案简化轮播图的配置

  2. 老司机

    几乎完美的主题。美中不足的地方能不能如果文章的开头是代码或者图片的话首页文章简介会显示图片网址或者代码,影响美观。还有一个是能不能先调用附件或者网络图片做缩略图,如果没有的话在调用文章里的图片做缩略图。如果能加上这两个我觉得就超级完美了

    1. Hoe

      感谢夸奖!首页文章简介是typecho原有的样式,我没有过多的修改;列表默认调用文章里的图片做缩略图,如果文章里没有图片,就默认显示随机的缩略图

      1. 老司机

        大佬下面是我在网上找的过滤标签元素和图片的代码,替换掉index.php文件中“<?php $this->content('阅读剩余部分...'); ?>”就可以了,但是我太小白了试了很久也没成功。大佬可否详细说下怎么用。谢谢!

        <?php

        if(preg_match('/<!--more-->/',$this->content)||mb_strlen($this->content, 'utf-8') < 270)
        {
            $this->content('阅读全文...');
        }
        else
        {    
                $c=mb_substr($this->content, 0, 270, 'utf-8');
                $c=preg_replace("/<[img|IMG].*?src=[\'\"](.*?(?:[\.gif|\.jpg|\.jpeg|\.png|\.tiff|\.bmp]))[\'|\"].*?[\/]?>/","",$c);
                echo $c.'...';
                echo '</br><p class="more"><a href="',$this->permalink(),'" title="',$this->title(),'">阅读全文...</a></p>';
        }

        ?>

        1. Hoe

          你应该去问写这个代码的人吧😂

  3. 故事

    每篇文章最后的那个 “你可以也喜欢”模块不显示,是没开启吗?

    1. Hoe

      如果“你可以也喜欢”模块不显示 说明没有相关文章,所以不显示了🙂

  4. 纷飞

    大哥,这个行内的代码块是不是不支持,敲java 不会出来这个效果。

    1. Hoe

      代码块是用三个反引号( ``` )来表示的

  5. zui

    这个主题可以使用在线上博客上吗

    1. Hoe

      当然可以啊

  6. 小帅

    很不错的一个主题 可以出个1366的宽屏模式的吗

    1. Hoe

      不错的想法,现在的显示器都是大屏了

  7. 带点复古刚刚好
    带点复古刚刚好 2019-10-11 21:50 回复

    文章前面可以显示图片就好了,,全是文字感觉有点单调

  8. zyglz

    安装好了,存在一个问题,只要评论里有表情,就回报错,不知道什么原因?

    1. Hoe

      评论emoji表情需要数据库支持才可以的

      1. zyglz资源管理站

        谢谢👍,问题已解决,就是数据库的问题

    2. zyglz

      😀😃😀就是使用这种表情

  9. liu

    模板丢失。独立主题需要有index.php模板文件,子主题必须在style.css样式表中包含模板头部。