将博客内容/静态文件添加到现有 Preact.js 网站

Posted 2023-02-16

【中文标题】将博客内容/静态文件添加到现有 Preact.js 网站

【英文标题】：Adding Blog Content/Static files to existing Preact.js website

【发布时间】：2017-06-22 16:06:10

【问题描述】：

我目前有一个现有的 Preact JS 站点，但想添加博客部分。

添加新页面和路由的方法基本上很简单。

I.e. blog/content-1, blog/content-2

我知道我可以轻松地手动创建这些页面和路线，但有没有更好的东西可以适合现有网站？

即我看到的很多静态站点生成器，基本上你需要从头开始运行，它们会生成一个新站点。

但就我而言，我只是想在我的网站上添加一个额外的部分，这将是静态博客条目，不知道最好的工具是什么？

如果有任何想法或建议会很棒。

【参考方案1】：

preactjs.com 网站完全按照您想要的方式构建。它是开源的：https://github.com/developit/preact-www

基本上，通过 Ajax 获取您的 html 内容（随您的喜好），然后使用 preact-markup 将其渲染为虚拟 DOM。

对于一个真实的例子，preactjs.com 是这样做的： https://github.com/developit/preact-www/blob/master/src/components/content-region.js

【讨论】：

好的，就路由而言，它是如何工作的，route/some-blog-title 是如何知道从哪里获取内容的？路由和文件是否使用相同的名称或其他名称？

所有路由都由一个'Content'组件处理，它获取URL路径作为prop：github.com/developit/preact-www/blob/master/src/components/…