Blog Behind GFW: Blogger

显示标签为“Blogger”的博文。显示所有博文

2007年6月12日星期二

GFW再次发威

上星期GFW屏蔽了flickr,连keso都骂人了，还好我不大用flickr，对我影响不大。
今早发现www.behindgfw.com无法登录，ping ghs.google.com发现亦被屏蔽了，3个ip地址2个timed out，只剩一个72.14.207.121可用，不知道这点骨血可以苟活到几时。

update:下午4pm又解封了，不知道搞什么？

2007年6月1日星期五

ghs ip地址

发现在大陆ghs一般都是解析到64.233.179.121，做了一番功课，搜索到目前可见的ghs ip地址(来源1、2，Google未公布的就不知道了，如果有补充的请告诉我或者在评论里回帖，谢谢)，在封锁的时候也好换个地址。

64.233.179.121 resolves to hs-in-f121.google.com
72.14.207.121 resolves to eh-in-f121.google.com
66.249.81.121 resolves to bx-in-f121.google.com

其中64.和72.已经试验成功，66.249.等待域名解析中，不过估计问题不大。希望将来GFW不要全部封锁，也不希望GFW看见这篇文章。

2007年5月30日星期三

昨天刚说到买了一个域名，今天就有月光的消息说，Blogger自绑定域名解析服务器ghs解封了。所谓ghs即ghs.google.com，通过设置一个域名cname指向到ghs.google.com实现免费绑定你自己的域名，节约你购买空间的费用。

“最科学的说法是故障，最科幻的说法才是解封”，所有的域名全部通过ghs.google.com（64.233.179.121）解析，封锁是迟早难免的，如果可以自由挑选解析服务器也许能突破GFW。估计耍猴到差不多的时候还是一封，就像这两天的blogspot。反正这两天blogspot也不能访问就绑到www.BehindGFW.com了。

2007年4月26日星期四

Blogger：这是什么登录？

今天登录blogger跳出如下所示对话框：估计blogger在试验什么新功能或者被别人黑了，要不没事情改首页干吗啊？

请为位于http://www.blogger.com 的 http://www.blogger.com 输入用户名和密码

在feedburner里我将源设置为 http://behindgfw.blogspot.com/feeds/posts/default?orderby=published ，今天feedburner提示我找不到源feed，我试着打开上面的地址，结果出来“Too many instances of orderby”，不知道二者是否有联系？

2007年4月10日星期二

Blogspot和Google的ip地址

在前面文章《如何在GFW封锁下访问blogspot》、《GFW、TOR、自动代理配置脚本》里都介绍了如何运用自动代理配置脚本。下面这段代码在网上也广为流传：

function FindProxyForURL(url,host)
{if(dnsDomainIs(host, ".blogspot.com"))
{return "PROXY 72.14.219.190:80";
}}

呵呵，用的人多了，难免引起GFW的注意。
其实不仅仅72.14.219.190这个ip适用上面的代码，经测试其他未被gfwed的google ip地址都可以代替使用。为防患于未然，附录列出了一部分google服务器的ip地址，此ip地址段来自月光博客，在此谢过。点击下面的ip，只要可以打开Google主页的，都可以代入上面代码使用。

btw：自动代理配置脚本一般在firefox下地址应写成 file:///C:/proxy.pac ，而在ie下应写为file://C:\proxy.pac 。网上其他文章介绍时一般都只说明了firefox下如何设置，只字不提ie，你可不要弄错了哦。

附录：Google的IP地址一览表：

http://216.239.37.103	http://216.239.57.99	http://64.233.187.107
http://216.239.37.105	http://216.239.59.103	http://64.233.187.89
http://216.239.37.106	http://216.239.59.104	http://64.233.187.99
http://216.239.37.107	http://216.239.59.105	http://66.102.11.104
http://216.239.39.100	http://216.239.59.106	http://66.102.11.105
http://216.239.39.102	http://216.239.59.107	http://66.102.11.106
http://216.239.39.103	http://216.239.59.147	http://66.102.11.107
http://216.239.39.106	http://216.239.59.98	http://66.102.11.99
http://216.239.39.107	http://216.239.59.99	http://66.102.7.104
http://216.239.51.100	http://216.239.63.104	http://66.102.7.105
http://216.239.51.103	http://216.239.63.91	http://66.102.7.106
http://216.239.53.102	http://216.239.63.93	http://66.102.7.107
http://216.239.53.103	http://216.239.63.99	http://66.102.7.147
http://216.239.53.104	http://64.233.161.104	http://66.102.7.18
http://216.239.53.106	http://64.233.161.105	http://66.102.7.19
http://216.239.53.107	http://64.233.161.106	http://66.102.7.89
http://216.239.53.99	http://64.233.161.107	http://66.102.7.91
http://216.239.55.102	http://64.233.161.89	http://66.102.7.95
http://216.239.57.103	http://64.233.163.104	http://66.102.7.99
http://216.239.57.104	http://64.233.163.106	http://66.102.9.104
http://216.239.57.105	http://64.233.163.99	http://66.102.9.105
http://216.239.57.106	http://64.233.183.91	http://66.102.9.106
http://216.239.57.107	http://64.233.183.93	http://66.102.9.107
http://216.239.57.147	http://64.233.183.99	http://66.102.9.147
http://216.239.57.98	http://64.233.187.104	http://66.102.9.99

