Junichi - Typecho主题

主题我也是仿照多个优秀博客代码结合而成后免费共享的,所以你可以拿去随意更改。主题只是根据我的需要来更改的,我也会听取你们的一些要求,但不接受任何定制要求,更新周期不定,可能明天,也可能明年,使用前请谨慎考虑。

请别发邮件指责我不听取用户意见,不认真更新或者不增加功能,谢谢。 -- 2017年2月13日

更新(2017年2月27日)

  • 修正友链页默认链接字体变大的问题

更新(2017年1月20日)

  • iconfont库 增加了新图标
  • 修复搜索框文字光标方向错误( 感谢 @FaithPatrick 提交 )

更新(2017年1月19日)

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

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

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

} else if ($pattern == "SHOW_JUNICHI-HTTPS") {
$pattern = "<li><i class=\"iconfont icon-https\"></i><a href=\"{url}\" target=\"_blank\">{name}</a><span class=\"more\">({title})</span></li>\n";
}
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>
    <?php Links_Plugin::output('SHOW_JUNICHI-HTTPS',0,'https'); ?>

    <?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 的编辑器原因,友情链接部分需要直接编辑源文件来增加或删除。

已有 233 条评论
  1. 沧澜博客

    很喜欢博主主题,但是使用主题后,评论功能没办法使用了,提交完评论后后台没办法看到评论。

    沧澜博客 回复
    1. 沧澜博客

      @沧澜博客

      多谢博主的主题,按照后台的设置,这个问题已经解决了,,,感谢

      沧澜博客 回复
      1. 情生

        @沧澜博客

        大佬你是怎么解决的呢

        情生 回复
        1. 痞子鱼

          @情生

          如果你开启Pjax,需要到设置-评论,去掉开启垃圾评论过滤

          痞子鱼 回复
          1. 情生

            @痞子鱼

            感谢 解决啦

            情生 回复
  2. 小哲

    WWW.WWW.COM/index.php/3.html
    为什么关于页面是这种格式的,

    小哲 回复
    1. 痞子鱼

      @小哲

      后台设置打开永久链接。

      痞子鱼 回复
  3. 小迷糊

    博主,请问有没有好的支付插件推荐一个

    小迷糊 回复
  4. KidChan

    使用了博主的主题后页面有点问题
    notionbeta.com/index.php/archives.html
    请教下该怎么解决?

    KidChan 回复
    1. 痞子鱼

      @KidChan

      替换模板对应的内容看看是否还有错误提示。 注意去掉 前后的空格

      < ?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archives);
      $year=0; $mon=0; $i=0; $j=0;
      $output = '

      ';
      while($archives->next()):
      $year_tmp = date('Y',$archives->created);
      $mon_tmp = date('m',$archives->created);
      $y=$year; $m=$mon;
      if ($mon != $mon_tmp && $mon > 0) $output .= '';
      if ($year != $year_tmp && $year > 0) $output .= '';
      if ($year != $year_tmp) {
      $year = $year_tmp;
      $output .= '

      '. $year .' 年'; //输出年份 } if ($mon != $mon_tmp) { $mon = $mon_tmp; $output .= ''. $mon .' 月'; //输出月份 } $output .= ''.date('d日: ',$archives->created).''. $archives->title .' ('. $archives->commentsNum.')'; //输出文章日期和标题 endwhile; $output .= '

      ';
      echo $output;
      ? >

      痞子鱼 回复
      1. KidChan

        @痞子鱼

        感谢感谢

        KidChan 回复
  5. KidChan

    另外想请教下 主题设置那里的七牛云怎么设置
    感谢

    KidChan 回复
    1. 痞子鱼

      @KidChan

      替换前地址 就是博客存放附件的绝对地址,例如:https://uefeng.com/usr/uploads/

      替换后的地址 就是七牛云提供给你的域名 例如 https://uefeng.qnssl.com/

      痞子鱼 回复
  6. 官仁博客

    请教一下,比较好奇博客页面右侧的一片空白区域是做什么的?

    官仁博客 回复
    1. 痞子鱼

      @官仁博客

      只是适应宽屏,没特殊用途。

      痞子鱼 回复
      1. 官仁博客

        @痞子鱼

        原来如此,我试了一下这款模板,每点进一个新页面,需要再刷新一下才会显示出页面是什么问题

        官仁博客 回复
  7. 甄嬛

    下载的主题和博主主题不一样
    字体不一样,归档不一样,博主更新了没和github一样吗

    甄嬛 回复
    1. 痞子鱼

      @甄嬛

      是的,数字的字体不一样,归档页面是因为我每个月文章少,所以改成按年分类,就没必要更新上去了。

      痞子鱼 回复
  8. 官仁博客

    左侧导航用到的ico图标是哪个图标库的,想增加并更换一下图标,还请博主告知一下

    官仁博客 回复
    1. 痞子鱼

      @官仁博客

      这个是我自己在 http://www.iconfont.cn/ 自选的

      痞子鱼 回复
  9. 官仁博客

    Typecho后台外观管理页面,编辑模板代码后无法保存,点击保存直接出现下方那样,这种如何解决呢(使用其他主题可以正常编辑和保存),如图:ww1.sinaimg.cn/large/87c01ec7gy1frubzre68pj20ii02lmx4.jpg

    官仁博客 回复
    1. 痞子鱼

      @官仁博客

      检查你服务器安全设置。

      痞子鱼 回复
      1. 官仁博客

        @痞子鱼

        安全没问题,用其他theme也没问题,就这款每次不行,我改东西都只能改了文件传上去用,没法直接改~

        官仁博客 回复
        1. 痞子鱼

          @官仁博客

          那你只能看看文件的权限是否可写。

          痞子鱼 回复
  10. 情生

    博主你好,是这样的 为什么我的博客不能自动获取头像,输入邮箱还是同一个头像

    情生 回复
    1. 痞子鱼

      @情生

      先去 http://cn.gravatar.com/ 注册你的邮箱头像

      痞子鱼 回复
      1. 情生

        @痞子鱼

        嗯哪 注册成功了 然后是?

        情生 回复
        1. 情生

          @情生

          这样就可以了吧

          情生 回复
发表新评论