README.md in octopress-codefence-1.6.1 vs README.md in octopress-codefence-1.7.0
- old
+ new
@@ -1,11 +1,11 @@
# Octopress Codefence
Write beautiful fenced code snippets within any template.
-[](http://badge.fury.io/rb/octopress-codefence)
-[](https://travis-ci.org/octopress/codefence)
+[](http://badge.fury.io/rb/octopress-codefence)
+[](https://travis-ci.org/octopress/codefence)
## Installation
### Using Bundler
@@ -45,11 +45,11 @@
| Options | Example | Description |
|:-------------|:-----------------------|:----------------------------------------------------------------------|
|`lang` | `ruby` | Used by the syntax highlighter. Passing 'plain' disables highlighting.|
|`title` | `title:"Figure 1.A"` | Add a figcaption title to your code block. |
|`link_text` | `link_text:"Download"` | Text for the link, default: `"link"`. |
-|`linenos` | `lineos:false` | Disable line numbering. |
+|`linenos` | `linenos:false` | Disable line numbering. |
|`start` | `start:5` | Start the line numbering at the given value. |
|`mark` | `mark:1-4,8` | Highlight lines of code. This example marks lines 1,2,3,4 and 8 |
|`class` | `class:"css example"` | Add CSS class names to the code `<figure>` element |
### Examples
@@ -110,14 +110,17 @@
end
end
```
Here's a themed sample:
-<img src="http://cl.ly/TFCm/content.png" alt='sample screenshot of the code snippet above renderd with the light theme' width="816px">
+Note: This plugin does not come with stylesheets. Check out [octopress solarized](https://github.com/octopress/solarized) for styling code
+snippets.
+<img src="http://cl.ly/TFCm/content.svg" alt='sample screenshot of the code snippet above renderd with the light theme' width="816px">
+
Here's a look at the dark theme:
-<img src="http://cl.ly/TFPX/content.png" alt='sample screenshot of the code snippet above renderd with the dark theme' width="816px">
+<img src="http://cl.ly/TFPX/content.svg" alt='sample screenshot of the code snippet above renderd with the dark theme' width="816px">
More documentation coming soon.
## Contributing