2007年4月5日星期四

Blogger模板添加Newsreel和Video Bar插件

Blogger上月末添加了两个插件：他们就是Newsreel和Video Bar。在Blogger模板页面元素里点击“添加页面元素”你就可以在弹出页的最上部看见这两个插件了。输入关键词，Newsreel会在Google News上筛选出你要看的新闻显示在你的blog上，Video Bar类似地在Google Video和YouTube里查找，特别是Video Bar点击后可以在文章上方即时观看非常方便有趣。

我在侧边栏也加了一个Video Bar，关键词为“internet censorship"，有兴趣的话点点看。

2007年1月10日星期三

不要使用blogger自己的编辑器

在编辑HTML时为了排版及阅读的方便经常会插入一些回车和空格，而回车和多余的空格一般都会被浏览器忽略，除非你使用<BR>和标记。使用<BR>标记可以创建换行符，这将在上一行的下面开始您的一个文本行，而不会插入一个空行，在开始段落之前创建一个空行使用<P>标记。要创建多个空格，在文本之间连续插入标记，浏览器会知道您想插入不间断的空格。

在blogger的格式设定中有”转换断行“选项：
如果选择了“是”，则在“文章编辑器”中所输入的单个回车会被博客中的单个 <br /> 标记替代，而两个硬回车会被两个标记 (<br /><br />) 替代，这同样适用于评论发表表单。而默认是打开的，这时候回车就会带来一定的麻烦，比如经常出现大面的空白行。而关闭选项也不是十分理想，以前的诸多文章都是在转换断行下写的，关闭之后会出现两段落合并在一起的情况，在文章中有大量代码的时候甚至出现无法阅读的情况，全部重新编辑一次工程量太大，只好作罢。所以在确定好模板、格式设定后就不应当随便转换以保证延续性。
让我重新选择一次的话，我觉得还是应该关闭选项和HTML保持一致。

书写代码时，单个<、>都可以输入，但是中间包含的html标记是就不行了，在blogger编辑器中无法直接输入html 标记，即便在撰写模式下不行，编辑器会将包含的所有标记转换为html语言，所有标记会自动执行。可以使用<替换<，>替换>，诸如 <head>就变成了 < head >。

看来在blogger自己的编辑器里是不能胜任这个工作了，我使用Google Docs & Spreadsheets 。

2007年1月4日星期四

Template of the New Blogger

Blogger已正式结束beta测试，迟疑再三终于升级到New blogger，不过Google Sitemaps在新版的blogger模板下使用“添加meta方式校验”时出现了点小问题：

XML error message: The element type "meta" must be terminated by the matching end-tag

旧版的blogger模板html代码看起来比较容易阅读，meta标记也比较容易确定添加在什么位置，而新版的blogger模板中因使用了网页栏目和窗口小部件甚至看起来不象html代码，头晕。注意你升级到New blogger后模板并不会自动升级，这时候你的模板还是你原来的模板，你还需要转换一次，在Template---->Customize你可以找到升级模板按纽，还真是麻烦，不过如果不升级旧模板你将不能使用诸如“所见即所得”的拖放特性。

模板的第一部分包含了xml语言声明：

<?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'>

第一行将文档声明为xml格式，第二行是html声明，第三行是xhtml声明给出了xml版本。

模板的第二部分包含了“head”的第一部分、meta标记和标题：

meta标记通知搜索引擎你的blog的主题、关键词，对于搜索引擎索引你的站点是非常必要的，在Dummies Guide to Google Blogger (Beta) 作者好象犯了一个小错误，标准html格式中meta应该放在标题<title>前面。

第三部分是模板的变量定义“Variable Definitions”，这里定义了“模板”选项下“字体和颜色”子选项中各页面元素的颜色：

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">

......

*/

CDATA段在这里开始用于将一个xml文件插入到另一个xml文件，CDATA段开始于<[CDATA]结束于with ]]>，用于使居于其中的语句规避XML解析规则，也就是说不可以将一个CDATA段插入到另一个CDATA 段。

第四部分是CSS定义：

/* Use this with templates/template-twocol.html */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

.....

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
</head>

注意CDATA段在这里结束于]]>。

第二、第三、第四部分组成了html文档的“head”。

第五部分是“body”

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Behind GFW (标题)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='博客文章' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
</b:section>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section>
</div>

</div></div> 
</body>
</html>

布局模板的 <body> 部分主要由网页栏目和窗口小部件组成。栏目用于划分网页的各个区，例如侧边栏、页脚等。窗口小部件是各种页面元素，例如图片、blogroll 或其他您想从"页面元素"标签中添加的任何元素。您可以在模板的栏目周围加入任何所需的 HTML 代码。

模板中的每个栏目都有一个起始标记和一个结束标记，看起来像这样：

<b:section id='header' class='header' maxwidgets="1" showaddelement="no"> </b:section>

事实证明，直接从"页面元素"标签中进行修改会更加简单，不过了解新模板的结构对我们的个性定制是很有帮助的。

参考阅读：
用于布局的页面元素标记
窗口小部件标记详述

顺便提下如何隐藏blogger上方的导航工具条(NavBar)：
隐藏Blogger导航工具条：在样式标记中间粘贴下面CSS定义：

#b-navbar {
height: 0px;
visibility: hidden;
display: none;
}

</style>

隐藏Blogger Beta (iframe)导航工具条：

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}