可能是世界最快博客程序

[wsph123]

最近在写的一个静态化博客程序，应该也不算是标题党？，求大家吐槽OAQ
评论考虑了不少最后还是用的多说。
文本数据库做的数据储存
自己平时经常会拍照什么的，所以第一页是图墙，满页的图TvT

不完善的东西好多OAQ
没有用到jQuery之类框架，图标也都是自己绘制，应该还有不少没发现的bug，

博客程序地址 http://i.mouto.org/

ps：代码托管在hostker

blog依旧持续更新中。
之前有评论求总结如何实现什么，终于抽时间把之前和之后的一些好像可以分享的总结了一下。

大概关于 静态化、JSON、hash、颗粒化 按需加载、重构、重用、缓存、多说、缓存外部数据、定时刷新、图标图像托管

妹blog近期的优化总结 2014 http://i.mouto.org/#!19d7b39

很久之前从 还在用yo2免费wordpress博客托管 时就有计划写个自己的blog程序，之后也确实写过了不少个不一样的雏形，类论坛、类微博、类轻博客、一句话、依托于浏览器的本地单页应用...等等等但每个最后都因为没法满足自己而废弃，所以这次在开始码代码之前企划的时候、做了很多前期准备，画了不少各式各样的想要的博客样式、画了不少常见的图标意义何在，最后还是有些用处的OAQ（比如保留很多绘图痕迹的难看的图标...

这次的新blog 代号 妹(imouto) ，是一切以速度、极简、效率为优先的一看就是程序员的博客程序。

托管选择了静态资源访问起来飞快的http://www.hostker.com/ 基友维护的比较安心OAQ不像某些App Engine有问题可以随时沟通，而且维护很勤快所以经常被攻击T_T
前言好长，自从用上微博好久没写这么多字了（

[baocaixiong]

好快。。

[wsph123]

@baocaixiong 谢谢>_< 新年快乐！

[wxstorm]

服务器好快

[wsph123]

@wxstorm 正文感谢下代码托管TvT

[Admstor]

有一个问题,文本数据库初期量少的时候的确傻快傻快的,以后如果数据量上去了,需要全文检索就吃瘪的吧...

[wsph123]

@Admstor 按照现在的情况4位数文章应该是没什么问题，开工之前权衡了一下 满足自己的需求完全没问题 按照年份分开储存list.json 一年4位数文章想做到还是挺困难的

[dreampuf]

CDN 太强

[barretlee]

sina图床吧

[Imivan]

为嘛sina图床这么快。

[wsph123]

@barretlee 是，后台是利用我之前写的 http://disu.sinaapp.com/ 的API 把微博当成图床

[sanddudu]

来顶卜卜菊苣

[wsph123]

@sanddudu 谢谢箱子TvT

[barretlee]

正在看楼主的作品，还真不少呢，赞！

[kstsca]

确实蛮快的。。！

[shellcodecow]

好好快。。

[wsph123]

@barretlee 嘿嘿，开的坑特多、完善的倒是太少，谢谢鼓励>_<

[wsph123]

@kstsca
@shellcodecow
OwQ 很快吧～

[aliuwr]

呀, 看头像就觉得是 卜卜口, 看了下账户名, 没认出来, 等到下面给出 URL, 恩, 就是你没跑了.

[momo5269]

opera12.16有一个问题 ...点击后不能进入主题 右键新标签页没问题

[wsph123]

@momo5269 Mark 这就debug!

[wsph123]

@aliuwr 被认出来了OAQ

[kenzi]

好快~

[loading]

快在哪里？生成快？（除了这个，没意义吧，因为是静态的）

还是使用json数据的关系？

[bingu]

的确狠快。

[bingu]

不过你还是标题党，世界最xxx都是标题党。

[wsph123]

@loading 载入快？数据没什么额余？ json只需要扔给浏览器，不需要临时生成

[yinxingren]

好快。。。

[wsph123]

@kenzi 谢谢反馈OwQ
@bingu 哈哈哈哈，标题党就标题党咯

[wenbinwu]

不明觉厉

[wsph123]

@yinxingren
@wenbinwu 谢谢反馈OwQ

