Как лучше отобразить код в моем блоге блоггера? - PullRequest
Новая
       20

Как лучше отобразить код в моем блоге блоггера?

25 голосов
/ 29 октября 2009

В наши дни на любом сайте, где они показывают фрагменты кода (даже в Stackoverflow), код красиво оборачивается вокруг элемента GUI, который выделяет элементы синтаксиса, предоставляет номера строк и т. Д. Я хочу показать некоторый ruby ​​на коде rails в моем блоге, и я хочу, чтобы эти визуальные элементы были в моем блоге.

Как я могу сделать это в моем блоге блоггера?

Ответы [ 7 ]

21 голосов
/ 29 октября 2009

Нажмите «Изменить HTML» в Blogger, а затем вставьте в раздел <head> своего HTML-кода следующее: 

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" />     <script language="javascript">
window.onload = function () {
    dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
    dp.SyntaxHighlighter.BloggerMode();
}
</script>

и следующее в <body>, куда вы хотите поместить свой код: 

<code><pre class="brush: ruby" name="code"># Your Ruby Code
2 голосов
/ 11 ноября 2010

SyntaxHighlighter - это путь, но все приведенные здесь ссылки не сработали для меня.

Я нашел полное двухшаговое руководство по установке последней версии 3.x в Blogger, которая на самом деле работает здесь .

2 голосов
/ 29 октября 2009
1 голос
/ 29 октября 2009

Используя ссылки Alex Reitbort, вы можете интегрировать их в свой блог Blogger с помощью одного из следующих руководств:

http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html
http://abhisanoujam.blogspot.com/2008/12/blogger-syntax-highlighting.html

0 голосов
/ 30 сентября 2018

Чтобы отобразить код в статье или выделить код в блоггере или на любой другой платформе блогов, вы можете использовать Github Gist , я обнаружил, что этот способ очень прост, который не зависит от какого-либо внешнего выделения javascript библиотека.

Здесь вы можете создать любую публичную суть фрагмента кода для javascript. ( .js ), Csharp ( .cs ), сценарий оболочки ( .sh ) и т. Д. Так что это может быть загружено в статье.

enter image description here

Как только вы сохранили файл GIST, одна ссылка или опция Вставить отображается на суть как на скриншоте выше, и вы должны просто вставить в статью здесь я прикрепил скриншот для блогера ниже

enter image description here

Как только вы добавили скрипт для встраивания в статью блогера, вы можете увидеть предварительный просмотр фрагмента кода, который представлен как скриншот ниже.

enter image description here

0 голосов
/ 02 декабря 2015

Я нашел один сайт, который конвертирует мой код в формат, совместимый с блоггером. Это отвечает моим потребностям и почти не занимает времени.

http://codeformatter.blogspot.de/2009/06/bugs-fixed.html

0 голосов
/ 19 июля 2014

Проблема с использованием Javascript для динамического создания стиля синтаксиса кода во время выполнения:

  1. Страница загружается медленно
  2. Первоначальный вид отображаемого кода в необработанном формате
  3. Nevers работает, если JavaScript отключен

Лучше будет просто скопировать и вставить HTML-код, сгенерированный с помощью некоторых конверторов.

Инструмент для генерации подсветки синтаксиса в режиме онлайн

codeworkout.blogspot.com / 2014/07 / онлайн-генератор инструмента для кода-syntax_18.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...