在 blogspot 中设定摘要功能
Blogspot 虽然很强大,可是默认支持的功能太少了,比如摘要,很常用的功能,可以在首页只显示博文的一部分,这样首页就可以显示更多的内容啦~可惜 Blogspot 默认不支持……
查了很多资料,还是没有找到比较完美的实现方法,我的博客现在使用的这种,原理是用 CSS 把多余的部分隐藏,也就是说,这样对于网页提速没有任何帮助。
网上有一种方法是修改帖子高度的,不过这样实现的效果虽然很整齐,但是有时会出现文字和图片显示一半的效果,个人不推荐这种方法。
下面说下我的做法(注意备份哦~):
1.熟练地进入后台,选择布局——修改HTML,在“扩展窗口小部件模板”前打勾。
2.找到这段代码:
<data:post.body>
修改为:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<br/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><strong>Read More...</strong></a>
<b:else/>
<data:post.title/>
</b:if>
</p>
</b:if>
3.在设置——格式设置——帖子模板中,加入以下内容:
<span class="fullpost"> </span>
4.以后发布帖子的时候,在<span class="fullpost">和</span>之外写摘要部分,在其之间写全文部分即可。
参考:http://free123456.blogspot.com/2007/01/blogger.html
无忧网络文章管理系统 真的很好用~
上次说到做网站,目前网站的情况是这样的,学院原来放网站的计算机被病毒挂了,汗……于是重新做一个。
手头上有原来网站的代码,无病毒版,我一看,觉得那网站被病毒挂掉真是天命使然……是我也忍不住想要痛扁做网页的人一顿……
于是赶快研究一下无忧的用法,一用之下真是太爽了!(我承认我现在还没有做动态整站的能力……)
清爽的管理页面:
简洁的网站界面,采用 Div + Css 架构,还有可爱的古乐兽,呃,是图像预览功能。
轻松把一段 HTML 保存为标签(类似 widget 的东西)。
静态生成页面,这样就不依赖 SQL Server 了,也不用每次跟人解释什么是数据库了。
文章发布页面,功能很全,所见即所得,以后管理方便。
总之,用这个系统快速搭建网站实在是方便极了,只要改改 CSS,把以前做过的标签一粘贴,一个新的网站就诞生了!实在是居家行凶、杀人放火、批量生成网站、骗取项目经费必备的利器啊!
(呵呵,实在是没有时间做网站了,否则也不会出此下策,有时间好好学学 PHP。)
使用 google-code-prettify 为 Blogspot 添加代码高亮
Blogspot本身没有代码高亮,pre标签只是一个摆设,对于经常要贴代码的人来说简直不可容忍,怎么办呢?
可以使用 google-code-prettify 为代码添加高亮,参见这里。
简单说下方法:
1.在 自定义-布局-修改模板HTML 中,<head>和</head>之间加入:
2.在把<body>改成
3.修在pre标签到你喜欢的样式,比如:
pre {
margin: 5px 20px;
border: 1px dashed #666;
padding: 5px;
background: #f8f8f8;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
4.现在可以在你的帖子里使用代码高亮了!在"修改Html"标签下:
print "Hello world!"
参考:http://edwin-chain.blogspot.com/2008/11/how-to-publish-source-code-in.html





