---
layout:     post   				    # 使用的布局（不需要改）
title:      Jekyll添加下拉菜单式分页导航 				# 标题 
subtitle:   Jekyll首页分页导航     #副标题
date:       2019-10-01 				# 时间
author:     Duter2016 						# 作者
header-img: img/post-bg-debug.png 	#这篇文章标题背景图片
header-mask: "0.1"                    # 博文页面上端的背景图片的亮度，数值越大越黑暗
catalog: true 						# 开启catalog，将在博文侧边展示博文的结构
music-id:         # 网易云音乐单曲嵌入
music-idfull:         # 网易云音乐歌单嵌入
tags:								#标签
    - Blog
---

在根目录下的index.html中，在`<!-- Pager -->`部分的中间添加如下代码：

```
{% raw %}
   <li>
    第{{ paginator.page }}页 / 跳第
      <select name="mylink" id="mylink" onchange="window.location=mylink.value">
        <option selected>选择</option>
        <option value="../">1</option>
	{% for page in (2..paginator.total_pages) %}
        <option value="../page{{ page }}/">{{ page }}</option>
	{% endfor %}
      </select>
      页 / 共{{ paginator.total_pages }}页
    </li>
{% endraw %}
```

效果请看本站**[首页](https://duter2016.github.io/) **