您的位置:晶晶的博客>主题>晶晶的博客开源emlog模板主题J2更新:1.2版发布

晶晶的博客开源emlog模板主题J2更新:1.2版发布

J2 v1.2版

关于侧边栏的重要补充:滚动固定、快捷宽度指定

20150719更新:看到有使用J2的朋友自己另外加了滚动固定侧边栏的js代码(一般用于广告显示,也就是当页面滚动到侧边栏全部被隐藏后,侧边栏中的显示广告的模块自动浮动跟随,一直显示在页面左上角,增加广告曝光率的一种方法),其实J2已经内置这种滚动固定的功能,并预留了相关的div容器样式类:.widget_custom_fixed,并且预留了多个宽度的设置,分别为:.widget_custom_300、.widget_custom_320、.widget_custom_340,需要自定义侧边栏时,使用div容器包裹显示的内容代码,然后给该div设置上述三个不同宽度的class中的一个即可(待选宽度为300px、320px以及340px,类名已很明确的表达了含义,容器高度自适应);若需要该侧边属于滚动固定,为该div另行加入名为widget_custom_fixed的css类名即可;需要特别注意的是侧边栏中能且仅能使用一个模块为widget_custom_fixed(使用多个意义不大)----晶晶的博客侧边栏最下方的AD就是这种实现方式,加入css类名,功能实现交给J2即可。

----------

J2 1.2版发布啦,这是一个修复、优化版,加入了官方的“模板设置”插件支持,J2从1.2版开始必须启用“模板设置”插件方可使用,emlog官方提供的“模板设置”插件地址:https://www.emlog.net/plugin/144,请先安装该插件,然后再安装J2-1.2版模板主题。

引入“模板设置”插件后,可以很方便的通过“模板设置”插件修改前台新浪微博、腾讯微薄的Url,修改网站Logo图片;另外还可以很方便的控制一些细节--比如:文章附图自动裁剪缩略的起点位置、文章中的图片标签处理。

BugFix

  • 修复文章附图自动裁剪缩略的逻辑;
  • 修复png格式的附图裁剪缩略失败产生黑色背景图的问题;

Add

  • 文章默认附图随机使用素材库中的任意220px*150px大小的图片--模板设置中可以控制;
  • 加入emlog官方支持的“模板设置”插件支持;

正式版下载地址

下载地址:J2.zip

版本信息:J2 1.2(20150710Release)

另外,J2主题开发已托管在github,地址:https://github.com/jjonline/J2 直接进入下载master分支即可(或按git tag下载最新版本亦可:https://github.com/jjonline/J2/releases),注意:github下载的zip包需要重命名为J2.zip后上传安装。

使用说明

模板设置插件使用:

再次提醒:使用J2 1.2版请先安装官方“模板设置”插件:https://www.emlog.net/plugin/144,“模板设置”插件安装完毕,即可安装J2主题1.2版,安装完毕进入后台“模板”即可看到如下图所示的界面。

模板设置

上图所示:进入后台“模板”,J2主题1.2版就会显示“设置”按钮,点击“设置”按钮即可打开对J2主题的相关个性化设置。

J2设置界面

网站logo替换请参考主题包中images文件夹下的logo.psd制作,制作好后在模板设置中上传替换即可。

文章附图加入了随机默认图,J2 1.2版提供了5张粗略的随机图,若需要自己定义的默认缩略图,请制作220px*150px大小的图片后上传至./content/templates/J2/images/randoms/ 目录下即可,自定义文章默认附图名称任意,但不得为中文,J2会自动遍历该目录读取出待选的默认附图(J2为了减轻服务器压力,randoms文件夹下的文件夹不会处理,所以不要按文件夹上传自定义文章附图)。

文章附图:

当文章中并未插入图片时,J2会启用默认附图,若通过模板设置启用了随机默认附图,那么文章附图将自动寻找并启用randoms文件夹下的图片;

当发布文章时上传了220px*150px的图片时,优先使用该图片作为文章附图;

当发布文章时并未上传大小为220px*150px的图片,但上传了更大尺寸的文章内页图的话,J2将自动选择当中尺寸最大的图片进行裁剪并缩略,裁剪位置可以通过模板设置自定义。例如本文所带的附图就是这种方式自动裁剪缩略而成的。

想要重新生成文章附图的缓存,请手动删除:./content/cache/logimageatt.php路径下logimageatt.php文件的即可

其他说明:

J2基于emlog5.3.0-5.3.1开发,其他版本尚未测试。

新老用户请先下载官方“模板设置”插件并安装启用,再下载主题包,后台上传安装即可;老用户先备份老主题包并重命名,下载正式版主题包后台上传安装即可(理论上来说覆盖安装是没有问题的,但若你修改过老版的主题包则存在风险)。

更多使用信息请参考:https://blog.jjonline.cn/theme/J2.htmlhttps://blog.jjonline.cn/theme/186.html

转载请注明本文标题和链接:《晶晶的博客开源emlog模板主题J2更新:1.2版发布

相关推荐

