JS を使用してブログ ディレクトリを生成し、CSS を使用してブログをカスタマイズする

この記事の例では、JS を使用してブログのディレクトリを生成し、CSS を使用してブログをカスタマイズする方法を紹介します。具体的な内容は次のとおりです。

よろしければ。ディレクトリを生成するには、JS で権限を変更する必要があると多くの人が言います。設定ページに直接アクセスし、以下の連絡先メールアドレスを見つけて直接送信してください。スタッフがすぐに返信します。

許可を得た後、コンパイル(検索)して記述(検索)したJSコードをフッターHTMLコードのボックスに配置し、保存をクリックします。目次によって生成される見出しのレベルに注意を払うことが非常に重要です。 JS コードは次のとおりで、基本的にはオリジナルの作成者の記述方法をコピーしており、それぞれ h2 と h3 というセカンダリ ディレクトリを生成できます。

要約すると、このディレクトリには次のような特徴があり、これはこの記事でも見ることができます (このブログ投稿では 2 番目のディレクトリは使用されていません)。

1) ブログ投稿の先頭に 2 つのレベルのディレクトリを生成できます。
2) 各第 1 レベルのディレクトリの上に上部に戻るリンクがあります

JSコードは以下の通りです。

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">

[関連チュートリアルの推奨事項]

1. JavaScript ビデオ チュートリアル
2. JavaScript オンライン マニュアル
3. ブートストラップ チュートリアル