将博客嵌入网站

Question

我正在从头开始构建一个自定义 html 网站，顶部的导航选项卡之一称为“博客”。我不想使用在我的代码中创建的内容填充该选项卡，而是使用外部维护的内容（例如博主或 WordPress 或一些简单的博客格式化工具）填充它。

似乎无法找到一种简单的方法将我在外部维护的博客嵌入到我的网站中。如果可能的话，我希望嵌入具有响应性、可定制性和可搜索性。有什么想法吗？

Answer 1

如果您想将其他网站的代码嵌入到您自己的网站中，您必须 1）将其链接到或 2）检索并解析它。

1) 典型的解决方案是 iframe。这并不简单，但您可以使用带有 @meda css 查询的 iframe 的宽度和高度设置来衡量响应能力。

2) 如果您有 php 作为工具，您可以查看this stack overflow answer 了解如何检索网站代码，然后将代码解析出来。

例如，如果我只想要结束 head 标签之后的信息，我可以这样做

// get the webpage source -- depends on allow_url_fopen
// see the previously mentioned stack overflow answer for alternates
$externalWebpage = file_get_contents('http://yoursite.com/your-page.html');

// split the webpage by </head>
$websiteSections = explode($externalWebpage, '</head>',);

// don't neglect to add the '</head>' back if you want to use that 
// portion somewhere else
$head = $websiteSections[0] . '</head>';
$body = $websiteSections[1];

假设您使用 php 解决方案，所有这些都可以在生成 html 之前在站点的后端完成。进一步解析显然是可能的，但取决于您对外部页面结构的了解。