среда, 23 сентября 2015 г.

Google. Подсвечивание кода в Blogger.com

Очень часто разработчики публикуют в блоге код программы копированием и Visual Studio И других редакторов. К сожалению копирование через буфер приведет к тому, что код будет "грязный", т.е. много лишних тегов html будут добавлено на сайт. Все это приведет к замедлению поиска ваших страниц в Интернете.

Выход есть. Для этого надо воспользоваться еще одним ресурсом Google. Вот ссылка: https://code.google.com/p/google-code-prettify/ Для того, чтобы отобразить код программы в Google блоге достаточно сделать следующее

1. Замените в шаблоне html закрывающий тег </header> следующими строками. Обратите внимание для некоторых языков надо указать параметр lang, хотя по умолчанию для  распространенных делать не надо. Смотрите инструкцию.
<script src='https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=basic'/>
<script type='text/javascript'>
    document.addEventListener(&#39;DOMContentLoaded&#39;,function() {
        prettyPrint();
    });
</script>
</header>

2. Код сообщения нужно вводить в формате html. Выберите кнопку HTML при редактировании сообщения. Вот пример: <pre class="prettyprint lang-basic">  Код программы </pre>

3. Если все сделаете правильно, то увидите код в рамке и разметкой.

Public Class ConsoleSample

        ' Главная программа для тестирования работы с блогом google.
        Public Shared Sub Main(args As String())

            ' 1. Вариант. Получаем список сообщений. Регистрация не нужна
            Dim blogId As String = "444"
            GetListPost(blogId)

              ' Остановка программы
            Console.WriteLine("Press enter to quit")
            Console.ReadLine()
        End Sub

Комментариев нет: