2016-12-25 6 views
1

ブログの投稿内にアンカーを作成し、HTMLのhrefを要素に持つようなリンクを作成する方法はありますか?JekyllマークアップはHTMLのhref = "#myElementId"と同じですか?

私は基本的に長いblogpostの上にリンク付きの目次が欲しいです。

あり、この上の問題がすでにあり、それはプラグなしなし実際の答えのようにあるようだ、確認したかった:How to create a table of contents to Jekyll blog post?

答えて

1

は次のように彼らにブログの記事やリンク内のアンカーを作成する方法はあります1つの要素にhtmlのhrefを付けるでしょうか?

はい、要素にhtml hrefを使用します。次のHTMLコード:

<hr> 
 

 
<h1>Table of contents:</h1> 
 

 
<ul> 
 
    <li><a href="#goto-1">Chapter 1</a><a id="toc-1"></a></li> 
 
    <li><a href="#goto-2">Chapter 2</a><a id="toc-2"></a></li> 
 
</ul> 
 

 
<hr> 
 

 
<a id="goto-1"></a> 
 
<h1><a href="#toc-1">↑</a> Chapter 1</h1> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
 

 
<a id="goto-2"></a> 
 
<h1><a href="#toc-2">↑</a> Chapter 2</h1> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

ポストに次のマークダウンして生成することができます:

--- 

**Table of contents:** 

* [Chapter 1](#goto-1)<a id="toc-1"></a> 
* [Chapter 2](#goto-2)<a id="toc-2"></a> 

--- 

<a id="goto-1"></a>**[↑](#toc-1) Chapter 1** 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

<a id="goto-2"></a>**[↑](#toc-2) Chapter 2** 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
関連する問題