某储备粮的“学习笔记” - 2012年3月

Typecho用Markdown编辑器

咳嗽di小鱼 — Sun, 18 Mar 2012 23:08:18 +0800

在网上找了下Typecho的Markdown插件, 有两个版本, 主要区别如下

明城制作的Markdown插件
- 浏览时转换Markdown=>HTML
- 数据库保存Markdown文本
ichuan制作的Markdown4TE
- 保存文章时转换Markdown=>HTML
- 数据库保存HTML文本

这两种实现都各有利弊, 我个人倾向于ichuan的做法.
原因无外乎, 能保持Typecho文章数据的一致性, 以前存HTML现在还是存HTML, 只是编辑的方式变了.

但ichuan的插件在用的时候不是那么顺利. 因为js放置的位置好像有些问题, 编辑器和预览99%的时候加载失败(Chrome 17). 预览界面的CSS定义也有些问题.

于是自己动手丰衣足食, 把成果po出来给和我碰到同样问题的朋友们.

保留了原插件的保存和读取部分
重新构造了编辑器部分
- 使用了和Stack Oveflow一样的最新PageDown编辑器
- 编辑器带实时效果预览
- 完整定义了各种格式的预览效果

Mar 19/2012 v0.2.1

修复了无法插入附件的BUG

下载

https://github.com/gregwym/Markdown4TE/zipball/master

Github

https://github.com/gregwym/Markdown4TE

有图有真相

效果展示部分

H1

H2

H3

strong text
emphasized text
strong & emphasized text

enter link description here

Blockquote

enter code here

List item
- List item

Trapecho - 基于Bootstrap的Typecho主题

咳嗽di小鱼 — Sat, 17 Mar 2012 23:00:44 +0800

之前的浮云主题也用了快一年了, 有些腻味.
主题本身也有很多问题, 比如代码质量不是很好, 主题的CSS对博客文章的Typography没有很规范的支持, 浮云比较吃CPU...

一直想换主题却没有找到好的. 最近对Bootstrap很是痴迷, 又有了点空闲, 就顺手仿着Bootstrap官网风格做了一个Typecho的主题.
自己觉得效果还不错, po出来给喜欢的朋友.

设计风格

黑白灰
简洁明了

特色功能

自动吸附顶端的导航栏
在各种设备上自适应显示 (如: iPhone/iPad)
侧栏的新浪微博展示插件
集成Google Code Prettify

应用的技术

Bootstrap + jQuery
HTML5 + CSS3
Responsive CSS

下载

~~下载我放在doLast.com上了, 点Download即可~~

~~http://dolast.com/pages/trapecho~~
https://github.com/gregwym/Trapecho/zipball/master

功能详解

新浪微博

在/admin/options-theme.php主题设置页中填入新浪微博的UID, 侧栏中就会显示新浪微博的插件.
在设置中删除UID号码并保存, 即可关闭插件

根据分辨率自适应布局

如果您在看我的博客, 现在把浏览器缩小就能看出效果.
在iPhone/iPad等移动设备上也能有很好的博客阅读体验
支持iOS的阅读器模式

侧栏可选项

显示最新文章
显示相关文章
显示最近回复
显示标签
显示分类
显示归档
显示友情链接(需要友情链接插件)
显示其它杂项

Google Code Prettify

为了统一主题风格, 也特别定义了代码的高亮方式, 如果有朋友不喜欢, 从footer.php最后删除和pre有关的几行JavaScript即可.

使用很简单, 展示大段的代码, 使用

将代码括住, 就会自动高亮, 语言类型自动识别.

比如,

int main(){
    cout << "Welcome to Trapecho" << endl;
    return 0;
}

更多使用方法请参考, google-code-prettify README

[Java]读取文件成字符串

咳嗽di小鱼 — Fri, 09 Mar 2012 22:49:35 +0800

String filename = "path/file.txt";
File file = new File(filename);
FileInputStream fileinput = new FileInputStream(file.getAbsolutePath());
int x = fileinput.available();
byte b[] = new byte[x];
fileinput.read(b);
String string = new String(b);
System.out.println(string);

开始实习以后, 真的没什么自己的时间了. 学到了不少东西, 但还是老样子, 自己摸索自己成长. 长篇的理论知识整理确实重要, 但这些代码片段, 在需要的时候也是实实在在能帮上忙的东西.

闲的时间少了, 估计以后这类东西会比较多吧...

参考源: http://mcoffe.blogbus.com/logs/22801413.html