Junichi - Typecho主题

更新(2017年1月20日)

  • iconfont库 增加了新图标

  • 修复搜索框文字光标方向错误( 感谢 @FaithPatrick 提交 )

更新(2017年1月19日)

  • 增加对 Hanny 友链插件的支持(不喜欢插件的依然是直接编辑源文件来修改友链)

  • 修正某些小bug

PS:因为友链插件输出的原因,如果要和本站一样效果,需要修改插件来实现。

1、修改 Links 插件目录 Plugin.php 文件的 267行 替换为

} else if ($pattern == "SHOW_JUNICHI") {
$pattern = "<li><a href=\"{url}\" target=\"_blank\">{name}</a><span class=\"more\">({title})</span></li>\n";
}

2、修改主题目录 page-links.php 文件的 18行 替换为

<ul class="links iconfont">
    <?php Links_Plugin::output('SHOW_JUNICHI',0,'https'); ?>
</ul>
<ul>
    <?php Links_Plugin::output('SHOW_JUNICHI',0,'http'); ?>
</ul> 

3、添加友链的时候 若是 https 的链接添加链接分类为 https,否则链接分类为 http。

更新(2017年1月16日)

根据网友要求更新一些细节,例如

  • 增加评论锚点;

  • 增加外观后台设置图片设置和社交链接;

  • Favicon 图标和头像分开设置;

  • 主题样式 style.css 细节修改;

  • 替换了主题默认背景图和头像,和本站区分;

  • 评论去掉了多层嵌套。


Junichi 是 Typecho 的一套主题模板,Junichi 这个主题的名字由来,是因为博主起名实在没天分,所以就用我宝贝儿子的英文名来命名。

主题从2016年11月14日开始制作,现在只是有形无神,正在进一步优化代码和适配功能。

下载地址:

https://github.com/siseboy/junichi

主题预览:

image

主题特性

  • 无jQuery,无前端框架,轻量级

  • InstantClick实现PJAX无刷新操作

  • Prismjs代码高亮集成

  • 响应式设计

  • 支持图片CDN

  • 支持社交按钮

主题启用

下载后,重命名文件夹为junichi,然后放到typecho里的theme目录内,进入typecho后台,外观,启用即可。

主题设置

进入主题外观设置

依次是标语,开启Pjax和的社交链接

然后是图片CDN,推荐使用七牛云镜像

主题背景图和头像请直接替换images目录下的图片

缩略名命名为about,建立关于单页,

选择 Archives 的页面模板,缩略名命名为archives,建立归档页,

选择 Links 的页面模板,缩略名命名为links,建立友链页面。因为 Typecho 的编辑器原因,友情链接部分需要直接编辑源文件来增加或删除。

