您的位置:小众博客 > Emlog > 正文

晶晶的博客开源emlog主题J2正式版发布

2015年07月06日 / Emlog / 5502人阅读(点这评论)

本主题已发布在emlog官方模板区,地址:http://www.emlog.net/template/601

演示地址:晶晶的博客

emlog主题

J2主题简介

模板名称    J2(勾贰)    

适配emlog版本    emlog5.3.0-5.3.1    

模板简介    扁平化、响应式、多屏幕自适应    

浏览器兼容    IE8+、Chrome、Firefox、Opera、Safari    

售价    免费开源(兼容IE6+补丁、ajax评论组件、会员中心等工具需额外付费购买)    

页面布局    pc端最大宽度1320px、移动端、小屏幕自适应,不同屏幕不同效果展示    

售后    跟随晶晶的博客更新(3至6个月一个版本迭代)    

本主题参考了大前端的主题设计思路,故而开源免费提供,不以盈利为目的;同时也延续了晶晶的博客第一套主题Ajing的相关元素。

主题的相关优化点如下:

优化首页、栏目页、搜索页、标签页、作者页、微语页、归档页的逻辑,使各种页面逻辑即使处于分页状态也能很好的通过导航栏的高亮来予以显示定位;另外也会区分不同页面的情况予以贴心显示。

优化文章页栏目显示逻辑,修复文章页下导航栏不高亮显示的问题。

完整的侧边栏布局美化,两栏布局模式更为简洁。

文章缩略图自动匹配以及缩略图缓存功能,减轻服务器负载(此项功能emlog核心并未提供);文章缩略图大小固定为220px*150px

首页文章置顶、栏目文章置顶支持最多4条数据,并且即使处于分页状态,置顶数据亦会正常显示。

自定义侧边栏:预留下拉滚动固定css类名,让自定义侧边栏更多的曝光在无论是栏目页还是文章页;从此你的自定义侧边栏不会因为文章太长而被隐藏了。

2015.02.06补充:

有朋友在微博里私信、也有朋友在评论里问:为何文章列表里的附图只是默认的图片,这个问题处理很简单,在发布(或编辑)文章的时候使用emlog自带的“上传插入”上传一张图片尺寸为220px*150px的图片即可,该图片会自动被模板识别并显示。

另外,对于已发布的文章,重新编辑并按上述要求插入了220px*150px大小的文章附图后,依然无法显示文章附图的问题,这个是由于模板使用了emlog内置的缓存功能,在修改完所有文章附图后请手动删除emlog程序目录下的缓存文件,路径:./content/cache/logimageatt.php,删除该文件即可,删除后系统在有访客访问时会自动生成;此问题即可解决。

2015.02.08补充:

关于代码高亮工具的使用,emlog5.3之后已经默认集成了谷歌prettyprint代码高亮插件,J2主题也原生支持,有朋友在问这个问题,就另提一段予以说明:

倘若需要在博文中插入一段代码,如下

$(function () {
   alert('代码高亮');
});

你只需要在后台发布文章时使用后台编辑器中的插入代码按钮书写代码即可,产生的是一段pre标签包裹的html,html代码如下图所示,该pre标签会有class名称,prettyprint是必须的,然后还可以附带代码类型(emlog集成的kindeditor中插入代码框中会有下拉菜单,勾选后自动带上语言类型),以及是否显示行号linenums(默认是没有行号的,这个得自己为pre标签添加或修改emlog自带的kindeditor编辑器中插入代码的相关方法)。

这样后台处理完毕,前台显示时J2主题就会显示成与晶晶的博客一致的代码高亮块。

css

晶晶的博客J2主题测试版一测就是半年,这半年来事情太多、太繁杂,没多少时间维护J2主题,最近闲下来了就整了下,修复了已有的bug,添加了一些自测试版发布以来各位使用者反馈的新功能;具体如下:

BugFix

修复导航栏下拉菜单背景色错乱问题;

修复文章页面tag标签属性,阻止搜索引擎抓取文章页tag----文章页tag太多会被搜索引擎惩罚性降权;

修复文章评论页评论者url超链接属性,阻止搜索引擎抓取(博主回复评论中的url允许)----防止垃圾评论、外链的一种处理方式;

完善侧边栏下拉固定容器的相关css样式,自定义侧边栏容器css样式为widget_custom、侧边栏下拉固定容器css样式为widget_custom_fixed;

修复验证码点击切换(若后台开启相应验证码功能的话);

修正评论框表情工具;

其他的一些小细节的修复。

Add

文章评论Ajax提交;

微语前台添加管理员快速发布微语入口并且Ajax提交;

文章封面图自动裁剪并缩略【系统依然默认优先使用手动上传的220px*150px大小的封面图】,需GD库支持!

正式版下载地址

下载地址:J2.zip

版本信息:J2 1.1(20150610Release)

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

使用说明

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

新用户下载主题包,后台上传安装即可;老用户先备份老主题包并重命名,下载正式版主题包后台上传安装即可(理论上来说覆盖安装是没有问题的,但若你修改过测试版的主题包则存在风险)。

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

原文地址:http://blog.jjonline.cn/theme/186.html

标签:emlog模板 

ABOUT
七牛云存储 衡天主机
一灯学堂,专注互联网前端培训 特卖
最新文章
月度热门
热门话题