瞎扯淡 自己写的 blog 主题,光棍节献礼

jasl · 2013年11月11日 · 最后由 liwei78 回复于 2013年11月12日 · 4059 次阅读

如图,演示在 http://blog.jasl.me

话说这设计的很 90 后嘛...咱喜欢梦幻风格的说 - - 布局还不能说满意,主要是 archive 页面的风格还在想怎么改进

背景图嘛...ios 7 的某张背景,图是 retina 版本的,大概 600k

这段时间在写一个类似 octopress 的博客工具,基于 middleman,不过代码还没达到放出的水平,但是完整实现 octopress cli 的全部功能的话,超过他是轻而易举的事情,在 rails-like helper,erb 面前,jykell 简直就是小朋友啊

用 Jekyll 本来就是为了简单。

#1 楼 @Rei 都是对博客用户而言的,实际上我对于用户的体验完全按照 octopress 的标准去做 但是对开发者就需要一些灵活了

整天风格感觉不错啊~不会设计的小白只能说:不明觉厉。。

#1 楼 @Rei 开发者我指的是做皮肤的人

 <% link_to "http://twitter.com/#{site_info.twitter_id}", target: '_blank', title: 'Twitter' do %>
            <i class="fa fa-twitter"></i>
            <span class="third_party_name">Twitter</span>
<% end %>

利用 rails-like helper 可以快捷解决很多问题 另外,jykell 不支持 assets pipeline 吧,升级/安装前端 lib 只能把文件拖到 source 里去... 咱

gem 'jquery-middleman'
gem 'bootstrap-sass', :require => false
gem 'font-awesome-sass', :git => 'https://github.com/jasl/font-awesome-sass.git', :branch => 'remove-depend-sass-rails'

然后 bundle 就行了,这对皮肤开发者来说也是减少工作量呀

middleman 比 jykell 还有一些优势,等放出之后写篇文章介绍下这个 gem

博客工具是一個巨坑。相信我...XD

看完 middleman 和 jekyll,我觉得 jekyll 还是专心做一个功能的,代码也易懂。MM 就显得杂乱了,作者想法多,想做的事情多,我感觉作者是在向着 nanoc 前进中。。。

LZ 搞得不错咩,+1

我决定不用任何主题直接写 HTML 了...

#7 楼 @bhuztez 大神,不如我们直接写 TXT 吧,然后使用text/plain。 XD

#6 楼 @liwei78 两个层面 如果作为一个博客写者,middleman article hello worldvi source/articles/hello-world.mdmiddleman deploy 三步搞定,博客程序是如何的并不需要关心

然而作为皮肤作者或者欲求不满的,暴露更多的功能就以为着更优雅的实现一些东西,jykell 的 liquid 完全就跟 erb 不是一个等级的呀,并且 rails-like 的 helper 本身会让代码更整洁还贴近 railser 习惯的思维

#5 楼 @xdite 嗯...好复杂的说,用到了很多一般很少机会用的手法,比如皮肤有 gem 依赖,需要 hack 下 Gemfile

theme_gemfile = File.join(File.dirname(__FILE__), "Gemfile.local")
eval_gemfile theme_gemfile if File.exists?(theme_gemfile)

确实麻烦。。。不过我的目标是实现 octopress cli 的功能,然后如果有人愿意用的话,就交给社区了

#6 楼 @liwei78 对了 middleman 也不是为了做博客系统而生的,但是他的抽象更低一些,经过调整,反而能做的更好

#7 楼 @bhuztez 大神不会是用 debug 写 html 吧 - -

觉得还行,就是看久了会不会疲惫

其实用 jykell 或 octopress 之类的在发布前用 YUI 之类的来压缩一下 js、css 就基本解决了 assets pipeline,为此我还写了个 rake 命令专门干这事

#14 楼 @ywjno

# For example, change the Compass output style for deployment
  activate :minify_css
  # Minify Javascript on build
  activate :minify_javascript
  # Enable cache buster
  activate :cache_buster

一个配置而已,另外,digest 解决缓存问题,这个也很常用吧,不然更新网站你只好清浏览器缓存去了

上面几位都是故意拼错 jekyll 的?

#13 楼 @mouse_lin 有什么建议呢?似乎现在不流行用图片背景,所以我才愿意去尝试一下...而且我确实喜欢星空之类的图片

#18 楼 @jasl 很漂亮。以前我也做过一个类似的,深水背景,右上角还放了一个 flash 游动的鱼,巨漂亮。

#19 楼 @liwei78 哈哈 这个我重写了三遍,最初灵感来自于 phase 利用 canvas 做动态效果 不过图片背景设计起来好难呀,看的设计书感觉没起啥作用...

#20 楼 @jasl 我是色盲(心理学上的)。。。。设计的事情真的捉急。。哈哈哈

#22 楼 @jasl 捉急就别搞主题了,直接写 HTML 就好了嘛...

#23 楼 @bhuztez 即使失败也要一战啊!为了联盟...

#24 楼 @jasl 德玛西亚!!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号