K.I.S.S. – 简单哲学 Linux, Freedom, Arch, Python, Gtk+, C … Keep It Simple, Stupid!

26四/090

在 blogspot 中设定摘要功能

Blogspot 虽然很强大,可是默认支持的功能太少了,比如摘要,很常用的功能,可以在首页只显示博文的一部分,这样首页就可以显示更多的内容啦~可惜 Blogspot 默认不支持……
查了很多资料,还是没有找到比较完美的实现方法,我的博客现在使用的这种,原理是用 把多余的部分隐藏,也就是说,这样对于网页提速没有任何帮助。
网上有一种方法是修改帖子高度的,不过这样实现的效果虽然很整齐,但是有时会出现文字和图片显示一半的效果,个人不推荐这种方法。
下面说下我的做法(注意备份哦~):
1.熟练地进入后台,选择布局——修改HTML,在“扩展窗口小部件模板”前打勾。
2.找到这段代码:

<data:post.body>

修改为:

<b:if cond='data:.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

标签: , 没有评论
11三/090

无忧网络文章管理系统 真的很好用~

上次说到做网站,目前网站的情况是这样的,学院原来放网站的计算机被病毒挂了,汗……于是重新做一个。

手头上有原来网站的代码,无病毒版,我一看,觉得那网站被病毒挂掉真是天命使然……是我也忍不住想要痛扁做网页的人一顿……

于是赶快研究一下无忧的用法,一用之下真是太爽了!(我承认我现在还没有做动态整站的能力……)

清爽的管理页面:

5u_1.png

简洁的网站界面,采用 Div + 架构,还有可爱的古乐兽,呃,是图像预览功能。

5u_2.png

轻松把一段 HTML 保存为标签(类似 widget 的东西)。

5u_3.png

静态生成页面,这样就不依赖 SQL Server 了,也不用每次跟人解释什么是数据库了。

5u_4.png

文章发布页面,功能很全,所见即所得,以后管理方便。

5u_5.png

总之,用这个系统快速搭建网站实在是方便极了,只要改改 CSS,把以前做过的标签一粘贴,一个新的网站就诞生了!实在是居家行凶、杀人放火、批量生成网站、骗取项目经费必备的利器啊!
(呵呵,实在是没有时间做网站了,否则也不会出此下策,有时间好好学学 PHP。)

标签: , 没有评论
1三/092

使用 google-code-prettify 为 Blogspot 添加代码高亮

Blogspot本身没有代码高亮,pre标签只是一个摆设,对于经常要贴代码的人来说简直不可容忍,怎么办呢?
可以使用 google-code-prettify 为代码添加高亮,参见这里
简单说下方法:
1.在 自定义-布局-修改模板HTML 中,<head>和</head>之间加入:

<link href="prettify." type="text/" rel="stylesheet" /><script type="text/javascript" src="prettify.js"></script>

2.在把<body>改成

<body onload="prettyPrint()">

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"标签下:

<pre class="prettyprint">print "Hello world!"</pre>

参考:http://edwin-chain.blogspot.com/2008/11/how-to-publish-source-code-in.html