将博客嵌入网站

Question

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

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

Answer 1

如果您想将其他网站的代码嵌入到您自己的网站中，您必须 1) link 它在 OR 2) 检索并解析它。

1) 典型的解决方案是 iframe。这并不简单，但您可以将 iframe 的宽度和高度设置与@meda css 查询一起使用，以获得响应能力的衡量标准。

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 之前在站点后端完成。进一步解析显然是可能的，但这取决于您对外部页面结构的了解。

将博客嵌入网站

embed blog in website

embed

blogs