templates/search.ejs

<!DOCTYPE html>
<html lang="en">

<head>
    <%- include('./include/head', { siteTitle: themeConfig.siteName }) %>
        <script src="//fastly.jsdelivr.net/gh/tangkaichuan/gridea-search/lib/fuse.js"></script>
        <script src="//fastly.jsdelivr.net/gh/tangkaichuan/gridea-search/lib/ejs.min.js"></script>
        <script src="//fastly.jsdelivr.net/gh/tangkaichuan/gridea-search/lib/gridea-search.min.js"></script>
        <script src="//fastly.jsdelivr.net/gh/tangkaichuan/gridea-search/example/assets/media/gridea-search/result-template.ejs" type="text/ejs"></script>
        <style>
            .main_ {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 90vh;
            }
            
            .result-box {
                margin-top: 50px;
                display: flex;
                border-radius: 5px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin-left: auto;
                margin-right: auto;
            }
        </style>
</head>

<body>
    <style>
        .searched-keyword {
            background-color: green;
        }
    </style>
    <div class="main_">
        <%- include('./include/header') %>
            <div class="result-box">
                <div id="gridea-search-result">
                    <p class="searching">搜索中......</p>
                    <p class="no-result" style="display:none">未搜索到相关文章</p>
                </div>
            </div>
    </div>
</body>
<%- include('./include/footer') %>