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

已有 201 条评论
  1. 我本奈何

    ````
    Uncaught TypeError: Cannot read property 'addEventListener' of null
    at Object.addEL (functions.js:1)
    at Object.show (functions.js:1)
    at functions.js:2
    ````
    貌似无法回复上面的?

    我本奈何 回复
  2. 头疼啊

    新功能没吗?

    头疼啊 回复
    1. 痞子鱼

      @头疼啊

      这还真没~~~

      痞子鱼 回复
  3. 梅载风

    怎么添加github图标啊

    梅载风 回复
  4. z

    感谢博主免费分享主题,对于那些发邮件指手画脚说三道四的,建议博主回复四个字‘爱用不用’直接拉黑

    z 回复
  5. 吃瓜众

    好像Greyshade模板,右侧加个缩略图就好了,颜值要上来呀

    吃瓜众 回复
    1. 痞子鱼

      @吃瓜众

      需要缩略图的话建议使用 qqdie.com 的 Yodu 主题,那款主题也类似。

      痞子鱼 回复
      1. jrotty

        @痞子鱼

        感谢推销,我的那个是参照我之前移植的hexo模板的布局写的,因为很喜欢那个布局,但是加载速度不太理想就自己duang的弄一个

        jrotty 回复
        1. 香菇

          @jrotty

          发现有毒233

          香菇 回复
  6. 好人一生平安

    反馈一下!
    在网址后面添加 2015/12/ 都行而不是返回404
    比如https://uefeng.com/2015/12/

    好人一生平安 回复
    1. 痞子鱼

      @好人一生平安

      额,这个是程序的问题。

      痞子鱼 回复
  7. 天山揽月

    关于、归档和友链页面创建的时候自动生成的链接格式为:【域名/index.php/缩略名.html】,这就很尴尬了

    天山揽月 回复
    1. 天山揽月

      @天山揽月

      看到了你的回复,改了header.php,好了,真心喜欢这款主题

      天山揽月 回复
      1. 痞子鱼

        @天山揽月

        建议有条件的还是开启永久链接好点。

        痞子鱼 回复
  8. 斌塔斯

    你好,我开启了Pjax,但是好像实现不了QPlayer音乐插件跨页面播放音乐,可否帮忙解决一下。
    https://github.com/Jrohy/QPlayer-Typecho-Plugin

    斌塔斯 回复
    1. 痞子鱼

      @斌塔斯

      给插件的 JS 文件添加 data-no-instant 属性试试。

      痞子鱼 回复
  9. Jim

    博主 你的H3 貌似有两个样式 一个是就左边一个蓝色的竖条 另一种是每个标题那样的方括号
    后者是怎么实现的啊 前者貌似就是3级标题 后者咋整

    Jim 回复
    1. 痞子鱼

      @Jim

      给内容里的 H3 加个样式啊。

      痞子鱼 回复
      1. Jim

        @痞子鱼

        囧 github上面的style.css没有H3样式 直接copy了你网站现在的style.css 啊哈哈

        Jim 回复
  10. 小白菜

    你好,你的主题非常好!但是归档 关于 友联这几个不能用啊,后台没有设置,而且也不知道怎么调用

    小白菜 回复
    1. 十三姨爱我

      @小白菜

      后台新建页面,命名为对应的名称,再选择恰当的模板就OK了……

      十三姨爱我 回复
    2. 十三姨爱我

      @小白菜

      还有就是你竟然把作者的博客地址超链去掉了,这不可取。

      十三姨爱我 回复
  11. 十三姨爱我

    你好。谢谢你分享的主题。不知道能不能实现一个功能就是类似于微博。有时候没时间写博,也是想记录一瞬间的想法。

    十三姨爱我 回复
    1. 痞子鱼

      @十三姨爱我

      其实我觉得这样没必要,因为博客毕竟还是博客,没时间就不写,有时间再写就是了。

      痞子鱼 回复
      1. 十三姨爱我

        @痞子鱼

        嗯嗯。说得也是~

        十三姨爱我 回复
  12. 孙华

    一语中的,我2年前删掉了所有作品。当然,还有一个原因是疲劳!

    孙华 回复
  13. crazycen

    非常感谢博主免费分享主题。不必为庸人所扰!

    crazycen 回复
  14. 老王

    请问,文章页面不显示,相关文章是什么原因?

    老王 回复
    1. 痞子鱼

      @老王

      相关文章是根据标签来调用的,也就是有一个相同标签的文章才会出现。

      痞子鱼 回复
  15. 山小炮

    感觉你的主题很棒呀,参考了你的评论,感谢分享!

    山小炮 回复
  16. iamty

    请问博主的评论系统用的是什么?是Typecho自带或者它的插件吗?谢谢

    iamty 回复
    1. 痞子鱼

      @iamty

      这是 Typecho 自带的

      痞子鱼 回复
  17. Marisn.

    /usr/themes/junichi/page-archives.php on line 27

    这是什么原因呢?

    Marisn. 回复
  18. Marisn.

    归档处 出现的
    Notice: Undefined variable: output in /www/users/HA217349/WEB/usr/themes/junichi/page-archives.php on line 27

    Marisn. 回复
    1. 痞子鱼

      @Marisn.

      这是因为有的变量没有定义造成的,简单折腾,直接隐藏掉错误提示吧。

      在php.ini中的搜索 error_reporting = E_ALL 修改成 error_reporting = E_ALL & ~E_NOTICE

      再重启apache就行了

      痞子鱼 回复
      1. Marisn.

        @痞子鱼

        感谢

        Marisn. 回复
  19. Nerd

    正在尝试加个分类

    Nerd 回复
  20. wu先生

    等下折腾。

    wu先生 回复
  21. 发现一个搜索BUG

    中文搜索还好,如果英文搜索,比如china china,搜索结果是chinachina。合并到一起了。

    发现一个搜索BUG 回复
  22. 中秋月

    博主,我在使用了这套主题并开启了instantClick之后,发现无法评论了!
    在主机后台也关闭了POST保护,禁用了全部插件还是无法解决,PHP使用了7.0版本。

    目前删除了与评论相关的代码,关闭了评论功能,而又不想使用第三方评论系统,求援助

    中秋月 回复
    1. 痞子鱼

      @中秋月

      开启 instantClick 后,在设置-评论那里关闭 反垃圾保护

      痞子鱼 回复
      1. 中秋月

        @痞子鱼

        嗯,问题解决了,感谢博主!这套主题真的很简介又实用。

        中秋月 回复
  23. 字体问题

    如何更改字体啊。。。。用了之后发现不一样

    字体问题 回复
    1. 痞子鱼

      @字体问题

      字体是我后面自己添加的

      痞子鱼 回复
  24. ken5156

    你好博主,我想问下,你的这个关于页面是用模板吗?

    ken5156 回复
    1. 痞子鱼

      @ken5156

      是的

      痞子鱼 回复
  25. embryo

    为什么我添加的页面只能选择在index.php之后啊?
    XXX/index.php/links.html
    XXX/index.php/ .html 这空就是填缩略的吗?

    embryo 回复
    1. 痞子鱼

      @embryo

      在后台先永久链接选项启用重写功能。

      痞子鱼 回复
  26. Stevin

    博主大大您好,很喜欢您的主题模板,有一种给你眼前一亮并且不失简约的风格,使我从Wordpress换成Typecho。但是使用的同时也随之发现了一个问题,使用主题后评论后前后台均不显示评论内容,求博主前辈帮忙查看问题所在,先在此谢过

    Stevin 回复
    1. 痞子鱼

      @Stevin

      如果你开启了主题 pjax 就去后台设置评论那里把“开启反垃圾保护”选项关闭。

      痞子鱼 回复
  27. heyman

    好像不支持新版本,新版本使用提示500错误

    heyman 回复
    1. 痞子鱼

      @heyman

      哪里显示500错误?我就是使用最新版本的。

      痞子鱼 回复
  28. 求欢字体啊

    看着大佬的网站特好看,请问怎么更换呢

    求欢字体啊 回复
    1. 痞子鱼

      @求欢字体啊

      英文字体可以直接看我源码来更改即可,应该不算难吧。

      痞子鱼 回复
发表新评论