Question

是否有创建博客模板的教程？

互联网上很少有相关和详细的教程。并且，使用什么语言来创建博客模板？

Answer 1

如果您计划从头开始创建博客，请在此处复制完整的HTML代码，并将其替换为您博客上的HTML模板编辑器。否则，您可以下载大量的免费博客模板，然后进行个性化设置。 codepen.io/frinton/pen/dLmIf

如果您从头开始，有用的链接

support.google.com/blogger/answer/46888?hl=en

support.google.com/blogger/answer/46995

support.google.com/blogger/answer/47270?hl=en

Answer 2

Blogger模板是用xml制作的，所以基本上都是html和css。您应该做的第一件事是基本布局您希望网站的外观。之后，在你可以添加你想要的gagdets的部分中打破它。这是一个例子：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<b:skin version='1.0.0'><![CDATA[/*]]></b:skin>
</head>
<body>

<b:section class='header' id='header' showaddelement='yes'>
  <b:widget id='Header1' title='Main heading' type='Header'>...</b:widget>
</b:section>

</body>
</html>

这可以帮到你：

https://articlesteller.com/build-your-own-blogger-template-from-scratch/ http://www.codedodle.com/2014/10/blogger-template-design-scratch-section-widget.html

没有涵盖所有内容的教程。我建议你下载免费模板，然后开始编写你的模板。

Answer 3

我们使用XML构建Blogger模板。您可以说我们将所有需要的脚本和源代码捆绑在一个文件中，然后将所有内容复制粘贴到Blogger的编辑HTML 部分中。要从头开始构建，您需要了解：

基本HTML，CSS（我想您已经知道）
Blogger 模板数据和小部件数据标签的工作方式

以下是一些开始参考：

直接在Google支持页面上，我们有： https://support.google.com/blogger/answer/46888?hl=en

然后... 迄今为止，有关Blogger的最完整参考（不过您需要翻译页面）：https://support.google.com/blogger/answer/46888?hl=en

Answer 4

要创建博客模板，请转到主题 -> 自定义 -> 编辑 HTML。删除所有编写的代码并粘贴下面的代码。这是开始模板设计的最少代码。

<?xml version="1.0" encoding="UTF-8" ?>
<html>
  <head>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
    <title><data:view.title/></title>
    <b:skin><![CDATA[
    /*css code*/
    ]]></b:skin>
  </head>
  <body>
    <div class='container'>
      <b:section class='header' id='header' name='Header'/>
    </div>
  </body>
</html>

上述基本模板将在浏览器中显示博客的标题，不显示任何内容。 data:view.title/ 将显示博客的标题。 data:view.title/ 的值取决于页面类型（静态页面、帖子或错误页面）。如果我们正在查看任何博客文章，这将在主页上显示博客标题和文章标题。

现在，每个博客模板都必须有这两个标签：

：用于定义博客的 CSS。 CSS 代码应该写在如图所示之间。
：创建网站的部分（如页眉、主要、页脚、侧边栏等）。该标签将被具有 class 和 id 属性的标签替换。每个都必须定义 id 属性。

使用创建博客模板？

4 个答案: