除了在每个页面上复制和粘贴它之外,是否可以创建一个网站?

时间:2015-08-18 19:36:53

标签: html html5 templates jekyll

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

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

我听说过HAML和Markdown(HTML预处理器),并且不知道他们是否习惯于做我需要的事情。

我想找到的解决方案类似于Sass中的@import "head.scss";

我有-X并且在编译文件中我没有重复(在这种情况下是#34;导入模块" head.scss)

我可能会说我正在学习用Jekyll开发我的静态博客,因为我想学习使用这项技术,其次我知道如何使用WordPress,Joomla和学习新东西会很有趣我,但我不想学习PHP,所以我觉得这个项目的模板化语言会更容易

5 个答案:

答案 0 :(得分:2)

如果您想使用Jekyll,可以使用includes来避免重复代码。

答案 1 :(得分:0)

答案是肯定的。

为了使scss文件正常工作,您必须确保首先将.scss文件(或sass文件)转换为css。 (你可以在网上查找很多sass教程。为此,只需要将sass或scss文件转换为css,甚至有一些简单的应用程序就像scout一样)顺便说一下,你可以用更少的东西为css文件做同样的事情与进口方面的sass一样。

对于html文件,有像你说的模板引擎。你可以比较像胡子,dust.js和把手等流行的,仅举几例。

通过这些,您可以在文件中导入html代码片段(这样您就不必重复代码)。

在编程编程语言(如javascript和php)中,你也可以做同样的事情。

在PHP中,你使用例如include()或require()函数将其他文件中的其他代码输入到当前文件中。在像javascript这样的语言中,您甚至可以使用像angular这样的东西来创建简单的自定义指令来实现相同的目标。

答案 2 :(得分:0)

如果您正在寻找更轻松的方式来管理帖子和前端问题您应该查看Jekyll Bash UIOctopress

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

Jekyll Bash UI(需要Bash

创建新帖子非常简单,只需在命令行中输入:

jcli.sh new

Octopress

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

创建帖子你只需要调用它:

rake new_post["My new post with Octopress"]

之后您可以调用rake generate生成页面,或rake preview在端口4000上的localhost上运行Web服务器,这样您就可以预览更改。

答案 3 :(得分:-1)

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

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

答案 4 :(得分:-1)

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

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