除了在每个页面上复制和粘贴之外，是否可以创建一个网站？ [关闭]

Question

我正在建立自己的博客，我会有很多文章，所以，每次都复制和粘贴头部，或者放在一边，页脚或博客的某些重复部分会很愚蠢。

所以，我正在寻找一种简单的方法。我听说过模板（但不知道它是什么）并找到了这个答案：Is it possible to create a web site header without copying and pasting it on every page? 但似乎这不是我想要的。

我听说过 HAML 和 Markdown（HTML 预处理器），但不知道它们是否被用来做我需要的事情。

我想找到的解决方案类似于 Sass 中的 @import。

我有一个 @import "head.scss"; 并且在编译的文件中我没有手动重复（在本例中是“导入的模块”head.scss）

---

我可能会说我正在学习使用 Jekyll 开发我的静态博客，只是因为我想学习使用这项技术，其次我知道如何使用 WordPress、Joomla 和学习新事物对我来说会很有趣，但是我不想学习 PHP，所以我认为模板语言对于这个项目会更容易

Answer 1

如果要使用 Jekyll，可以使用includes，避免重复代码。

Answer 2

如果您正在寻找更简单的方法来管理帖子和前端问题，您应该查看 Jekyll Bash UI 或 Octopress。

如果您想了解更多关于 Jekyll 及其模板系统的信息，我建议您阅读Jeyll.tips 网页。它包含格式良好且易于阅读的操作方法，还涵盖了数据文件和集合等高级主题。

Jekyll Bash 用户界面（需要 Bash）

创建新帖子非常简单，只需在命令行上执行此操作：

jcli.sh new

八爪鱼

Octopress 使用rake 实用程序，这使得使用 Jekyll 更容易。

创建一个帖子你只需要调用这个：

rake new_post["My new post with Octopress"].

在此之后您可以调用rake generate 来生成页面或rake preview 在 localhost 的 4000 端口上运行网络服务器，以便您可以预览更改。

Answer 3

答案是肯定的。

为了使 scss 文件正常工作，您必须先确保将 .scss 文件（或 sass 文件）转换为 css。 （您可以在线查找许多 sass 教程。为此，只需寻找将 sass 或 scss 文件转换为 css 的简单应用程序，例如 scout）顺便说一句，您可以对 css 文件做同样的事情在导入方面与 sass 一样。

对于 html 文件，有你所说的模板引擎。您可以比较诸如小胡子、dust.js 和车把等流行的，仅举几例。

通过这些，您可以在文件中导入 html 代码的 sn-ps（因此您不必重复代码）。

在 JavaScript 和 php 等编程语言中，您也可以做同样的事情。

在 PHP 中，您可以使用例如 include() 或 require() 函数将其他文件中的其他代码位导入当前文件。在 JavaScript 之类的语言中，您甚至可以使用诸如 angular 之类的东西来创建简单的自定义指令来实现相同的目标。

Answer 4

我使用过的几乎所有服务器端语言都以某种方式共享视图。

asp.net webforms 有母版页，asp.net mvc 有共享视图，coldfusion 有cfinclude，RoR 有partials，PHP 有共享布局。我不知道直接的 HTML，但是当使用服务器端语言时，这绝对是可能的。

Answer 5

我建议使用内容管理系统，例如 WordPress (https://wordpress.com/)、Joomla (http://www.joomla.org/) 或 Drupal (https://www.drupal.org/)。您一次创建一个模板并将其加载到 CMS 中。然后，您可以根据需要创建任意数量的页面，而无需复制和粘贴模板。您还可以根据需要添加不同的元素。这使得管理博客变得更加容易。

如果您一心一意地一次只做一页，我建议您使用 PHP 来拉入页眉。这是一篇很好的文章，可以帮助您入门，Creating a PHP header/footer。但是，您仍然需要复制并粘贴模板文件来创建新页面。