Verwenden Sie JS zum Generieren eines Blog-Verzeichnisses und CSS zum Anpassen des Blogs

Das Beispiel in diesem Artikel stellt die Methode zur Verwendung von JS zum Generieren eines Blog-Verzeichnisses und CSS zum Anpassen des Blogs vor. Der spezifische Inhalt ist wie folgt.

Wenn Sie möchten Um ein Verzeichnis zu erstellen, sagen viele Leute, dass Sie JS benötigen, um die Berechtigungen zu ändern. Gehen Sie einfach direkt zur Einstellungsseite, suchen Sie die Kontakt-E-Mail und senden Sie sie direkt.

Nachdem Sie die Berechtigung erhalten haben, müssen Sie im Folgenden den kompilierten (durchsuchten) geschriebenen (durchsuchten) JS-Code in das Feld des Fußzeilen-HTML-Codes einfügen und dann auf Speichern klicken. Es ist sehr wichtig, auf die Ebenen der Überschriften zu achten, die das Inhaltsverzeichnis generiert. Der JS-Code ist im Wesentlichen unverändert. Er kopiert die Schreibmethode des ursprünglichen Autors und kann die sekundären Verzeichnisse h2 und h3 generieren.

Zusammenfassend weist dieses Verzeichnis die folgenden Merkmale auf, die auch in diesem Artikel zu sehen sind (das sekundäre Verzeichnis wird in diesem Blogbeitrag nicht verwendet).

1). Sie können am Anfang des Blogbeitrags Verzeichnisse mit zwei Ebenen erstellen
2). Über jedem Verzeichnis der ersten Ebene befindet sich ein Link zurück nach oben

Der JS-Code lautet wie folgt.

0)
 {
  var content = '';
  content += '';
  content += '目录';
  content += '';
  for(var i=0; i回到顶部';
   $(h2_list[i]).before(go_to_top);
   
   var h3_list = $(h2_list[i]).nextAll("h3");
   var li3_content = '';
   for(var j=0; j';
    $(h3_list[j]).before(li3_anchor);
    li3_content += '' + $(h3_list[j]).text() + '';
   }
   
   var li2_content = '';
   if(li3_content.length > 0)
    li2_content = '' + $(h2_list[i]).text() + '' + li3_content + '';
   else
    li2_content = '' + $(h2_list[i]).text() + '';
   content += li2_content;
  }
if($('#cnblogs_post_body').length != 0 )
  {
   $($('#cnblogs_post_body')[0]).prepend(content);
  }
 } 
}
GenerateContentList();
" _ue_custom_node_="true">

【Empfohlene verwandte Tutorials】

1. JavaScript-Video-Tutorial
2. JavaScript-Online-Handbuch
3. Bootstrap-Tutorial