友人C

Leaf — A Typecho Theme
Leaf 2.8(2016/11/17更新)主题介绍farbox的有一句介绍我很喜欢:在复杂中保持简洁。我们写作,...
扫描右侧二维码阅读全文
27
2016/09

Leaf — A Typecho Theme

Leaf 2.8(2016/11/17更新)

Responsive Screen Mockup Pack.png

主题介绍

farbox的有一句介绍我很喜欢:在复杂中保持简洁。
我们写作,我们生活,我们不断记录希望在时间留下流逝的痕迹,记录我们每一步的成长。
Leaf应用而生,leaf专注于记录与阅读,没有太多的功能,没有太喧嚣的界面。适合书写大段的文字。对于诗词的排版也十分友好。我希望保持初心,一直记录现在的自己。
——this is Leaf.

主题特色

  • 全站部署了pjax刷新,更轻巧,更快速
  • 主题内置两种首页风格 <虚幻&质感>,自由切换
  • 后台设置全面简单,几乎所有看得到的地方都可以自定义
  • 简单的图片灯箱效果zoom.js ,轻巧却很实用
  • 后台设置可以完美适配https 站点
  • 响应式设计布局,适应于任何尺寸大小的屏幕
  • 模板自带播放器组件,后台可以直接修改添加歌曲。(由32M提供的代码)
  • markdown 语法全面优化,有什么样式错误随时可以在评论或者邮件提出来。
  • 模板自带代码高亮代码,支持20种常用语言
  • 多说评论系统内置,只需填写ID即可使用,并且内置两款皮肤,自由切换
  • 首页背景大图可以选择随机切换
  • 内置5个彩蛋

使用说明

  • 开启伪静态(否则部分链接可能出现错误):后台——设置——永久链接——是否使用地址重写功能(选择是)
  • 必须新建两个独立页面:

    • about-me :就是首页目录的“about”入口,记得把地址设置成/about.html
    • achieve-time :就是首页目录“achieve”入口,记得把地址设置成/archive.html
  • 一定要把后台的多说ID设置成自己的!!!
  • 本主题分类页等其他必须页面的样式已经内置好,但是没有设置入口,因为模板没有这个需要,所以没有设置入口,可以自行修改源代码。
  • 本模板没有底部版权信息,使用本主题小伙伴希望可以在评论底部告诉我一声。
  • 本主题由于结构和pjax的原因,很有可能与部分插件不兼容,可以在评论区或者邮箱我提出来,我可以尽量修改插件或者内置插件代码(限于技术,有的插件我也无能为力)
  • 不支持原生评论!,你把pjax的代码去掉就支持了,原生评论的代码已经内置了,pjax与原生评论有冲突,暂时不知道怎么改。
  • 本主题index.php并没有像普通主题输出文章,而是仅仅使用了归档页面,所以归档页面无法分页,后续会对此部分进行调整更新。(也不会有太大问题,因为归档页面也很简洁,加载不会太慢)

与主题完全兼容的插件

下载地址

https://github.com/ihewro/A-Typecho-Theme-Leaf


一款免费的用心主题,
如果你喜欢,不妨给一个star给我一点鼓励吧。
如果你愿意,不妨支持1元钱,也是我最大的动力。
支付宝:


欢迎fork,欢迎提出建议和bug。

最后修改:2016 年 12 月 27 日 11 : 07 AM
打赏一包辣条钱吧,唔该啊大佬

