JS를 사용하여 블로그 디렉토리를 생성하고 CSS를 사용하여 블로그를 사용자 정의하십시오.-JS 튜토리얼-php.cn

JS를 사용하여 블로그 디렉토리를 생성하고 CSS를 사용하여 블로그를 사용자 정의하십시오.

PHPz

풀어 주다： 2018-10-13 17:15:49

원래의

1544명이 탐색했습니다.

본 글의 예시에서는 JS를 이용해 블로그 디렉토리를 생성하고 CSS를 사용하여 블로그를 커스터마이징하는 방법을 소개하고 있으며, 참고용으로 모든 분들에게 공유합니다

원하시는 경우에는 다음과 같습니다. 디렉토리를 생성하려면 권한을 수정하기 위해 JS가 필요하다고 말하는 사람들이 많습니다. 설정 페이지로 직접 이동하여 아래 연락처 이메일을 찾아 직접 보내면 직원이 매우 빠르게 답변해 드립니다.

권한을 받은 후, 컴파일(검색)된 작성된(검색) JS 코드를 바닥글 HTML 코드 상자에 넣은 후 저장을 클릭하면 됩니다. 목차에서 생성된 제목의 수준에 주의를 기울이는 것이 매우 중요합니다. JS 코드는 기본적으로 변경되지 않고 원본 작성자의 작성 방법을 복사하며 각각 보조 디렉터리인 h2와 h3을 생성할 수 있다는 점에 유의해야 합니다.

요약하면 이 디렉토리는 다음과 같은 특징을 가지고 있으며 이는 본 글에서도 확인할 수 있습니다(본 블로그 포스팅에서는 보조 디렉토리를 사용하지 않습니다).

1) 블로그 게시물 시작 부분에서 2단계 디렉토리를 생성할 수 있습니다
2) 각 1단계 디렉토리 위에는 상단으로 돌아가는 링크가 있습니다

JS 코드는 다음과 같습니다.

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

로그인 후 복사

[관련 튜토리얼 추천]

1. JavaScript 동영상 튜토리얼
2. >3. 부트스트랩 튜토리얼