📌  相关文章
📜  github页面markdown从另一个文件嵌入html - Html(1)

📅  最后修改于: 2023-12-03 14:41:30.927000             🧑  作者: Mango

Github页面Markdown从另一个文件嵌入HTML

在Github上创建页面时，我们可能需要在页面中嵌入HTML等外部资源文件。Markdown语言支持使用HTML标签来实现这个功能。本文将介绍如何使用Markdown语言从另一个文件嵌入HTML。

第一步：创建HTML文件

首先，我们需要在Github上添加一个HTML文件。假设我们想在我们的页面中添加名为“test.html”的文件，我们可以通过以下步骤完成。

  1. 在Github上打开我们的仓库。
  2. 点击“Add File”按钮，然后选择“Create new File”选项。
  3. 在文件名输入框中输入“test.html”，并添加HTML标记，例如：
<!DOCTYPE html>
<html>
    <head>
        <title>Hello World</title>
    </head>
    <body>
        <p>This is a test HTML file.</p>
    </body>
</html>
  1. 在下方的提交信息中输入我们所做的更改摘要，然后点击提交更改。
第二步：在Markdown中嵌入HTML

接下来，在我们的Markdown文件中嵌入HTML。假设我们的Markdown文件位于名为“test.md”的文件中，我们可以通过以下步骤完成。

  1. 在Markdown中添加一个HTML标记，例如：
<html>
    <head>
        <title>Embedded HTML</title>
    </head>
    <body>
  1. 使用Markdown的“include”语法嵌入引用我们刚才创建的HTML文件，例如：
{% include test.html %}
  1. 在我们的Markdown文件中添加关闭HTML标记，例如：
    </body>
</html>

完整的Markdown代码如下：

<html>
    <head>
        <title>Embedded HTML</title>
    </head>
    <body>
        {% include test.html %}
    </body>
</html>
第三步：提交更改

现在，我们可以将更改提交到Github上。我们可以使用以下命令将我们的更改提交到Git仓库。

git add test.md
git commit -m "added embedded HTML example"
git push origin master

现在，我们的简介页面已经嵌入我们的HTML文件。我们可以通过浏览器查看页面以确保引入的HTML文件正确。

本文介绍了如何使用Markdown语言从另一个文件嵌入HTML代码。如果您想追加其他标记来改变认为也是小菜一碟。