将search目录放至于博客根目录下,其中search目录结构如下:
search
├── cb-footer-add.html
├── cb-footer-add.html
├── cb-footer-add.html
├── cb-footer-add.html
├── cb-footer-add.html
├── cb-search.json
├── css
│ └── cb-search.css
├── img
│ ├── cb-close.png
│ └── cb-search.png
└── js
├── bootstrap3-typeahead.min.js
└── cb-search.js
在 _include/footer.html
中的 </footer>
后加入 cb-footer-add.html
中的内容即可。
1.需要事先引入jquery与**bootstrap3(js与css文件)**框架,如果没有的话,操作如下:
在_include/head.html
中引入以下代码:
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
在_include/footer.html
中引入以下代码:
<!-- jQuery -->
<script src="//cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
bootstrap3-typeahead.min.js
的引入必须在jquery.min.js
引入之后,即在footer.html
中的行数更靠后!
2.默认联想8个,如果需要更多的话,请检索 bootstrap3-typeahead.min.js
中的items:8, 将8替换成自己需要的数值。