给Jekyll博客重新装修

觉得Jekyll默认的样式不爽,自己搞了一套。顺便熟悉下自定义站点的一些环境变量和liquid的用法。

还需要细节再优化。

  • date变量{ { post.date | date: "%Y年%m月%d日" } }
  • site.categories的不遍历,试了item.name不行,item.title也不行,SO搜了下居然是item.first有意思
  • 文章页正文定了650px的宽,for UX。右边加了同类别的文章列表
  • 使用site.related_posts列出了相关文章
  • 使用循环后ifpost.categories == page.categories,列出了同类下的文章
  • 建立分类列表
  • 使用了lunar eclipse配色
  • 使用 limit 限制循环数量,使用 倒序 排列 for post in site.related_posts reversed limit:4

20日更新内容:

  • 感谢dribbble上牛逼的设计提供配色。
  • 文章页排版修改
  • { %assign tags = post.tag | split: ' '% }用来拆分字符串问数组
  • 首页加入了文章meta,标签反白显示