[Mihuwa]

好快的速度

[yuankui]

很快啊

[loading]

lz说的是载入快？用sina图床当然载入快了
没看代码，是从你的文本数据库生成json，然后页面异步载入吧？
你大部分都是图，加上sina的大部分功劳，快！

个人感觉没意思。

[loading]

jekyll就能生成json，准备从farbox换回去。

[yangde100]

高中毕业生我是来膜拜你的，想看你 喜欢cos角色照片和图~

[rqrq]

lz用的什么相机？效果不错

[wsph123]

@loading 相同的服务器、相同的网络环境，能做到比其他的博客程序快一些我觉得挺有意思的～
@yangde100 哈哈哈我也去年刚刚高中毕业～能喜欢好高兴OwO

[wsph123]

@rqrq 5d3 OwQ

[lizheming]

@wsph123 我被 @yangde100 那句“想看你”陷入到深深的瞎想当中了，肿么破啊肉肉大神~

[wsph123]

@lizheming 基佬你好TvT！

[Mutoo]

这域名差点看错了。

[wsph123]

@Mutoo 哈哈，顺序换了一下

[dingyaguang117]

仔细看了一下，确实网络好快...

[wsph123]

@dingyaguang117 嘿嘿，谢谢反馈OwQ

[yangde100]

@wsph123 可能误解了 我不是高中毕业 先换一个话题，你玩cos吗？想看你照片 :) 我只能算半个萝莉控哦

[yingluck]

好厉害 能不能讲一下关键技术 什么语言写的？

[Tink]

图片是瞬间出来的

[wsph123]

@yangde100 好吧OwQ 我也是萝莉控，拍到的话会分享在微博或博客～
@yingluck
类似之前的静态化，这个是生成文章数据成json，访问的时候只需要把轻量的json扔给浏览器解析，所以载入文章速度会比普通的载入模式快不少，而且不需要后端语言运算，能做到在服务器这面的瓶颈都解决；然后载入给前端之后，前端会缓存起来，相同内容不会再重新载入，这样打开过一次再访问时的也基本就没了延迟～

[wsph123]

@Tink 这个要感谢sina微博OwQ

[ffts]

确实好快，一下就打开了，没怎么感觉到加载的时间
另外域名好棒，嗯嗯
不过评论数量好像不太对？我看了几篇，底下的评论和显示的评论数都不太相符

[wsph123]

@ffts 刚刚修复了OwO 这个是多说的bug

[ovear]

卜卜~知道我谁吗~

其实这种纯ajax的博客的确挺不错，但是太依赖javascript了，而且一旦后端服务器出问题，给人造成的体验是很差的~参考ac大姨妈。。
另外其实博客入库主要是用那堆附加功能TAT

[fgwww]

好厉害。。。

[Benisme]

opera12.16下点什么链接都没反应

[hugsky]

开源么？

[dimpurr]

卜卜口菊苣一出来钓出好多熟人啊 …… 话说 Ajax + JSON 让我想到了某人 @JoyNeop

[wsph123]

@ovear 当然记得，新年快乐～ 后端挂了确实无解！ 其实好多附加功能不需要入库也能做到的，并不一定要放到后端才行OAQ
@fgwww 谢谢鼓励OwQ
@Benisme 努力debug中OAQ！
@hugsky 觉得前端这种公开code的语言开源只能是噱头OAQ会考虑

[JoyNeop]

@dimpurr 我感到了抢生意……

[wsph123]

@dimpurr TvT谁是菊苣！ 不常在v2ex混OAQ认识的人好少 @JoyNeop 是沈阳人？blog好高端完全看不懂OAQ

[ffts]

@wsph123 BUG修正也好快

[JoyNeop]

https://github.com/JoyNeop/NeopBlog

我们的想法是不是重合了……

[wsph123]

@ffts 嘿嘿嘿，多谢反馈>_<!

[baskice]

wooow,真的好快啊

[wsph123]

@JoyNeop
试了一下demo，切换页面时页面整个重载；
载入时调用的css和js和font文件在10个以上；
博客数据储存在了json里，但对加载速度没太多优化；
每次载入时get的url不一样index.html无法缓存。

