主要的步骤
1.利用插件hexo-generator-search生成xml文件
2.利用jQ.ajax解析xml
3.寻找所用主题对应文件修改
主要的部分还是插件写的好啊,对应的解析函数也是改造插件作者的
生成搜索框
加到index.ejs
输入框样式可以自己修改我只是修改了宽度,可以这里直接加style
如果样式加的多,可以找下主题style文件
插件安装
npm install --save hexo-generator-search
这个插件可以生成供搜索的索引数据
插件配置说明
解析函数
var searchFunc = function(path, search_id, content_id) {
'use strict'; //使用严格模式
$.ajax({
url: path,
dataType: "xml",
success: function( xmlResponse ) {
// 从xml中获取相应的标题等数据
var datas = $( "entry", xmlResponse ).map(function() {
return {
title: $( "title", this ).text(),
content: $("content",this).text(),
url: $( "