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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3736 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

Demo http://mouto.sinaapp.com

第 1 条附言 · 2014-12-31 17:47:24 +08:00

学习了下如何使用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)

第 2 条附言 · 2014-12-31 17:49:55 +08:00

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

Typecho

Markdown

模版

107 条回复 • 2014-12-31 17:50:27 +08:00

1 2

❮

❯

WeberXie

2014-08-30 17:56:26 +08:00

wsph123

2014-08-30 17:59:04 +08:00

@WeberXie 嘿嘿嘿>_<

jkjoke

2014-08-30 18:03:03 +08:00

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

winterx

2014-08-30 18:05:29 +08:00

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

没想到还是po主。。。

RIcter

2014-08-30 18:14:58 +08:00

菊苣肉肉QAQ

wsph123

2014-08-30 18:18:15 +08:00

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

Earthman

2014-08-30 18:30:54 +08:00

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

Parallel

2014-08-30 18:31:46 +08:00

很赞。

qiuai

2014-08-30 18:40:49 +08:00

大赞.赶紧来一发~

djyde

2014-08-30 18:51:11 +08:00

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

CRight

2014-08-30 18:54:43 +08:00 via iPad

po主真是痴迷于acg啊。

WindSays

2014-08-30 18:58:49 +08:00

@CRight 卜卜是摄影湿

ilovehoo

2014-08-30 19:01:32 +08:00

很不错。。

zinev

2014-08-30 19:17:18 +08:00

那朵菊花转啊转

Lentin

2014-08-30 19:28:04 +08:00 via Android

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

moenayuki

2014-08-30 19:31:58 +08:00

还是坚守静态 blog

kookxiang

2014-08-30 19:33:46 +08:00

SEO大丈夫么

wsph123

2014-08-30 19:34:54 +08:00

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

wsph123

2014-08-30 19:36:51 +08:00

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

wsph123

2014-08-30 19:37:55 +08:00

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

wsph123

2014-08-30 19:40:42 +08:00

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

icedx

2014-08-30 19:41:59 +08:00

求Github 地址

wsph123

2014-08-30 19:45:33 +08:00

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

wsph123

2014-08-30 19:51:36 +08:00

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

lizhijun

2014-08-30 20:10:44 +08:00

竟然不是响应式的

wsph123

2014-08-30 20:11:50 +08:00

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

chinvo

2014-08-30 20:12:23 +08:00

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

wsph123

2014-08-30 20:18:38 +08:00

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

RyuZheng

2014-08-30 20:43:28 +08:00

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

ichou

2014-08-30 21:00:15 +08:00

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

ky1e

2014-08-30 21:09:13 +08:00

很好的程序，，，

wsph123

2014-08-30 21:12:50 +08:00

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

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

wsph123

2014-08-30 21:16:30 +08:00

@ky1e 谢谢OwQ

wwqgtxx

2014-08-30 21:53:56 +08:00 via Android

速度不错

Exin

2014-08-30 22:41:48 +08:00

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

seeker

2014-08-30 22:44:23 +08:00

赞,楼主牛逼

chinvo

2014-08-30 22:54:02 +08:00

@wsph123 JS 層插件點贊！

wsph123

2014-08-30 23:05:01 +08:00

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

xjx0524

2014-08-30 23:08:11 +08:00

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

missdeer

2014-08-30 23:11:39 +08:00

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

wsph123

2014-08-30 23:14:06 +08:00

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

wsph123

2014-08-30 23:14:31 +08:00

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

moenayuki

2014-08-30 23:17:32 +08:00

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

coolcfan

2014-08-30 23:23:30 +08:00

给我用！

wsph123

2014-08-30 23:27:06 +08:00

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

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

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

wsph123

2014-08-30 23:27:57 +08:00

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

coolcfan

2014-08-30 23:30:48 +08:00

@wsph123 来市内喊我啊！

xjoker

2014-08-30 23:32:34 +08:00

QAQ神一样的加载速度

wsph123

2014-08-30 23:32:48 +08:00

@coolcfan 妥妥OwQ

wsph123

2014-08-30 23:33:08 +08:00

@xjoker 嘿嘿嘿 >_<

