您如何使用ejs包含功能在没有任何框架的情况下将html局部文件导入到ubuntu nodejs网络服务器上？

如何解决您如何使用ejs包含功能在没有任何框架的情况下将html局部文件导入到ubuntu nodejs网络服务器上？

我真的是ubuntu和node的新手。我真的很习惯在Wamp服务器中使用php，但是我改用ubuntu和node，因为它更适合我的需求。

我在php中使用最多的东西是import / require

<?php require $_SERVER['DOCUMENT_ROOT'].'/site-parts/head-tags.php';?>

我正在尝试做尽可能接近的事情。我没有安装任何框架。在另一个问题中建议我将ejs用于包含功能，因此我已经安装了它。

自安装ejs以来，我所要做的就是在index.html文件的开头添加行<%- include('partials/header-imports') %>，它并没有将其读为ejs，只是将其显示为纯文本。我还没有添加任何其他文件或“路线”或其他任何内容。

我对node和ejs的工作方式以及所有这些工作真的感到困惑。我需要包括哪些文件？什么是路线，我该怎么做？我还需要安装什么？我在做什么错了？

我的github存储库是这样的：https://github.com/zhandavidz/personal-website-nodejs

这是一些文件，所有文件都位于文件夹/var/www/html/

中

这是我要包括的部分内容：partials/header-imports.ejs

<!-- <html> redundant html tag for atom coloring -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script src="https://kit.fontawesome.com/ccf5dd8bbb.js" crossorigin="anonymous"></script>

    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" />

    <style type="text/css">
        h1,h2,h3,h4,h5,h6,p {
            -webkit-margin-before: 0px;
            -webkit-margin-after: 0px;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            margin: 0;
        }

        body {
            margin: 0;
        }

        * {
            font-family: Roboto;
            font-weight: 400;
        }
    </style>

    <script>
        $("head").load("/favicons/favicon.html");
    </script>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width,initial-scale=1">
<!-- </html> -->

这是我希望部分内容位于的主要html页面：index.html


<!DOCTYPE html>
<html>
<head>
    <%- include('partials/header-imports') %>

    <meta name="description" content="My name is --------. On my website,I have many things such as school projects and simple games.">

    <title>--------</title>

    <link rel="stylesheet" type="text/css" href="/css/homepage.css">
</head>
<body>

    <div id="content">
        <h1>--------</h1>

        <a href="/--------'s Resume.pdf" class="button">
            <h2>Resume</h2>
        </a>
        <a href="/projects/" class="button">
            <h2>Projects</h2>
        </a>
        <a href="https://www.linkedin.com/in/--------/" class="button">
            <h2>LinkedIn</h2>
        </a>
        <a href="mailto:--------@gmail.com" class="button">
            <h2>Email: --------@gmail.com</h2>
        </a>
    </div>

</body>
</html>

您如何使用ejs包含功能在没有任何框架的情况下将html局部文件导入到ubuntu nodejs网络服务器上？

如何解决您如何使用ejs包含功能在没有任何框架的情况下将html局部文件导入到ubuntu nodejs网络服务器上？

相关推荐