TextMate bundle for Octopress blog engine. http://octopress.org/
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
Templates/Post Template.tmTemplate


Octopress bundle for TextMate

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


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'


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] %}
{% 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 %}
{% 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] %}


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


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


  • 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.