xjx0524

2014-08-31 00:17:45 +08:00

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

wsph123

2014-08-31 00:38:23 +08:00 via iPad

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

GPU

2014-08-31 01:00:03 +08:00

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

regmach

2014-08-31 01:00:48 +08:00

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

Comdex

2014-08-31 01:20:10 +08:00 via Android

求楼主指导前端

wsph123

2014-08-31 01:24:53 +08:00 via iPad

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

typcn

2014-08-31 01:37:25 +08:00

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

xuchkang171

2014-08-31 02:03:26 +08:00

Blog没有RSS么？TAT

cismous

2014-08-31 02:05:48 +08:00

好想参与进来呀

wsph123

2014-08-31 08:20:55 +08:00 via iPad

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

Artotria

2014-08-31 09:02:01 +08:00

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

wsph123

2014-08-31 09:08:36 +08:00

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

Artotria

2014-08-31 09:18:28 +08:00

@wsph123 o(TヘTo)

hging

2014-08-31 10:05:29 +08:00

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

wsph123

2014-08-31 10:12:01 +08:00

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

lovexisen

2014-08-31 10:12:44 +08:00

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

wsph123

2014-08-31 10:13:06 +08:00

@hging 哈哈哈来呀>_<

ytf4425

2014-08-31 10:13:51 +08:00

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

wsph123

2014-08-31 10:14:34 +08:00

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

wsph123

2014-08-31 10:15:02 +08:00

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

Pete

2014-08-31 10:42:49 +08:00

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

Liebe

2014-08-31 11:22:02 +08:00

@djyde 我96....

hjc4869

2014-08-31 11:26:23 +08:00

资深ghost博客用户路过……

wsph123

2014-08-31 11:35:12 +08:00

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

JamieSoung

2014-08-31 12:17:02 +08:00

98年的来认识一下楼主。

wsph123

2014-08-31 12:31:25 +08:00 via iPhone

@JamieSoung 你好OwQ！后生可畏！

yinian1992

2014-08-31 14:02:27 +08:00

@wsph123 你都不上 QQ 啊……

wsph123

2014-08-31 14:40:44 +08:00 via iPhone

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

akn8

2014-08-31 15:28:11 +08:00

楼主的图片是放在sina cloud？

coolcfan

2014-08-31 15:40:31 +08:00

@wsph123 你有我电话号咩

wsph123

2014-08-31 17:08:27 +08:00 via iPhone

@coolcfan 咩有惹！QQ上说！

wsph123

2014-08-31 17:23:33 +08:00 via iPhone

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

gejigeji

2014-08-31 17:27:44 +08:00

@RyuZheng 你看错了是个男生

tumutanzi

2014-08-31 17:30:23 +08:00

确实够快。

RyuZheng

2014-08-31 17:37:57 +08:00

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

wsph123

2014-08-31 18:09:54 +08:00 via iPhone

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

wsph123

2014-08-31 18:10:32 +08:00 via iPhone

@tumutanzi 嘿嘿嘿谢谢OwQ

izoabr

2014-08-31 19:18:24 +08:00

很文艺的样子

victor

2014-08-31 19:19:27 +08:00

最快的还是 jekyll 吧？

wsph123

2014-08-31 19:28:22 +08:00

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

yinian1992

2014-08-31 19:41:35 +08:00

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

coolcfan

2014-08-31 20:31:38 +08:00

@wsph123 找你哪个qq……

monet1314

2014-09-01 10:12:52 +08:00

这种Blog不支持RSS？@wsph123

monet1314

2014-09-01 10:13:30 +08:00

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

wsph123

2014-09-01 10:26:48 +08:00 via iPhone

@monet1314 肯定会支持的！

yyy

2014-09-02 13:18:15 +08:00

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

wsph123

2014-09-02 15:10:47 +08:00 via iPhone

@yyy 需要对数据进行转换

onlyice

2014-09-05 10:02:02 +08:00 via Android

后生可畏。。

wsph123

2014-09-06 23:14:09 +08:00

@onlyice OwQ

100

9yu

2014-09-14 22:07:05 +08:00

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

1 2

❮

❯