一个可配置的、更适合阅读的中文文章样式库

2015-09-15 biezhi 更多博文 » 博客 » GitHub »

entry web

原文链接 https://biezhi.github.io/2015/09/a-configurable-more-suitable-for-reading-chinese-style-library.html
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


Entry.css

Entry.css是一个可配置的、更适合阅读的中文文章样式库,可以用来快速搭建中文博客主题或是用于项目文档的样式。

支持浏览器:IE 9+,Chrome 14+,Firefox 4+,Safari 5+,Opera 11+,Mobile Safari(iOS 5+)

项目地址:https://github.com/zmmbreeze/Entry.css

<!-- more -->

为什么要有Entry.css?

作为一个前端工程师,有时朋友会让你帮忙整一整他们博客文章或是项目文档的样式。有时我们在自己博客使用了一个非常漂亮的主题,应用到自己博客上时却变的很难看(因为原主题针对的是英文)。

虽然我自己对设计也是一窍不通,不过没吃过猪肉但却见过猪跑。于是啃了些文字排版的基础知识,创造了Entry.css为一些不懂CSS的同学提供一个适合阅读的文章样式。如果你对此感兴趣或是有改进意见请在github上给我提issue,在此表示感谢~

注意:Entry.css仅仅提供对文章的样式,你可以将其嵌入到你自己的主题中。如果你想要找全套主题,那么它不是个好的选择。

快速开始

在你的HTML中嵌入Entry.css,如下:

<link rel="stylesheet" href="bin/entry.css" />
<div class="entry">
    <!-- 这里是你的文章 -->
</div>

如果你想要自定义CSS选择器或是文章主题,那么请查看下Entry.css的文档。

优势

  1. 合理的间距,遵循“垂直的旋律”,更适合中文阅读
  2. 宽度自适应,兼容手机等小屏幕
  3. 专为中文提供的书名号、缩写、着重符、旁注、上下标...
  4. 丰富的自定义选项:布局、大小、颜色等等

Bitdeli Badge