hugo博客静态网站搜索方案原创
2020-12-20 本文已影响0人
大地缸
hugo简介
一个静态博客网站生成工具,基于golang开发,可以跨平台运行与windows,linux,mac等主流操作系统
1.第一步首先下载hugo,具体方案查看相关文档,然后
hugo new site
2.搭建好一个博客网站以后,新建博客文档
hugo new xxxx.md
3.下载stork文件及其配置stork.js放在hugo静态目录下,我的目录是
/root/web/static/
4.根据博客数据生成索引,可以手动填写basic.toml也可以使用工具,作者在这里自己写了个一个工具files2stork可以生成stork配置文件
5.建立索引文件
./stork --build adv.toml
索引文件的样子大概是这样adv.toml
命令执行后会在当前目录下生成federalist.st,将此文件拷贝纸/root/web/static即可
6.search.html的代码配置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>Federalist Search</title>
<link rel="stylesheet" href="/basic.css" />
</head>
<body>
<div class="stork-wrapper">
<input data-stork="federalist" class="stork-input" />
<div data-stork="federalist-output" class="stork-output"></div>
</div>
<script src="/stork.js"></script>
<script>
stork.register(
'federalist',
'/federalist.st'
)
</script>
</body>
</html>