Hugo博客加入搜索功能

博客嘛,随着文章多起来,终究还是需要进行搜索,方便自己找到之前发布的内容

网上搜索

第一步,面向百度编程,找到资料一:https://gist.github.com/cmod/5410eae147e4318164258742dd053993。 但是,按照上面的方法部署后一点用处也没有,调试的时候js报错,那就只能看源码了,发现index.json问卷内容生产不对

第二步:通过细读这个文章,发现另外一个优化的方案: https://gist.github.com/Arty2/8b0c43581013753438a3d35c15091a9f。 部署后遇到同样的问题

第三步:看源码改脚本。

先是根据自己的实际修改index.json模板。

 [{{ range $index, $page := .Site.Pages }}
    {{- if ne $page.Type "json" -}}
    {{- if and $index (gt $index 0) -}},{{- end }}
    {
        "uri": "{{ $page.Permalink }}",
        "title": "{{ htmlEscape $page.Title}}",
        "date": "{{ htmlEscape $page.Date | time.Format "2006-01-02" }}",
        "tags": [{{ range $tindex, $tag := $page.Params.tags }}{{ if $tindex }}, {{ end }}"{{ $tag| htmlEscape }}"{{ end }}],
        "description": "{{ htmlEscape .Description}}"
    }
    {{- end -}}
{{- end -}}]

现在js能够正常解析json文件了

其实差不多已经解决了最重要的问题了 后面就是调样式了。

经过这次折腾,对hugo的目录结构又熟悉了一次,顺道抄了一个最新文章推荐到每个文章详情页的底部

本文链接:

https://ziyan1215.github.io/archive/1636089550/

# 最新文章