美文网首页
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