Hoe's Notes

PureLoveForTypecho 主题简介

/ PHP / 位置： Home » PHP »

演变历程

  • 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

我来吐槽

*

*

已有 157 条评论

  1. 予安
    予安 2020-07-06 16:37 回复

    今天上网浏览看到了你的这个开源主题，于是就去码云上拿了源码（特意还点了star和fork），
    安装使用，想着给博主加个友链 可我找半天不知道怎么添加友链😣（我是个前端小学生） 博主要是忙里得闲可不可以回复一下指点一下怎么添加友链，谢谢啦！

    1. Hoe
      Hoe 2020-07-06 16:43 回复

      在友链页面直接写上就可以了😊

  2. 文啦噜
    文啦噜 2020-06-19 11:01 回复

    下载链接好像点不进去嗷嗷嗷

  3. 你的粉丝
    你的粉丝 2020-04-29 23:59 回复

    大佬，你的主题我用了很久了，也特别喜欢！就是有个地方觉得不是很理想，就是在浏览图片的时候点击图片不会自动放大，有时候图上的字小就看不清了。。

    1. Hoe
      Hoe 2020-04-30 07:43 回复

      感谢支持，这个功能很实用👍
      ，下个版本可以加入这个功能

        1. Hoe
          Hoe 2020-06-01 08:53 回复

          灯箱插件已经上线, 浏览图片会自动放大了, 快去更新吧😀

          1. Hoe
            Hoe 2020-06-01 15:31

            登录后台,管理->独立页面->新增:
            1.填写标题
            2.自定义模板选择"自定义归档页"

          2. 云逸风清
            云逸风清 2020-06-01 15:19

            归档怎么弄的 大佬？

  4. 你是时光 轻轻呵唱
    你是时光 轻轻呵唱 2020-04-13 15:53 回复

    博主，请教一下，我感觉我的pjax失效了，表现为不管点什么整个页面都会重载，加载动画没有，banner失效，reloadEmoji函数报错，想请问一下如何解决，我尝试过把footer.php恢复以前的版本，可是没有补救回来~~

    1. Hoe
      Hoe 2020-04-13 15:59 回复

      我看到你的网站控制台有几个报错，可能是插件冲突了。我建议你先把插件全部禁用掉，然后一个个打开进行排查

      1. 你是时光 轻轻呵唱
        你是时光 轻轻呵唱 2020-04-13 16:07 回复

        确实是插件冲突，最近下载的插件有点多。感谢感谢❤最后再请教一下，我的数据库用的phpMyAdmin,怎么解决这个评论emoji不显示的问题呢？

        1. Hoe
          Hoe 2020-04-13 16:12 回复

          你不要误会了 phpMyAdmin 是一个管理 MySQL 面板，所以跟它没关系。😁你需要去修改 MySQL 的一些配置，你可以去搜索引擎搜索这类关键字“typecho如何支持emoji”

          1. 你是时光 轻轻呵唱
            你是时光 轻轻呵唱 2020-04-13 16:21

            好的，谢谢。❤我没学过数据库，搞错了😊

  5. TheBaiRuo
    TheBaiRuo 2020-03-16 22:27 回复

    名称: 白渃の博客
    简介: 一个很写了很多没用的东西的BLOG
    网址: https://blog.bairuo.top
    LOGO:https://file.bairuo.top/logo.jpg

    之前一直再备案无法访问QWQ
    (友联板块不开放评论只能在这里评了‘抱头蹲防’）

    1. Hoe
      Hoe 2020-03-16 22:36 回复

      真机智🙊 But~~我之所以关掉友链页面的评论 是因为现在暂时不交换友链了，抱歉抱歉

      1. TheBaiRuo
        TheBaiRuo 2020-03-16 22:38 回复

        这怎么能算交换呢，这叫更新，之前换过（｀・ω・´)

        1. Hoe
          Hoe 2020-03-16 22:42 回复

          对不起啊，认不出来了，现在的友链中哪个是你😅

          1. TheBaiRuo
            TheBaiRuo 2020-03-16 22:47

            你貌似删了QWQ

  6. xiaobo
    xiaobo 2020-03-14 18:17 回复

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

    1. Hoe
      Hoe 2020-03-14 18:19 回复

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

      1. xiaobo
        xiaobo 2020-03-14 19:41 回复

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

        1. Hoe
          Hoe 2020-03-14 19:42 回复

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

      2. xiaobo
        xiaobo 2020-03-14 19:39 回复

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

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

        1. xiaobo
          xiaobo 2020-03-14 23:01 回复

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

          1. Hoe
            Hoe 2020-03-14 23:12

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

  7. 老司机
    老司机 2020-02-12 00:27 回复

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

    1. Hoe
      Hoe 2020-02-15 12:43 回复

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

      1. 老司机
        老司机 2020-02-16 12:28 回复

        大佬下面是我在网上找的过滤标签元素和图片的代码，替换掉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
          Hoe 2020-02-18 18:39 回复

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

  8. 故事
    故事 2020-01-17 16:17 回复

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

    1. Hoe
      Hoe 2020-01-17 17:24 回复

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

  9. 纷飞
    纷飞 2020-01-17 14:38 回复

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

    1. Hoe
      Hoe 2020-01-17 14:40 回复

      代码块是用三个反引号（ ``` ）来表示的

  1. 1
  2. 2
  3. 3
  4. 4
  5. ...
  6. 7