如何通过编辑 blogspot html 代码制作一个完全空白的网站，以便我可以从头开始自定义整个网站？

Question

我想自定义 blogspot 的整个网站，但是当我删除整个现有代码时，它显示解析错误。有什么方法可以让我只拥有打开时看起来空白的已解析网站，以便我可以对其进行整体编辑。

Answer 1

这应该可以解决问题。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:defaultwidgetversion='2' b:layoutsVersion='3'>
  <head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <title><data:view.title/></title>

    <b:skin><![CDATA[]]></b:skin>

  </head>
  <body>
    <b:section id='main-section'>

    </b:section>
  </body>
</html>

Answer 2

简答

按照下面的代码，您将在 Blogger 上有一个空白页面：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[]]></b:skin>
</head>
<body>
<b:section id='main-section'>
<!-- BODY CONTENTS -->
</b:section>
</body>
</html>

完整答案

Blogger 模板由 XHTML 和 blogger 元素组成。要设计模板的基本布局，您将使用名称空间。命名空间 (xmlns) pre-defined 用于 Google 的 Blogger。 3种命名空间基本使用如下

xmlns:b – ‘b’指定此命名空间用于访问博主元素。
xmlns:data – 用于指定数据的来源博客来了。
xmlns:expr – 计算属性的表达式。

您将在 Blogger 的 main.xml 文件中编写所有代码。

第 1 步：基本布局的语法

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<title><data:blog.pageTitle/></title>
</head>
<body>
<!-- BODY CONTENTS -->
</body>
</html>

- 栏目

Blogger 模板分为几个部分。基本部分是：Header、内容、页脚、边栏。您将使用 Widget 元素来定义部分中的内容。请注意，您不能在一个部分中使用 HTML。但是围绕一个部分，允许使用HTML。

部分的正确格式为：

<b:section id=’ ‘ class=' ' maxwidgets=' ' showaddelement=' '>
<b:widget……../>
</b:section>
While the below format, will be considered Wrong:
<b:section id=' ' class=' ' maxwidgets=' ' showaddelement=' '>
<h1>Content heading</h>
<div>Content</div>
</b:section>

- 部分属性

您需要在节中指定以下属性。 id 是唯一必需的属性，而其他属性是可选的。

id – 它是用字母和只有数字。
class – 由常见的 classes 组成，例如“navbar”、“main”、 ”header,”‘页脚和‘侧边栏’。如果以后更改模板，这些将使您决定是否传输您的内容。如果愿意，您也可以使用其他 class 名称。
maxwidgets – 它限制了可以添加的小部件的最大数量添加到一个部分。
showaddelement – 由“是”或“否”值组成。 “是”是默认。这确定页面元素选项卡是否显示 ‘添加页面元素’link 或不。
增长——它可以是“水平的”或“垂直的”。 “垂直”是默认。这决定了 widgets 是排列 side-by-side 还是堆叠在一个部分中。

第 2 步：添加节的语法

<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
<b:section id="sidebar" class="sidebar" maxwidgets="" showaddelement="yes">
</b:section>
<b:section id='main' class='main' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
<b:section id='footer' class='footer' showaddelement="no">
<!-- Section contents -->
</b:section>

- 小部件

小部件是显示部分真实数据的主要部分。它用作占位符。 Section 仅定义布局元素。 Blogger 中提供了一些默认小部件。但是，您也可以创建自己的自定义小部件。

- 小部件属性

Widget 可以有很多属性。其中只有id和type是必填项，其他可选

id – 只能有字母和数字。每个小部件 ID 都是唯一的。小部件的 ID 只能通过删除小部件或创建小部件来更改一个新的小部件。
type – 它表示小部件的类型，可以有一个有效的下面列出的小部件类型

博客存档
博客
供稿
Header
HTML
单图
链表
列表
徽标
博客简介
导航栏
视频栏
新闻栏

locked – 它可以有一个“是”或“否”值。默认值为 '不'。您不能从页面移动或删除锁定的小部件元素选项卡。
title – 显示小部件的标题。如果没有指定，默认使用了诸如“List1”之类的标题。
pageType – 可以是“all”、“archive”、“main”或“item”。 “全部”是默认值。小部件将仅显示在指定页面上。
mobile – 可以是“是”、“否”或“默认”。它告诉一个小部件将是否在手机上显示。仅 Header、博客、个人资料、页面列表、 AdSense，如果设置为 Attribution 将显示在移动设备上 ‘默认。’

第 3 步：小部件语法

小部件包含在一个部分中。在部分中添加小部件的语法将有点像这样：

<b:section id="sidebar" class="sidebar" maxwidgets="" showaddelement="yes">
<b:widget id='CustomSearch1' title='Search' type='CustomSearch' locked='false'/>
<b:widget id='FollowByEmail1' title='Follow By Email' type='FollowByEmail' locked='false' />
<b:widget id='PopularPosts1' locked='false' title='Popular On Relatemein' type='PopularPosts'/>
<b:widget id='Label1' type='Label' locked='false' />
</b:section>

发件人：Blog TemplateToaster

备选方案

使用为您管理正确代码结构的软件。我知道这两个：TemplateToaster and Artisteer.
使用模板作为您想要的布局的基础创建。我通常这样做，因为它节省了很多时间，而且我只需要处理视觉部分并制作次要的结构变化。

如何通过编辑 blogspot html 代码制作一个完全空白的网站，以便我可以从头开始自定义整个网站？

How do I made a totally blank website by editing blogspot html code so that I can customize the whole website by scratch?

html

javascript

blogger

简答

完整答案

备选方案