Как получить файлы для установки highlight.js на сайт

Для того, чтобы установить highlight.js на сайт и начать его использовать, можно воспользоваться собранным готовым дистрибутивом, хранящимся на удалённом сервере, который содержит подсветку 24 популярных языков программирования. Но для более гибкой настройки и уменьшения размеров файлов, которые будут загружаться на устройство пользователя при загрузке страниц сайта, можно воспользоваться конструктором, позволяющем выбрать только те языки, которые действительно будут востребованы для подсветки их синтаксиса. О том, как скачать такой оптимизированный установочный пакет highlight.js и пойдёт речь ниже.

Честный VDS/VPS, на котором «Лунная База» живет уже 20+ лет

Задумываетесь о том, чтобы поднять свой pet-проект, сайт клиента или настроить окружение для разработки? Уже пора подумать, где арендовать железо.

Лунная База хостится на FirstVDS более 20 лет. Мыслей о том, чтобы перебраться на другой хостинг, не было ни разу (хотя опыт работы с другими вариантами, конечно, есть).

Бывали разные ситуации, но они бывают на любом железе. Главное, что нужно понять: здесь нет маркетинговой шелухи и сказок про «мы всё сделаем за вас». Если вы берете VDS — вам дают полный root, возможность накатить любую ОС и не лезут в ваши конфиги.

Если в саппорт написать с вопросом по вашему коду и получить ответ: «Читайте документацию и разбирайтесь сами» или «Обратитесь к профильному специалисту» — это не повод обижаться. Это повод углубить свои знания в DevOps и сайтостроении! Бегите от тех, кто пообещает: «Мы всё чиним и настраиваем абсолютно бесплатно!». Никто никогда не работает «по доброте душевной» в ущерб себе, а бесплатный сыр в администрировании обычно заканчивается сломанной базой данных.

Что по факту: Гибкое масштабирование ядер и RAM, экономия по сравнению с физическими серверами и адекватная панель ispmanager, если она вам нужна.

Посмотреть тарифы VDS/VPS

Где скачать highlight.js для установки его на сайт

Страница конструктора, содержащая конструктор для сборки оптимального пакета highlight.js находится по адресу https://highlightjs.org/download/ (откроется в новой вкладке). На этой странице содержатся инструкции о том, как установить highlight.js на сайт, а также конструктор для подбора только нужных языков программирования, которые будут подсвечиваться этим web-ворком на страницах сайта. единственный минус этого конструктора в том, что он на английском языке, но он достаточно прост, чтобы им воспользоваться без знания иностранных языков.

Выбор языков программирования для подсветки их кода с помощью highlight.js

На странице скачивания пакета highlight.js в разделе «Custom package» содержится список всех 185-ти языков программирования, подсветку которых поддерживает этот web-ворк. При выборе языков не нужно жадничать и заранее выбирать те языки, которые пока не используются на сайте. Проект highlight.js существует не первый год и, если понадобится подсветить синтаксис какого-то нового языка программирования, которого не будет в скачанном пакете, всегда можно будет зайти и пересобрать пакет, включив в него новый язык. Чем больше выбрано языков, тем более тяжёлым становится рабочий пакет и, это значит, что пользователи сайта будут скачивать к себе на устройство код, который не понадобится для отображения. Для компьютеров — это не критично, а вот для мобильных устройств вполне.

Для выбора списка языков программирования нужно выставить галочки в тех чек-боксах, которые нужны, остальные галочки нужно снять. Делается это одним кликом левой кнопкой мышки по соответствующему чекбоксу рядом с названием языка программирования:

Скачиванием готового пакета highlight.js с официального сайта для подсветки их кода языков программирования

После того, как все нужные языки программирования, подсветка которых требуется на сайте, выбраны, а не нужные отключены, нужно один раз кликнуть левой кнопкой мышки по кнопке «Download», расположенной внизу списка (см. картинку выше). Это запустит процесс сборки и скачивания готового к установке пакета highlight.js:

Архив с файлами для установки highlight.js на сайт

После того, как все описанные выше действия выполнены, на компьютер скачается архив с дистрибутивом highlight.js, из которого можно выбрать файлы для того, чтобы залить их к себе на сервер и которые будут использоваться для подсветки кода на страницах сайта:

Резюме

Таким образом достаточно просто собрать необходимый пакет highlight.js, который будет содержать только ту информацию, которая нужна для подсветки кода листингов программ под конкретный проект. И ничего лишнего! =)

Самый честный хостинг за 20+ лет существования Лунной Базы

Задумываешься о том, чтобы поднять свой сайт в Интернете? Уже пора подумать о том, какой хостинг выбрать?

Лунная База хостится 20+ лет на firstDVS. При этом, мыслей о том, чтобы перебраться на другой хостинг не было. (Но, при этом есть опыт работы с другими вариантами.)

Бывали с firstDVS разные ситуации, но, они бывают на всех хостингах. Единственное, что тут важно понять, - это то, что никто ничего тебе не будет впаривать... Но, и работать за тебя тоже никто не станет. Если в саппорт ответили: «Читайте по ссылке и разбирайтесь сами...» или вообще «Обратитесь за помощью к специалисту», - это повод углубить свои знания в области сайтостроения, а не бежать к тем, что пообещают: «Мы всё чиним и всё делаем за своих клиентов абсолютно бесплатно!» Никто никогда ничего ни за кого "по доброте душевной" не делал, не делает и не будет делать!

Выбрать