ajax过来json数据的意义不太清楚OAQ

[wsph123]

@baskice 嘿嘿，谢谢反馈OwQ

[ovear]

新年快乐~QAQ其实全站ajax还有一个问题就是收录问题。有些奇葩搜索引擎对ajax的支持不太好

[wsph123]

@ovear 嗯OAQ 这个无解，要么判断UA给爬虫一份html 要么放弃他们！ 我选择了后面OwQ

[lizheming]

@wsph123 肉肉大神表这么直白啦，伦家会不好意思哇( ⊙ _ ⊙ )

@yangde100 肉肉大神是专业级别的cos摄影师，常年有各种萌系萝莉福利，想要福利的去关注他的微博吧！

[wsph123]

@lizheming TvT 谢谢夸我！

[niko]

果然不错，支持一下

[lizheming]

@wsph123 这不是夸赞，这明明是如实陈述好不好！=w=

[wsph123]

@niko 嘿嘿，谢谢支持！
@lizheming OwO今年要拍更多萌妹

[3214668848]

很赞啊，有源代码吗，话说没有框架好厉害，本来打算用angularjs来搞一个的。。。

[wsph123]

@3214668848 谢谢夸奖～ 查看源代码看到的就是源代码OwQ 等能放出去的时候再提供整理好的程序，现在bug还不少。

[lizheming]

@wsph123 加油啊肉肉大神，还要写更多代码啊，以及更多UI！！

[wsph123]

@lizheming TvT懒得折腾

[3214668848]

话说你是直接json里写博客，还是另用程序生成的json

[chairuosen]

为了丽女神也得回一个，挺快的.

[lizheming]

@wsph123 我相信你会去的..加油=w=

[bcxx]

进来观摩学习

[JoyNeop]

@wsph123 因为 URL 是要仿 WordPress 那样用 ? 的参数而非 !# 这种…… 至于还 URL 不刷新整个页面这种高大上的黑科技还没来得及去学习 ＝。＝

[wsph123]

@3214668848 生成json，加载直接把生成好的.json 扔过去
@chairuosen 嘿嘿嘿，EVA一生推～
@lizheming TvT嗯！
@bcxx 谢谢支持～
@JoyNeop wordpress一般也只有伪静态无法工作才用？吧OAQ 刚把路，我们城市离的好近，我在沈阳！

[syveen]

怎么做好到的，能具体开个贴讲讲不~

[wsph123]

@syveen 考虑写成文章总结！OwQ

[CRight]

ACG技术宅。

[shanks]

挺不错的设计和速度，CDN确实给力啊

[wsph123]

@CRight √
@shanks 嘿嘿，CDN和代码托管来自hostker

[glume]

看不懂日语。别扭。

[ewangke]

我是来吐槽高中生的，老了

[RagnarokStack]

恩，我一定是来看cosplay，楼主好棒~\(≧▽≦)/~

[wsph123]

@glume ：）
@ewangke 初中才是新锐
@RagnarokStack 嘿嘿嘿>///<!能喜欢真好！

[haker]

对搜索引擎不友好

[wsph123]

@haker 等今后发布博客程序之前考虑给爬虫一份html

[nomaka]

来来来 我借你台redis做存储

[hzlzh]

静态部署+CDN 就能打到秒开。

另外一个给力的host服务也能秒开，比如使用 mthost.org 的木木同学的博客就是神速：
不信自己点： http://immmmm.com/

[chairuosen]

@hzlzh 木木同学用的wp,受限于臃肿的wp,服务器的waiting将近1秒了

[samuel]

真是挺快的，少见的速度。。

[thinkxen]

@hzlzh MT也不行，毕竟是美国，速度差我的差远了~~~
http://thinkweb.im/blog/ at HK

[wsph123]

@hzlzh 挺快的，服务器不错、优化的也可以，但是每次点击都要整个页面重载、php运行时间过长拖了不少时间。
@chairuosen wp真肿胀OAQ
@samuel 谢谢夸奖OwQ
@thinkxen 不错~

[chairuosen]

@thinkxen LS的DNS过期时间还有keep-alive时间太短了