ONE·单栏主题(0.4.0)

ONE

这个主题是基于casper主题国内版修改而来的一款单栏主题。

之前偶然刷微博的时候看到了新浪微博的一个文章页面,很喜欢这种大图带文字的形式。所以直接照搬了新浪微博的文章页面。(是不是简直一毛一样。哈哈!)

一些改动

Casper是一款非常优秀的Ghost博客主题,尤其是国内优化过后的文章样式更是深的我心。文字大小设置适中,阅读起来非常舒适,非常适合文字类的博客。而且因为我的技术水平有限,所以当时的想法是把这2个我喜欢的排版和文字CSS直接结合起来————现在看来我依旧觉得真的是个非常不错的想法。

起初移植的时候没有多平台适应,我自己尝试性做了手机、平板、PC的布局适配,勉强通过。但是不知道会不会有什么奇怪的问题…,到时候出现了再说把。增加了背景大图,自动获取文章设置的大图做为背景。最开始没有做图片磨砂滤镜,感觉有点影响阅读体验,所以加上了背景磨砂滤镜。

disqus-php-api

由于Ghost博客并没有自带评论系统,所以主题的评论系统得使用第三方组件,自从多说关闭后我就没找到很合适的评论系统————直到在fooleap的博客上发现了新大陆【disqus-php-api】!

项目地址:https://github.com/fooleap/disqus-php-api

DEMO地址:http://blog.fooleap.org/disqus-php-api.html

fooleap做的是国内桥接版的disqus评论,组件会自动检测访客是否处于FQ状态,如果已FQ则直接加载完整版的disqus。如果没有,则自动桥接disqus获得基础的评论功能,即便没有FQ的朋友也可以获得正常的disqus评论体验(建议FQ,可以获得更完善的用户体验)。(而且最新版的居然还有获取文章评论数的api…..,Ghost终于也能显示文章评论数了…)

一些不关痛痒的配置

关于一些主题BUG可以留言,我有时间就会弄。另外,评论系统的问题去fooleap那里咨询把…我技术能力不足以解答…

  1. 默认背景大图请修改loop.hbs内12行的图片地址
  2. 有文章归档页面,请新增一个文章设置为独立页面,文章slug设置为page-archive-post
  3. DEMO页面就是本站…
  4. 导航的图标在http://fontawesome.io/icons/找到后复制除开fa-之后的内容如:fa-address-book-o只复制address-book-o,然后添加进assets\js\index.js文件31行的数组内,会根据你后台设置的导航菜单顺序自动添加进去。
  5. 哦,对了…这个不支持1.x以上的ghost…
  6. 待增加…

2017年8月16日

  1. 首页头部做了更新,博客标题和介绍不在和文章列表混合在一起。
  2. 修改了一些CSS样式。
  3. 增加返回顶部按钮
  4. 把之前那个主题的友链页面的CSS搬了过来。
  5. 其他的更新忘记还有什么了…

2017年8月27日

  1. 更改了首页头部布局和样式。
  2. 参考水八口记完善了文章归档页面。
  3. 回到顶部按钮增加了自动隐藏、滚动动画特效。
  4. 增加了lightbox图片幻灯片特效
  5. 修复了一些js逻辑问题。
  6. 修改了一些CSS样式。
  7. 忘记还有其他什么更新了,肯定还有就是了….

2017年10月28日

  1. 优化了一些页面css
  2. 优化了的js的一些函数
  3. 已经转hexo了,ghost的版本可能不再更新了。
  4. 文章中的图片、背景图、头部大图会根据是手机端和PC端自动增加’800xa’和’400xa’的图片样式符号,如果没用七牛的朋友可以删除’index.js’文件中的54行开始的reImg函数的调用即可正常显示图片。
  5. 谢谢。

下载地址:[点我下载最新版本]

我叫1900,普通男青年,学过三年编程。湖南人,现在在四川工作。2015年花了26天骑过一次318。有点伪文艺,喜欢比较玄学的东西。性格多变,疑似有人格分裂。~~

继续阅读此作者的更多文章