javascript - не могу реализовать генерацию оглавления

Uncaught ReferenceError: hljs is not defined
    at post-slug.html:937

 
<script type="text/javascript">
	$(document).ready(function(){
		$("p:eq(0)").after('<div id="category"></div>');
      $("h2").each(function(i,item){
        var tag = $(item).get(0).localName;
        $(item).attr("id","wow"+i);
        $("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>');
        $(".newh2").css("margin-left",0);
      });
	});
</script>

<script>hljs.initHighlightingOnLoad();</script> /* Дергаем какую-то функцию initHighlightingOnLoad() объекта hljs без всяких входных данных. Если объекта hljs в памяти браузера нет - ничего работать не будет */
<script type="text/javascript"> 
 $(document).ready(function(){  /* Когда загрузится вся страница */
      $("h2").each(function(i,item){ /* На всех заголовках H2 производим какую-то функцию с аргументами i и item */
        var tag = $(item).get(0).localName; /* Объявляем переменную tag, которая что-то имеет из локалнейма (я не знаю что такое локалнейм) */
        $(item).attr("id","wow"+i); /* Добавляем итему (непонятно, что за итем) атрибут id="wow_дальше номер этой вавы равный i" 
        $("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>'); /* Дописываем в класс категории ссылку со всей фигней, что дальше*/ 
        $(".newh2").css("margin-left",0); /* Добавляем элементу маргин-лефт 0 */
      });
 });
</script>