Octopress bundle for TextMate

This is un-offical bundle for great blogging engine for developers: Octopress.

Warning

This bundle is designed for bootstrap v1.4. Not ready for v2.0.

Download & Installation

To install via Git:

cd "~/Library/Application Support/TextMate/Bundles"
git clone git://github.com/vigo/textmate-octopress.tmbundle.git
osascript -e 'tell app "TextMate" to reload bundles'

To install without Git:

mkdir -p ~/Library/Application\ Support/TextMate/Bundles
# if this is the first time for bundle installation

cd ~/Library/Application\ Support/TextMate/Bundles
curl -L https://github.com/vigo/textmate-octopress.tmbundle/tarball/master | tar xz
mv vigo-textmate-octopress.* textmate-octopress.tmbundle
osascript -e 'tell app "TextMate" to reload bundles'

Plugins

---

Image: img[tab]

Inserts img tag. More Octopress Help

{% img [left|center|right] [/path/to/image] [width] [height]  [title] [alt]  %}

Backtick Code Block: code[tab]

Inserts backtick code block. More Octopress Help.

``` [language] [title] [url] [link text]
code here
```

Inline Code Block: code[tab]

Inserts codeblock tag. More Octopress Help.

{% codeblock [title] lang:[lang] [url] [link text] %}
code ...
{% endcodeblock %}

Gist: gist[tab]

Inserts gist block. More Octopress Help.

{% gist [gist_id] [filename] %}

Include Code: code[tab]

Inserts include_code tag. File location depends on _config.yml code_dir value. Default is: downloads/code. More Octopress Help.

{% include_code [title]  [language]  [filename] %}

Example from Octopress Help' help:

{% include_code Add to_fraction for floats ruby/test.rb %}

Means, source/downloads/code/ruby/test.rb

Blockquote: quo[tab]

Inserts blockquote tag. More Octopress Help

{% blockquote [author/@twitter, source] [link] [link title] %}
Text...
{% endblockquote %}

Pullquote Wrapper: quo[tab]

Inserts pullquote tag. After entering your text, don't forget to select your word/sentence to pullquote via kntrl+p. For more information visit Octopress Help

{% pullquote %}
Text...
{% endpullquote %}

Pullquote Puller: [kntrl+p]

Wraps selection with {" Text "}. Usefull after Pullquote Wrapper. For more information visit Octopress Website

{% pullquote %}
Surround your paragraph with the pull quote tags. Then when you come to
the text you want to pull, {" surround it like this "} and that's all there is to it.
{% endpullquote %}    

Render Partial: render[tab]

Inserts render_partial tag. More Octopress Website. The render_partial tag resolves paths to the source directory, so write your paths accordingly.

{% render_partial [/path/file.markdown] %}
{% render_partial about/index.markdown %} # means: source/about/index.markdown

Video: video[tab]

Inserts video tag. More Octopress Website

{% video [url] [width] [height] [url/to/poster] %}

Vimeo: vimeo[tab]

Inserts vimeo tag. More Gosuke Miyashita's blog

{% vimeo video_id width height %}

jsFiddle: jsfiddle[tab]

Inserts jsfiddle tag. Click here for examples.

{% jsfiddle shorttag [tabs] [skin] [height] [width] %}

Other

---

Backtick Inline: [kntrl+c]

Wraps selection with backtick.

This is a `selection`

Liquid Syntax Wrapper: [kntrl+r]

Wraps selection with {% raw %} {% endraw %} tags to use Liquid syntax.

Pygments Language Help: [kntrl+h]

Shows the list of language syntax names via html form. For more information please visit Pygments Demo Page

Excerpts

Inserts <!-- more --> to split the post for an excerpt.

Notes

---

• Don't forget, this bundle uses html and markdown scopes: text.html, text.html.markdown and text.html.textile
• User raw wrapper kntrl+r to publish Liquid syntax.
• Check out HISTORY.md for change log.