ONE・单栏主题(0.3.0)

ONE・单栏主题(0.3.0)

August 27, 2017
设计 , 分享 ,

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. 忘记还有其他什么更新了,肯定还有就是了....

下载地址:ONE_0.3.0.rar

加入评论