Top Posts Tagged with #code highlighting

tumblr code highlighting

why was this so hard

here’s a guide

#code highlighting #tumblr #javascript #prettify #code #pre

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

I want to try this out soon. I think i can fit perfectly when I’m building styleguides with code examples

#code examples #code highlighting #styleguide

Code Highlighting Example

Minelienda comes with built in support for code highlighting using prism.js.

Code highlighting is easy with prism.js. Just add a 'language-xxxx' class withing the code tag as shown. 'xxxx' is the language used. For a full list of languages included within prism.js used in minelienda tumblr theme see below.

Note: always use the code tag within a 'pre' tag for the highlighting to work.

<pre> <code class="language-xxxx"> code comes here </code> </pre>

To add line numbers simply add the class "line-numbers" to your pre tag as shown below:

<pre class="line-numbers"> <code class="language-xxxx"> code comes here </code> </pre>

Example (language-css):

p{color:blue;}

Languages Supported by Prism.js' current version used with minlineda:

Markup

Twig

CSS

CSS Extras

C-like

Eiffel

JavaScript

Java

PHP

PHP Extras

CoffeeScript

Sass (Scss)

Bash

C++

Python

SQL

Groovy

HTTP

Ruby

Rip

Gherkin

NSIS

ASP.NET (C#)

Scala

Haskell

Swift

Objective-C

AutoHotkey

Ini

LaTeX

Apache Configuration

Git

Scheme

nasm

Perl

Handlebars

MATLAB

Less

LOLCODE

Fortran

Erlang

Haml

Jade

Pascal

AppleScript

Rust

Dart

#Text #Code Highlighting #Prism.js #Minelienda

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

#code #code highlighting

``` head section pre.prettyprint { overflow-x: auto; margin: 5px 20px 20px; }

``` body tag <body onload="prettyPrint()">

#カスタマイズ #code highlighting

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

Pojoaque: A southwest inspired code highlighting theme for Highlight JS by web-cms-designs.com

#ravennuke #cms #highlightjs #code highlighting

如何呈現語法高亮度

這是我最近研究出來的方法，歡迎各方同好批評指教。

先選 theme

我嘗試後找到一個比較滿意的就是目前 demo 使用的這個。

select "Free Themes"

use "Pink touch 2 by kcmr"

記得 save

google-code-prettify

上網 survey 到 google-code-prettify 可以用，所以要到 custommize 設定去加入讓 js/css 生效。

Edit HTML

在 <head></head> 裡面加入這段 code

<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>

將 <body> 改成 <body onload="prettyPrint()">

一樣記得 save

使用方法

這隻 js 會吃兩種方法：

我的用法是加 <pre><code class="prettyprint">...</code></pre>。

範例

#highlighting #syntax highlighting #code highlighting

demo code highlighting

code:

module Lovely class Application < Rails::Application ... end end

or longer code:

$ rails generate model Comment commenter:string body:text post:references

#highlighting #syntax highlighting #code highlighting

tumblr code highlighting

why was this so hard

here’s a guide

#code highlighting #tumblr #javascript #prettify #code #pre

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

I want to try this out soon. I think i can fit perfectly when I’m building styleguides with code examples

#code examples #code highlighting #styleguide

Code Highlighting Example

Minelienda comes with built in support for code highlighting using prism.js.

Note: always use the code tag within a 'pre' tag for the highlighting to work.

<pre> <code class="language-xxxx"> code comes here </code> </pre>

To add line numbers simply add the class "line-numbers" to your pre tag as shown below:

<pre class="line-numbers"> <code class="language-xxxx"> code comes here </code> </pre>

Example (language-css):

p{color:blue;}

Languages Supported by Prism.js' current version used with minlineda:

Markup

Twig

CSS

CSS Extras

C-like

Eiffel

JavaScript

Java

PHP

PHP Extras

CoffeeScript

Sass (Scss)

Bash

C++

Python

SQL

Groovy

HTTP

Ruby

Rip

Gherkin

NSIS

ASP.NET (C#)

Scala

Haskell

Swift

Objective-C

AutoHotkey

Ini

LaTeX

Apache Configuration

Git

Scheme

nasm

Perl

Handlebars

MATLAB

Less

LOLCODE

Fortran

Erlang

Haml

Jade

Pascal

AppleScript

Rust

Dart

#Text #Code Highlighting #Prism.js #Minelienda

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

#code #code highlighting

``` head section pre.prettyprint { overflow-x: auto; margin: 5px 20px 20px; }

``` body tag <body onload="prettyPrint()">

#カスタマイズ #code highlighting

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

Pojoaque: A southwest inspired code highlighting theme for Highlight JS by web-cms-designs.com

#ravennuke #cms #highlightjs #code highlighting

如何呈現語法高亮度

這是我最近研究出來的方法，歡迎各方同好批評指教。

先選 theme

我嘗試後找到一個比較滿意的就是目前 demo 使用的這個。

select "Free Themes"

use "Pink touch 2 by kcmr"

記得 save

google-code-prettify

上網 survey 到 google-code-prettify 可以用，所以要到 custommize 設定去加入讓 js/css 生效。

Edit HTML

在 <head></head> 裡面加入這段 code

將 <body> 改成 <body onload="prettyPrint()">

一樣記得 save

使用方法

這隻 js 會吃兩種方法：

我的用法是加 <pre><code class="prettyprint">...</code></pre>。

範例

#highlighting #syntax highlighting #code highlighting

demo code highlighting

code:

module Lovely class Application < Rails::Application ... end end

or longer code:

$ rails generate model Comment commenter:string body:text post:references

#highlighting #syntax highlighting #code highlighting

Top Posts Tagged with #code highlighting | Tumlook

Trending Tags

Last Seen Tags

#code highlighting

Trending Tags

Last Seen Tags

#code highlighting