ヾ(≧∇≦)〃第二个可能是世界最快博客

[wsph123]

趁着妹blog跳票，做了个普通一些的博客程序

定位是比 wordpress or typecho 更轻的用sql存储数据的blog

-模版使用 Mustache.js
-支持 Markdown
-支持代码高亮 CSS,HTML,JavaScript,PHP
-支持多用户
-支持分类
-原生评论系统

Demo http://mouto.sinaapp.com

学习了下如何使用git。。。。尝试开源了下～
——————————————————————



妹blog是一个 充分的利用缓存、模板、模块化、静态化 以及不同以往的框架结构 实现 快速、明确、极简 呈现内容为主的博客程序。


- **iTorr.JS** 框架
- **Q.JS** (依托iTorr.JS的前后端分离的单页路由)
- Markdown格式正文 (pagedown.js)
- 代码高亮 (highlight) CSS,HTML,JavaScript,PHP
- Mustache.js
- 多用户
- 分类
- 原生评论系统/多说评论（重封装）
- 拖拽图片即上传（免费图像托管）
- 新评论，微博私信提醒



##关于托管
妹Blog可以运行在支持 PHP MYSQL 环境的主机

>对于 [SAE](http://sae.sina.com.cn/) 以及 [Hostker](http://www.hostker.com/) 环境做了特殊支持，在这两个情况下只需要导入数据库结构即可完成配置


##博客设置

###安装博客
将 `数据库结构.sql` 导入到mysql
上传文件到SAE 或者hostker 以及其他服务器或代码托管

###如何在非SAE 以及非Hostker情况使用妹blog
修改 `mysql.class.php` 中的数据库信息 即可

###如何设置博客名称呀？
修改 `/index.html` 中的 `<title>` 以及 `<h1>` 标签即可完成设置

###如何修改添加删除博客用户
按照特定格式修改 `/inf.js` 中的 `INF.u` 即可

###如何修改文章分类，以及在页头的链接
按照特定格式修改 `/inf.js` 中的 `INF.c` 即可

###如何设置使用自带评论
修改 `/inf.js` 中的 `DS.id` 为空即可调用系统评论

###如何使用多说评论
修改 `/inf.js` 中的 `DS.id` 为你的多说ID（域名的自定义部分）

###如何使用评论提醒功能
修改 `/inf.js` 中的 `INF.wb_name` 为你的微博昵称



##演示地址

- [卜卜口](http://mouto.org)
- [脑洞の开无人能挡](http://imoe.in)

GIthub地址！！
https://github.com/itorr/imouto
https://github.com/itorr/imouto
https://github.com/itorr/imouto
https://github.com/itorr/imouto
https://github.com/itorr/imouto


为什么APPEND不支持Markdown OAQ

[WeberXie]

赞

[wsph123]

@WeberXie 嘿嘿嘿>_<

[jkjoke]

不错，博客程序太多想找个轻便的

[winterx]

看到这个标题 我就想起之前有个文章“可能是世界最快博客程序”

没想到还是po主。。。

[RIcter]

菊苣肉肉QAQ

[wsph123]

@jkjoke 等解决 wordpress/typecho 转移这里 就发布1.0！
@winterx 哈哈哈哈 追求极简快速的轮子OAQ
@RIcter 黑阔阔TAT

[Earthman]

除了图片稍慢，其他倒是飞快，不过没有tag，分类等等。
易用性上有所妥协。
看楼主也写了好多年了，这些文章你都管理不？
我也玩摄影，感觉对于这一块，Blog还是有所欠缺的

[Parallel]

很赞。

[qiuai]

大赞.赶紧来一发~

[djyde]

94年，楼主，我95，求认识

[CRight]

po主真是痴迷于acg啊。

[WindSays]

@CRight 卜卜是摄影湿

[ilovehoo]

很不错。。

[zinev]

那朵菊花转啊转

[Lentin]

是缩略图吗…不建议直接上大图…

[moenayuki]

还是坚守静态 blog

[kookxiang]

SEO大丈夫么

[wsph123]

@Earthman 因为是从wordpress转移过来的，所以封面图还是沿用之前写文章时留下的T……T
这些文章都是从之前的wordpress博客转移的>_< 因为需要考虑兼容旧的wordpress数据 其实现在这个并不适合放照片，关于摄影 再小小推荐下还在跳票的妹blog http://i.mouto.org/ 模版上为照片做过优化（专门为了show照片OwQ）
如何优雅的show照片也一直在追寻OAQ

[wsph123]

@Parallel 谢谢！
@qiuai 哈哈哈，谢谢>_<!
@djyde 快来认识下>_<!
@CRight 哈哈哈是呀
@ilovehoo 谢谢！
@WindSays 嘿嘿嘿
@zinev 图片是之前旧博客外链各种图床，确实好慢T^T
@Lentin 考虑把之前的旧图统一管理！

[wsph123]

@moenayuki 静态博客的话 试一试 http://i.mouto.org ？更优雅的按需加载静态化博客OwQ

[wsph123]

@kookxiang 类似的 SEO 解决方案的在这里 i.mouto.org 有尝试为 搜索引擎提供无ajax的html版本
可以尝试修改本地UserAgent为 Baiduspider+(+http://www.baidu.com/search/spider.htm”) 重现

[icedx]

求Github 地址

[wsph123]

@Earthman tag和分类这里精简成只有分类！后端有提供按照分类显示文章的json接口
前端部分有部分细节需要斟酌，所以在Demo中暂时去掉了按照分类浏览这部分

[wsph123]

@icedx 每次被问到github都吃瘪T^T 学习使用github列到todolist　OAQ

[lizhijun]

竟然不是响应式的

[wsph123]

@lizhijun 啊嘞，可以用 手机or平板 试试哟OwQ

[chinvo]

看起來極贊，不知道有木有插件機制

[wsph123]

@chinvo 有哒！
类似这种
[虾米音乐插入](http://i.mouto.org/#19uq74k)
插件会在javascript层实现

[RyuZheng]

不错不错，妹子心灵手巧啊，看来博客这东西其实想写每个人都可以写出来

[ichou]

看到同人祭很怨念呐~~~ 在成都呆这么久了，看到几次活动信息一次没去过 ヽ(≧Д≦)ノ 默默的去检查下相机发霉了没。。
Blog 很赞啦~ 露珠加油
PS: 妹Blog 是虾米？ 表示很好奇

[ky1e]

很好的程序，，，

[wsph123]

@ichou 快拿起相机>_<!!!要是在成都上学就好了TAT
哈哈哈哈，谢谢>_<!!

妹Blog是另一个轻量快速的静态博客 Demo http://i.mouto.org/

[wsph123]

@ky1e 谢谢OwQ

[wwqgtxx]

速度不错

[Exin]

博主好牛
同龄人表示鸭梨很大
另外，竟然是妹子?!

[seeker]

赞,楼主牛逼

[chinvo]

@wsph123 JS 層插件點贊！

[wsph123]

@wwqgtxx 感谢反馈OwQ
@Exin 谢夸OAQ 并不是！
@seeker 谢谢～
@chinvo 嘿嘿嘿，感觉放在JS上跟优雅

[xjx0524]

这种风格很赞啊，有个问题查看具体文章之后只能后退返回列表么

[missdeer]

这个demo真是快得不可思议啊！！

[wsph123]

@xjx0524 谢谢夸奖>_< 返回首页可以点击页头logo 更推荐是使用浏览器自身的后退

[wsph123]

@missdeer 嘿嘿嘿！目的是做最快的轮子！

[moenayuki]

@wsph123 ˊ _ >ˋ全是 CSS3 ……我不太喜欢太花的动画效果，感觉像是在炫技
一个博客重要的是内容，展现形式是为内容服务的。我以文字为主，因此把最大空间让给正文。
http://blog.nayuki.info

[coolcfan]

给我用！

[wsph123]

@moenayuki 呃。整个blog关于CSS3的属性只有 border-radius transition @media
如果这也算炫技，那也太low了 T^T

「博客重要的是内容，展现形式是为内容服务的。我以文字为主，因此把最大空间让给正文。」
这句话我也很认同 (≖ ‿ ≖)✧

PS:
Markdown提前解析成html、模板部分无法复用的 jekyll 不是太优雅诶。

[wsph123]

@coolcfan 好呀好呀>_<!啥时候快面个基OwQ!!

[coolcfan]

@wsph123 来市内喊我啊！

[xjoker]

QAQ神一样的加载速度

[wsph123]

@coolcfan 妥妥OwQ

[wsph123]

@xjoker 嘿嘿嘿 >_<

[xjx0524]

另外问句楼主怎么学的前端，这块入门无力啊。。。

[wsph123]

@xjx0524 多看！多写！多尝试！

[GPU]

@wsph123 94,10月 .楼主你让我很羞愧.求认识?

[regmach]

好快啊啊啊
成都的某大学吗?

[Comdex]

求楼主指导前端

[wsph123]

@GPU 来认识呀OwQ qq [email protected]
@regmach 感谢反馈Y(^_^)Y 残念OAQ 并没在成都，现在辽宁大连
@Comdex 欢迎呀OwQ 有什么问题问我～

[typcn]

Wordpress 功能全文档多嘛， 用 Wordpress 再加全局纯静态缓存，评论用AJAX加载 ，就可以了。

[xuchkang171]

Blog没有RSS么？TAT

[cismous]

好想参与进来呀

[wsph123]

@typcn 或许也是办法OwQ
@xuchkang171 会增加！常用功能会有的！
@cismous 欢迎呀！

[Artotria]

mustache.js好评！
卜菊苣已经弄了一个世界第一快的博客了，现在又来了第二快的，你让我们这些蒟蒻怎么活？(ノへ￣、)
我什么时候才能达到卜菊的水平...OvO

[wsph123]

@Artotria 嗷嗷嗷嗷OAQ又黑我OAQ 标题明明是第二个可能是世界最快的博客程序OAQ

[Artotria]

@wsph123 o(TヘTo)

[hging]

轮滑。 求交往（虽然我知道你是个男的）。咩哈哈

[wsph123]

@Earthman Demo更新了分类浏览OwQ！！
http://mouto.sinaapp.com/#!c/code

[lovexisen]

怎么不说世界第二，亚洲第一好用的

[wsph123]

@hging 哈哈哈来呀>_<

[ytf4425]

我说怎么这个博客……好像以前看到过！
原来是mouto.org

[wsph123]

@lovexisen 东半球根本容不下！QヘQ 细读标题其实说的是并列最快的第二个OwQ

[wsph123]

@ytf4425 哈哈哈哈是的！从wordpress重构过来的！

[Pete]

卜卜菊苣还是东半球的第一菊苣 =.=

[Liebe]

@djyde 我96....

[hjc4869]

资深ghost博客用户路过……

[wsph123]

@Pete OAQ
@Liebe 哈哈哈哈你好～
@hjc4869 你好OwQ

[JamieSoung]

98年的来认识一下楼主。

[wsph123]

@JamieSoung 你好OwQ！ 后生可畏！

[yinian1992]

@wsph123 你都不上 QQ 啊……

[wsph123]

@yinian1992 酷爱面基OwQ！！乃在哪！

[akn8]

楼主的图片是放在sina cloud？

[coolcfan]

@wsph123 你有我电话号咩

[wsph123]

@coolcfan 咩有惹！QQ上说！

[wsph123]

@akn8 图片是放在新浪微博的，速度不太理想

[gejigeji]

@RyuZheng 你看错了 是个男生

[tumutanzi]

确实够快。

[RyuZheng]

@gejigeji 我错了，怪不得卤煮不愿理我O(∩_∩)O哈哈~楼主确实厉害，看他的那个list写了一堆

[wsph123]

@gejigeji 哈哈哈哈
@RyuZheng ಥ_ಥ被认错有点开心纠结半天要不要破坏形象(●°u°●)​ 」然后然后然后/////

[wsph123]

@tumutanzi 嘿嘿嘿谢谢OwQ

[izoabr]

很文艺的样子

[victor]

最快的还是 jekyll 吧？

[wsph123]

@izoabr 嘿嘿嘿
@victor 即使用了sql的版本都有自信比它快～

[yinian1992]

@wsph123 还是先……上 QQ 说吧……

[coolcfan]

@wsph123 找你哪个qq……

[monet1314]

这种Blog不支持RSS？@wsph123

[monet1314]

上条没AT到，再来一次 @wsph123

[wsph123]

@monet1314 肯定会支持的！

[yyy]

很好奇楼主是如何兼容原wordpress的数据的

[wsph123]

@yyy 需要对数据进行转换

[onlyice]

后生可畏。。

[wsph123]

@onlyice OwQ

[9yu]

居然是多说，完全没看出来！