网友评论73

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交
  1. #21

    晶晶,我知道原因了。是图片的原因。。不能上传png、gif格式的。一定要jpg图片格式才可以。。。醉了醉了!

    涛轩 6年前 (2015-07-31) 回复
    • @涛轩:存在这种可能,根本原因在于php版本和GD库,建议生产环境使用PHP5.3及其以上,我的开发环境5.4,生产环境5.5

      晶晶 6年前 (2015-07-31) 回复
  2. #22

    外链图片在首页无法显示。希望晶晶能在下个版本优化。还有就是,我本地测试发文章,附件上传方式。首页还是没有图片。也清除缓存了。QQ:624261759    最好详细说下。唉。烦死了我。

    涛轩 6年前 (2015-07-31) 回复
  3. #23

    评论时间限制好像不提示

    伤羽 6年前 (2015-07-31) 回复
    • @伤羽:连续发表会显示成功但是刷新就没了,是不是考虑加个提示机制

      伤羽 6年前 (2015-07-31) 回复
      • @伤羽:这里的评论ajax提交只是一种模拟,js判断可能需要强化

        晶晶 6年前 (2015-07-31) 回复
  4. #24

    文章用外联图片,为什么主页不能显示图片啊????

    涛轩 6年前 (2015-07-31) 回复
    • @涛轩:外链图片暂没支持,你说的“主页不能显示图片”这里的图片通俗的称之为“文章附图”,J2对文章附图的处理逻辑是:仅处理发布博文时通过emlog自带的图片上传工具上传的图片;外链图片在emlog附件表中(数据库)没有记录,所以不会处理。若要处理外链图片,必须使用正则匹配博文全文,正则比较耗费资源,下个版本考虑加个可选项用于处理外链图。

      晶晶 6年前 (2015-07-31) 回复
      • @晶晶:尽快弄个外链图版本吧。还有就是我本地测试,也不能显示图片。附件上传方式。

        涛轩 6年前 (2015-07-31) 回复
  5. #25

    晶晶啊,我把你的版权移到友链可以吧

    伤羽 6年前 (2015-07-31) 回复
  6. #26

    模版很好用。发现一个问题。就是文章有一张图片附件,但是列表页的小图就是不能显示。
    如果删除cache目录里面的那个什么logXXXXtt(文件名不记得了,临时文件)文件,刷新又能显示列表小图。
    http://maiweb.net[可爱]

    maiweb 6年前 (2015-07-31) 回复
  7. #27

    有一个问题,首页文章,文章文字没有截取。。。直接全部显示出来了,

    Sirius 6年前 (2015-07-29) 回复
    • @Sirius:发布博文时请提炼文章精华内容,在“文章摘要”位置输入64字左右的文章简介。文章摘要某种意义上来说重要性不亚于tags,具体就不累述;J2开发时本来是要做正文截断的,但这种方式其是很挫-----既然做博客,连一个文章摘要都不肯花心思处理下,纵使有正文截断功能也开了个不好的头

      晶晶 6年前 (2015-07-30) 回复
  8. #28

    随即附录图好像有点问题,老是显示不出来。

    hadals 6年前 (2015-07-27) 回复
    • @hadals:“这菜不好吃”-----我哪里知道是菜的问题,还是作料的问题呢?网址都不留

      晶晶 6年前 (2015-07-30) 回复
  9. #29

    特意来谢谢博主的,主题很棒,我正在使用。网站还在备案中,只能通过IP访问了_(:зゝ∠)_

    6年前 (2015-07-24) 回复
    • @张:看了下,贵站可能使用了模板编辑的相关插件,在线对模板进行了修改(倘若要修改模板源码,建议在本地使用代码编辑器编辑,不要使用emlog中的插件),问题就在于在线修改给模板带进了许多异常字符---这个只是小问题,最大的问题是/admin/editor/plugins/code/prettify.js被服务器返回404,直接导致J2的所有js运行异常---回到顶部、ajax评论提交等等许多功能均无法跑起来。

      晶晶 6年前 (2015-07-24) 回复
  10. #30

    文章的图片没有办法自动适应大小啊???求解决

    hadals 6年前 (2015-07-24) 回复
    • @hadals:加个css限制:max-width:100%;

      走向未来 6年前 (2015-07-24) 回复
    • @hadals:这个问题比较复杂,有多方面的原因:
      1、后台J2主题“模板设置”中的选项“图片标签修正处理”勾选“启用”(默认是启用的)
      2、发布博文时插入的img标签的父标签不能过于复杂,J2仅处理img标签被a和p标签包裹的情况,其他的情况暂未处理。
      也就是说发布博文时这两种情况会修正图片标签(修正后图片标签后就可以很正常自适应了):
      2.1、形如<p><img src="xxx"></p>,其中p标签可以带属性,style咯、class咯之类的属性
      2.2、形如<p><a href="xxx"><img src="xxx"></a></p>,其中p标签和a标签均可以带属性
      ----------
      你目前图片不能自适应的解决方案为:模板设置启用“图片标签修正处理”,然后修改博文中的图片标签的父标签,达到修正处理的要求即可正常进行图片自适应。
      ---------
      1.1至1.2.1版已经内置了图片自适应修正功能,但不够强大,预计1.3版本可以进一步增强。@走向未来 的解决方案考虑的不够周全,因为p标签被设置了缩进,会影响到img标签;最佳实践方案为:发布博文时按上述两种情况小心处理img标签同时启用“图片标签修正处理”。

      晶晶 6年前 (2015-07-24) 回复
    • @hadals:此问题已解决,应该能顺利解决你的问题了;仅适配emlog下kindeditor导致的图片标签被几种父标签包裹的情况:
      1、<p><span><a><img></a></span></p>
      2、<p><a><span><img></span></a></p>
      3、<p><img></span></p>
      4、<p><a><img></span></p>
      5、span标签与a标签互换的情况;
      请下载github里的文件(https://github.com/jjonline/J2/blob/master/functions.php),覆盖掉J2模板包里的functions.php文件即可[前提条件是你没有改动过该文件,若改动过请参考github里的提交变化修改变化代码即可]

      晶晶 6年前 (2015-07-25) 回复
      • @晶晶:谢谢,前两条我自己加了个width:100%

        hadals 6年前 (2015-07-27) 回复
  11. 1 2 3 4