已有 111 条评论
  1. 王小大

    我就是没懂添加友链是用插件么

    王小大 回复
    1. 痞子鱼

      @王小大

      不好意思,友情链接暂时只能通过修改源文件来添加修改,没有使用插件。

      痞子鱼 回复
      1. 王小大

        @痞子鱼

        好吧,我以为可以用插件,哈哈

        王小大 回复
  2. 握兰网

    之前用过typecho建过个人博客,后来放弃了,或说回来这个程序还是够简洁大方的,另外博主的站点访问速度不错,使用的什么主机呢?

    握兰网 回复
    1. 痞子鱼

      @握兰网

      衡天香港的vps

      痞子鱼 回复
  3. Jonjs

    博主啊,这个主题在Typecho后台切换外观的时候那个主题名下边的作者名触发的链接是www.uefeng.com,要加http://或者https://哒。不然后就是http://yourblog.com/admin/www.uefeng.com

    还不懂的话请看图:
    https://ooo.0o0.ooo/2017/01/18/587f731688c65.png

    Jonjs 回复
    1. 痞子鱼

      @Jonjs

      谢谢提醒,下一次更新会修复。

      痞子鱼 回复
      1. Jonjs

        @痞子鱼

        QWQ 博主你有没有QQ=-=加你

        Jonjs 回复
        1. 痞子鱼

          @Jonjs

          有问题可在 GitHub 提交或发邮件

          痞子鱼 回复
  4. 森纯博客

    谢谢分享,虽然我不用typecho,

    森纯博客 回复
  5. 优谋

    博主您好!
    请问你博客文章中的小标题

    更新(2017年1月16日)

    格式是怎么实现的?需要修改哪个文件?
    谢谢!

    优谋 回复
    1. 痞子鱼

      @优谋

      建议你先了解下 Markdown 语法,文中的小标题是 H3

      # 这是 H1

      ## 这是 H2

      ### 这是 H3

      痞子鱼 回复
      1. 优谋

        @痞子鱼

        非常感谢!博主是个热心肠!

        优谋 回复
      2. 优谋

        @痞子鱼

        不好意思,再请教一个问题,你的评论通知使用的是哪个插件?能推荐一下吗?
        谢谢!

        优谋 回复
        1. 痞子鱼

          @优谋

          CommentToMail

          痞子鱼 回复
          1. 王小大

            @痞子鱼

            我用的阿里的虚拟主机 是不是不能发邮件?

            王小大 回复
            1. 痞子鱼

              @王小大

              没用过阿里的主机,你可以下载插件试试看是否支持 SMTP

              痞子鱼 回复
              1. 王小大

                @痞子鱼

                发送失败,你能不能把配置图发一下?

                王小大
              2. 痞子鱼

                @王小大

                https://uefeng.com/typecho-mail-push.html

                这里有图可以看。

                痞子鱼
              3. 王小大

                @痞子鱼

                谢谢,空了试试

                王小大
              4. 王小大

                @痞子鱼

                我放弃了,,估计是主机不支持,下次换vps

                王小大
  6. Jonjs

    博主您好,没错又是我我又来了。。。。
    文章后面的更新时间是不是应该用24小时制?
    请看图:https://ooo.0o0.ooo/2017/01/19/58801b85009b3.png
    这篇文章我是在13:44:45编辑的,可却显示01:44:45

    Jonjs 回复
    1. 痞子鱼

      @Jonjs

      是 24 小时制的,可以看本文为例子,这个编辑的时间以文章最后一次保存的服务器时间为准,所以看看你的服务器时间是否正确。

      痞子鱼 回复
      1. Jonjs

        @痞子鱼

        哟西,差点忘记服务器在Canada了=-=非常感谢!

        Jonjs 回复
  7. Jonjs

    博主我为我之前的言论做一点修正QWQ

    @link处应该是https://uefeng.com而不是www.uefeng.com

    Jonjs 回复
  8. Jonjs

    接上楼
    index.php中,@link处应该是https://uefeng.com而不是www.uefeng.com

    Jonjs 回复
  9. 大袋鼠

    在用这款主题,很不错!
    提个小建议:给你的iconfont库里加个留言本的图标吧。

    大袋鼠 回复
    1. 痞子鱼

      @大袋鼠

      嗯,有打算找更多风格统一的图标添加进来…

      痞子鱼 回复
  10. SUSE

    博主,这个主题的评论系统需要安装插件吗?我安装了ajaxcomment,没有效果。

    SUSE 回复
    1. 痞子鱼

      @SUSE

      评论不需要装插件,主题使用 ajaxcomment 插件会有问题。

      痞子鱼 回复
  11. TTKX

    我觉得翻页不应该用下一页这样的,应该象评论一样按数字来翻页

    TTKX 回复
    1. 痞子鱼

      @TTKX

      这个属于个人喜好问题,可以自行修改。

      痞子鱼 回复
  12. JimX

    开启Pjax之后模板里404就半死不活了,得刷新才能看到样式。。。

    JimX 回复
    1. 痞子鱼

      @JimX

      好像在别人博客是有遇到这个问题,抽空再看看什么原因。

      痞子鱼 回复
  13. 王小大

    友链用了插件,不然每次更新友链都没了

    王小大 回复
  14. 王小大

    友链用了插件,不然每次更新友链都没了,下次作者直接把主题里面那个link文件改成你上面说明那种输出形式,不然更新一次自己就要改一次,用手机改跟你说明那个行数不一样,哈哈哈,秀逗了,就刚刚发现一个问题,如果加了一个emoji表情,后面内容自动屏蔽,发不出去,,,我就说打那么多字去哪了

    王小大 回复
    1. 痞子鱼

      @王小大

      因为涉及到插件的修改,所以不会直接写进去文件里的。你下次更新不覆盖 page-links 这个文件就可以了。

      痞子鱼 回复
      1. 王小大

        @痞子鱼

        你可以把插件一起改了,单文件上传,并带上作者版权!

        王小大 回复
    2. 闪闪的星

      @王小大

      emoji 表情不支持是数据库的编码格式问题,可以看:https://cun.lu/38/

      闪闪的星 回复
  15. whuted

    主题很简约很好看~赞赞赞!

    whuted 回复
  16. TTKX

    反馈一下,升级到1.22就变样子
    http://i1.piimg.com/1949/54dc4915050aa341.png 这个是你的,却不会图不一样

    http://i1.piimg.com/1949/65c3656f3f979131.png 刚刚下载的1.22版本,1.2的又不会!

    用其他的图片走位更厉害,底部走到头部

    看样子不能升级1.22,正准备WP转TY呢

    TTKX 回复
    1. 痞子鱼

      @TTKX

      这个也不算是 bug,因为 Git 上面的 css 文件控制的是自带那个背景图,所以用其他背景图会有问题,下次我修改一下手机浏览的时候背景图去掉好了。

      痞子鱼 回复
  17. 几许风雨

    更新的好频繁,已用上最新版,继续更新哈!

    几许风雨 回复
    1. 痞子鱼

      @几许风雨

      等放假,闲着没事就弄一下了,哈哈

      痞子鱼 回复
  18. TTKX

    http://i1.piimg.com/1949/7d815847689bbc4e.png

    手机访问,搜索等图标全部叠合,刷新就不会了!

    TTKX 回复
    1. 痞子鱼

      @TTKX

      那时因为第一次 css 没加载完成的原因吧。

      痞子鱼 回复
      1. TTKX

        @痞子鱼

        可以解决吗?
        如果浏览器缓冲清理,和第一次访问都这样。。。。

        TTKX 回复
        1. 痞子鱼

          @TTKX

          很频繁出现吗?我似乎没办法重现这个问题。

          痞子鱼 回复
          1. TTKX

            @痞子鱼

            我现在手机每次访问你网站都这样,要打开别的页面才恢复正常,刷新没用,我也访问其他人的也是这样,是用你主题的,之前访问没有,不知道什么原因

            TTKX 回复
发表新评论