美文网首页
hugo博客静态网站搜索方案原创

hugo博客静态网站搜索方案原创

作者: 大地缸 | 来源:发表于2020-12-20 16:54 被阅读0次

去看看原创(http://www.real007.cn/post/hugo%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99%E6%90%9C%E7%B4%A2%E6%96%B9%E6%A1%88/)

去看看

hugo简介

    一个静态博客网站生成工具,基于golang开发,可以跨平台运行与windows,linux,mac等主流操作系统

去官网看看

  •   1.第一步首先下载hugo,具体方案查看相关文档,然后
    
hugo new site
  •   2.搭建好一个博客网站以后,新建博客文档
    
hugo new xxxx.md
  •   3.下载stork文件及其配置stork.js放在hugo静态目录下,我的目录是
    

下载stork.js

/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>

相关文章

网友评论

      本文标题:hugo博客静态网站搜索方案原创

      本文链接:https://www.haomeiwen.com/subject/jqyknktx.html