91 条评论

  1. LiarOnce

    现在想起这个主题真是怀念,还诈尸更新了一波,评论部分直接上Disqus API了 ̄﹃ ̄

    1. 友人C
      @LiarOnce

      hhh,折腾这个主题时候我也花了不少功夫呢∠( ᐛ 」∠)_

  2. Lvv

    ヾ(´・ ・`。)ノ"右上角不显示未读的评论,不知道是不是我的问题

    1. 友人C
      @Lvv

      你的博客打不开了呀?

      如果有未读消息右上角却没有显示,你可以按F12,应该是一个图片挂掉了
      (之前那个图片存在了我的七牛中,现在把七牛的资源都删除了)

      你可以替换成你自己的一张正方形图片,应该就可以了

      1. Lvv
        @友人C

        ⌇●﹏●⌇我博客在备案哈哈,好的,回头我试试

  3. LiarOnce

    怀念旧版的我表示同步修复(强行在考试期间挤出时间修(╯‵□′)╯︵┴─┴)

    1. 友人C
      @LiarOnce

      只要把archive-time.php 里面一个$output 修改一下 就OK啦~

      1. LiarOnce
        @友人C

        想去查看效果结果发现网站直接挂了(当然不是我的|´・ω・)ノ)

        1. 友人C
          @LiarOnce

          可怕⌇●﹏●⌇

  4. Lvv

    >﹏<博主大大,文章列表只会显示2016年的文章,当我发表2017年的文章它就不会显示出来了,把文章时间改为2016年它又会显示,如何解决

    1. 友人C
      @Lvv

      可能是bug等我测试下(/ω\)

      1. Lvv
        @友人C

        ٩(ˊᗜˋ*)و好哒,辛苦了

        1. 友人C
          @Lvv

          修复好啦~更新下archive-time.php 即可~

          1. Lvv
            @友人C

            o(////▽////)q 感谢,赞~~~~

  5. LiarOnce

    你没写底部版权信息我都帮你加上了。

    1. 友人C
      @LiarOnce

      我故意没写的,写了占用太多地方不好看,但是我在F12 的console输出页面写了一个版权。嘻嘻

      1. LiarOnce
        @友人C

        你的那个版权好像被我弄挂了(滑稽)

  6. 明明

    多说同步插件用不上。

    1. 友人C
      @明明

      我之前也用这个插件,是没问题的。你可以再尝试尝试

  7. Lvv

    博主大大,请问这主题的多说头像如何部署https

    1. hewro
      @Lvv

      不替换更新那个文件,F12就会报错 repogithub is not defined 是因为之前我装了一个插件,你没装,, :???:

      1. Lvv
        @hewro

        好的 谢谢 :oops: 我先试试

        1. hewro
          @Lvv

          后天会更新一波适配https,如果嫌麻烦,可以等一下哈 :mrgreen:

          1. Lvv
            @hewro

            哈哈 那我还是等你更新吧 :mrgreen:

            1. hewro
              @Lvv

              那我把路径改一下 :mrgreen:

              1. Lvv
                @hewro

                :mrgreen: 谢谢 辛苦了

            2. hewro
              @Lvv

              奥,看到错误了,马上更新一下,leaf 主题目录下的duoshuo文件夹图片你没有全部上传吧,你的博客表情图片好多是挂掉了

              1. Lvv
                @hewro

                :arrow: 上传了 貌似我的主机并不支持中文路径

            3. hewro
              @Lvv

              我没有https环境,在本地测试的,如果有问题就告诉我 :mrgreen:

              1. Lvv
                @hewro

                :arrow: 主题后台更改了多说博主id 但貌似前台评论并不会生效。

            4. hewro
              @Lvv

              已经在github上面更新啦。可以在commits 看到更新说明

              1. Lvv
                @hewro

                :mrgreen: 好哒,博主大大辛苦了

    2. hewro
      @Lvv

      http://www.ihewro.com/archives/129/
      这篇文章我写了一点,你可以参考一下
      还有主题有一个bug,我更新了一点,如果嫌麻烦,只替换一下menu.php就行

  8. Kaer

    支持下站长大大~(°∀°)ノ

    1. hewro
      @Kaer

      谢谢 :wink:

  9. LiarOnce

    现在仍然对着项目发呆的我 :sad:
    https://github.com/LiarOnce/Leaf-Minimal

    1. hewro
      @LiarOnce

      就是在<!\-- menu -->上面加上一个<\/div>就行了 :sad:

      1. LiarOnce
        @hewro

        没发现啊,VSCode不报错 :sad:

        1. hewro
          @LiarOnce

          :shock: 你闭合位置貌似错了,应该加在<!-- menu -->上面

          1. LiarOnce
            @hewro

            终于好了 :cry:

    2. hewro
      @LiarOnce

      我看了一下,只是一个标签没有闭合
      index.php 里面
      <div id="pjax-container">没闭合标签,加上</div> 就可以了 :arrow:

  10. LiarOnce

    不知道改了哪里的代码,pjax失效了,请问怎么解决? :cry:

    1. LiarOnce
      @LiarOnce

      现在pjax好了播放器在跳转时不见了

      1. hewro
        @LiarOnce

        你改的太多了,现在使用pjax进去,目录的按钮和播放器都不见了,要不你可以回退到之前版本试试

        1. LiarOnce
          @hewro

          还有代码我已经上传到github了,能看下哪里出问题了吗 :sad:

        2. LiarOnce
          @hewro

          以前的版本已经被覆盖掉了,都找不回来了,现在只能想办法修好这个版本的bug了 :cry:

          1. hewro
            @LiarOnce

            大概只有明天帮你看一下啦,还有一个作业没有赶完 :sad:

            1. LiarOnce
              @hewro

              现在还在被逼着背语文的我 :sad:

            2. LiarOnce
              @hewro

              没事,我更惨,明天就考试了 :cry:

              1. hewro
                @LiarOnce

                干巴爹吧! :grin:

      2. hewro
        @LiarOnce

        播放器的代码要放在footer.php的尾部才行。

  11. LiarOnce

    我自己稍微改了下代码应该没什么吧 :mrgreen:
    (还在用旧版本的我)

    1. hewro
      @LiarOnce

      没事 :?:

      1. LiarOnce
        @hewro

        我倒是看了你的代码以后在不升级2.7的情况下强行添加介绍文字 :mrgreen:

  12. LiarOnce

    作死给网站上了SSL,首页的按钮图标都不见了,怎么改回来。

    1. hewro
      @LiarOnce

      你的博客没办法评论哎 :shock:

      1. LiarOnce
        @hewro

        :roll:

      2. LiarOnce
        @hewro

        因为被我改过wp-login.php,所以现在wp-login.php等于没有 :idea:

      3. LiarOnce
        @hewro

        现在可以了

      4. LiarOnce
        @hewro

        突然发现评论功能废了,待我上多说

      5. LiarOnce
        @hewro


        服务器不是很稳定,一直都是用 WordPress默认评论

        1. hewro
          @LiarOnce

          发表评论
          要发表评论,您必须先登录。

          点击登录页面又会显示

          HTTP 404: Not Found
          没有找到当前页面

    2. hewro
      @LiarOnce

      因为https 页面是不能加载http链接的资源的,你把head标签里面的http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css 换成 https开头应该就可以了吧 可以 F12看下哪些资源是http的改一下

  13. 透明的蓝

    ヽ(`Д´)ノ

    1. 友人C
      @透明的蓝

      (°∀°)ノ

  14. Brian.

    底部那个彩蛋的代码能分享不(´・_・`)

    1. 友人C
      1. Brian.
        @友人C

        谢啰(● ̄(エ) ̄●)

  15. 极地之北

    不错不错(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

    1. 友人C
      @极地之北

      (づ ̄ ³ ̄)づ

发表评论