HTML5 Dev Gal

Messing with HTML5, CSS3 and JavaScript.

Octopress TOC and Coderay Codeblocks

| Comments

I had some problems implementing this but got some great help and was able to overcome the issues.

Turns out I was creating the TOC wrong. Check out this stackoverflow.com question for details

If your having TOC issues, you can take a look at my markdown source for guidance.

Also got the coderay stuff working following this excellent article.

I wound up wrapping code lines by changing her

.CodeRay pre

block in

sass/custom/_styles.scss

to:

.CodeRay pre {
  background: none;
  color: #000;
  /* added */
  overflow: auto;
  white-space: pre;
  word-wrap: break-word;
  word-break: normal;
}

If you get stuck on any of this feel free to take a peek at my source code that I had to change to make this work. Please note I also installed her awesome coderay Octopress plugin.

Comments