V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wsph123
V2EX  ›  分享创造

可能是世界最快博客程序

  •  
  •   wsph123 ·
    itorr · 2014-01-03 17:36:48 +08:00 · 22707 次点击
    这是一个创建于 3959 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近在写的一个静态化博客程序,应该也不算是标题党?,求大家吐槽OAQ
    评论考虑了不少最后还是用的多说。
    文本数据库做的数据储存
    自己平时经常会拍照什么的,所以第一页是图墙,满页的图TvT

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

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

    ps:代码托管在hostker
    第 1 条附言  ·  2014-01-13 17:59:26 +08:00
    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
    前言好长,自从用上微博好久没写这么多字了(
    174 条回复    2020-09-25 10:22:37 +08:00
    1  2  
    baocaixiong
        1
    baocaixiong  
       2014-01-03 17:38:16 +08:00   ❤️ 1
    好快。。
    wsph123
        2
    wsph123  
    OP
       2014-01-03 17:39:37 +08:00
    @baocaixiong 谢谢>_< 新年快乐!
    wxstorm
        3
    wxstorm  
       2014-01-03 17:39:48 +08:00   ❤️ 1
    服务器好快
    wsph123
        4
    wsph123  
    OP
       2014-01-03 17:40:39 +08:00
    @wxstorm 正文感谢下代码托管TvT
    Admstor
        5
    Admstor  
       2014-01-03 17:44:09 +08:00   ❤️ 1
    有一个问题,文本数据库初期量少的时候的确傻快傻快的,以后如果数据量上去了,需要全文检索就吃瘪的吧...
    wsph123
        6
    wsph123  
    OP
       2014-01-03 17:48:01 +08:00
    @Admstor 按照现在的情况4位数文章应该是没什么问题,开工之前权衡了一下 满足自己的需求完全没问题 按照年份分开储存list.json 一年4位数文章想做到还是挺困难的
    dreampuf
        7
    dreampuf  
       2014-01-03 17:48:56 +08:00   ❤️ 1
    CDN 太强
    barretlee
        8
    barretlee  
       2014-01-03 17:51:32 +08:00   ❤️ 1
    sina图床吧
    Imivan
        9
    Imivan  
       2014-01-03 17:53:01 +08:00   ❤️ 1
    为嘛sina图床这么快。
    wsph123
        10
    wsph123  
    OP
       2014-01-03 17:54:43 +08:00   ❤️ 1
    @barretlee 是,后台是利用我之前写的 http://disu.sinaapp.com/ 的API 把微博当成图床
    sanddudu
        11
    sanddudu  
       2014-01-03 18:02:14 +08:00   ❤️ 1
    来顶卜卜菊苣
    wsph123
        12
    wsph123  
    OP
       2014-01-03 18:03:42 +08:00
    @sanddudu 谢谢箱子TvT
    barretlee
        13
    barretlee  
       2014-01-03 18:05:27 +08:00   ❤️ 1
    正在看楼主的作品,还真不少呢,赞!
    kstsca
        14
    kstsca  
       2014-01-03 18:05:36 +08:00   ❤️ 1
    确实蛮快的。。!
    shellcodecow
        15
    shellcodecow  
       2014-01-03 18:05:57 +08:00   ❤️ 1
    好好快。。
    wsph123
        16
    wsph123  
    OP
       2014-01-03 18:08:22 +08:00
    @barretlee 嘿嘿,开的坑特多、完善的倒是太少,谢谢鼓励>_<
    wsph123
        17
    wsph123  
    OP
       2014-01-03 18:08:49 +08:00
    @kstsca
    @shellcodecow
    OwQ 很快吧~
    aliuwr
        18
    aliuwr  
       2014-01-03 18:10:53 +08:00   ❤️ 1
    呀, 看头像就觉得是 卜卜口, 看了下账户名, 没认出来, 等到下面给出 URL, 恩, 就是你没跑了.
    momo5269
        19
    momo5269  
       2014-01-03 18:11:51 +08:00   ❤️ 1
    opera12.16有一个问题 ...点击后不能进入主题 右键新标签页没问题
    wsph123
        20
    wsph123  
    OP
       2014-01-03 18:12:33 +08:00
    @momo5269 Mark 这就debug!
    wsph123
        21
    wsph123  
    OP
       2014-01-03 18:13:16 +08:00
    @aliuwr 被认出来了OAQ
    kenzi
        22
    kenzi  
       2014-01-03 18:20:48 +08:00   ❤️ 1
    好快~
    loading
        23
    loading  
       2014-01-03 18:35:56 +08:00 via iPhone   ❤️ 1
    快在哪里?生成快?(除了这个,没意义吧,因为是静态的)

    还是使用json数据的关系?
    bingu
        24
    bingu  
       2014-01-03 18:47:49 +08:00
    的确狠快。
    bingu
        25
    bingu  
       2014-01-03 18:48:31 +08:00   ❤️ 1
    不过你还是标题党,世界最xxx都是标题党。
    wsph123
        26
    wsph123  
    OP
       2014-01-03 18:50:08 +08:00
    @loading 载入快?数据没什么额余? json只需要扔给浏览器,不需要临时生成
    yinxingren
        27
    yinxingren  
       2014-01-03 18:50:41 +08:00   ❤️ 1
    好快。。。
    wsph123
        28
    wsph123  
    OP
       2014-01-03 18:51:13 +08:00
    @kenzi 谢谢反馈OwQ
    @bingu 哈哈哈哈,标题党就标题党咯
    wenbinwu
        29
    wenbinwu  
       2014-01-03 18:53:01 +08:00   ❤️ 1
    不明觉厉
    wsph123
        30
    wsph123  
    OP
       2014-01-03 18:55:04 +08:00
    @yinxingren
    @wenbinwu 谢谢反馈OwQ
    Mihuwa
        31
    Mihuwa  
       2014-01-03 18:56:33 +08:00   ❤️ 1
    好快的速度
    yuankui
        32
    yuankui  
       2014-01-03 19:02:56 +08:00
    很快啊
    loading
        33
    loading  
       2014-01-03 19:03:04 +08:00 via iPhone   ❤️ 1
    lz说的是载入快?用sina图床当然载入快了
    没看代码,是从你的文本数据库生成json,然后页面异步载入吧?
    你大部分都是图,加上sina的大部分功劳,快!

    个人感觉没意思。
    loading
        34
    loading  
       2014-01-03 19:04:35 +08:00 via iPhone
    jekyll就能生成json,准备从farbox换回去。
    yangde100
        35
    yangde100  
       2014-01-03 19:08:31 +08:00   ❤️ 1
    高中毕业生我是来膜拜你的,想看你 喜欢cos角色照片和图~
    rqrq
        36
    rqrq  
       2014-01-03 19:11:37 +08:00   ❤️ 1
    lz用的什么相机?效果不错
    wsph123
        37
    wsph123  
    OP
       2014-01-03 19:17:20 +08:00
    @loading 相同的服务器、相同的网络环境,能做到比其他的博客程序快一些我觉得挺有意思的~
    @yangde100 哈哈哈我也去年刚刚高中毕业~能喜欢好高兴OwO
    wsph123
        38
    wsph123  
    OP
       2014-01-03 19:18:04 +08:00
    @rqrq 5d3 OwQ
    lizheming
        39
    lizheming  
       2014-01-03 19:20:37 +08:00   ❤️ 1
    @wsph123 我被 @yangde100 那句“想看你”陷入到深深的瞎想当中了,肿么破啊肉肉大神~
    wsph123
        40
    wsph123  
    OP
       2014-01-03 19:23:38 +08:00
    @lizheming 基佬你好TvT!
    Mutoo
        41
    Mutoo  
       2014-01-03 19:26:24 +08:00   ❤️ 1
    这域名差点看错了。
    wsph123
        42
    wsph123  
    OP
       2014-01-03 19:29:30 +08:00
    @Mutoo 哈哈,顺序换了一下
    dingyaguang117
        43
    dingyaguang117  
       2014-01-03 19:34:11 +08:00   ❤️ 1
    仔细看了一下,确实网络好快...
    wsph123
        44
    wsph123  
    OP
       2014-01-03 19:34:42 +08:00
    @dingyaguang117 嘿嘿,谢谢反馈OwQ
    yangde100
        45
    yangde100  
       2014-01-03 19:35:04 +08:00
    @wsph123 可能误解了 我不是高中毕业 先换一个话题,你玩cos吗?想看你照片 :) 我只能算半个萝莉控哦
    yingluck
        46
    yingluck  
       2014-01-03 19:35:24 +08:00   ❤️ 1
    好厉害 能不能讲一下关键技术 什么语言写的?
    Tink
        47
    Tink  
       2014-01-03 19:40:14 +08:00   ❤️ 1
    图片是瞬间出来的
    wsph123
        48
    wsph123  
    OP
       2014-01-03 19:42:05 +08:00
    @yangde100 好吧OwQ 我也是萝莉控,拍到的话会分享在微博或博客~
    @yingluck
    类似之前的静态化,这个是生成文章数据成json,访问的时候只需要把轻量的json扔给浏览器解析,所以载入文章速度会比普通的载入模式快不少,而且不需要后端语言运算,能做到在服务器这面的瓶颈都解决;然后载入给前端之后,前端会缓存起来,相同内容不会再重新载入,这样打开过一次再访问时的也基本就没了延迟~
    wsph123
        49
    wsph123  
    OP
       2014-01-03 19:42:35 +08:00
    @Tink 这个要感谢sina微博OwQ
    ffts
        50
    ffts  
       2014-01-03 19:50:52 +08:00   ❤️ 1
    确实好快,一下就打开了,没怎么感觉到加载的时间
    另外域名好棒,嗯嗯
    不过评论数量好像不太对?我看了几篇,底下的评论和显示的评论数都不太相符
    wsph123
        51
    wsph123  
    OP
       2014-01-03 19:55:13 +08:00
    @ffts 刚刚修复了OwO 这个是多说的bug
    ovear
        52
    ovear  
       2014-01-03 19:57:46 +08:00   ❤️ 1
    卜卜~知道我谁吗~

    其实这种纯ajax的博客的确挺不错,但是太依赖javascript了,而且一旦后端服务器出问题,给人造成的体验是很差的~参考ac大姨妈。。
    另外其实博客入库主要是用那堆附加功能TAT
    fgwww
        53
    fgwww  
       2014-01-03 19:57:48 +08:00   ❤️ 1
    好厉害。。。
    Benisme
        54
    Benisme  
       2014-01-03 19:59:17 +08:00   ❤️ 1
    opera12.16下点什么链接都没反应
    hugsky
        55
    hugsky  
       2014-01-03 20:02:44 +08:00   ❤️ 1
    开源么?
    dimpurr
        56
    dimpurr  
       2014-01-03 20:18:56 +08:00 via Android   ❤️ 1
    卜卜口菊苣一出来钓出好多熟人啊 …… 话说 Ajax + JSON 让我想到了某人 @JoyNeop
    wsph123
        57
    wsph123  
    OP
       2014-01-03 20:20:01 +08:00
    @ovear 当然记得,新年快乐~ 后端挂了确实无解! 其实好多附加功能不需要入库也能做到的,并不一定要放到后端才行OAQ
    @fgwww 谢谢鼓励OwQ
    @Benisme 努力debug中OAQ!
    @hugsky 觉得前端这种公开code的语言开源只能是噱头OAQ会考虑
    JoyNeop
        58
    JoyNeop  
       2014-01-03 20:23:06 +08:00   ❤️ 1
    @dimpurr 我感到了抢生意……
    wsph123
        59
    wsph123  
    OP
       2014-01-03 20:23:19 +08:00
    @dimpurr TvT谁是菊苣! 不常在v2ex混OAQ认识的人好少 @JoyNeop 是沈阳人?blog好高端完全看不懂OAQ
    ffts
        60
    ffts  
       2014-01-03 20:24:33 +08:00   ❤️ 1
    @wsph123 BUG修正也好快
    JoyNeop
        61
    JoyNeop  
       2014-01-03 20:25:01 +08:00   ❤️ 1
    https://github.com/JoyNeop/NeopBlog

    我们的想法是不是重合了……
    wsph123
        62
    wsph123  
    OP
       2014-01-03 20:25:35 +08:00
    @ffts 嘿嘿嘿,多谢反馈>_<!
    baskice
        63
    baskice  
       2014-01-03 20:28:03 +08:00   ❤️ 1
    wooow,真的好快啊
    wsph123
        64
    wsph123  
    OP
       2014-01-03 20:32:15 +08:00
    @JoyNeop
    试了一下demo,切换页面时页面整个重载;
    载入时调用的css和js和font文件在10个以上;
    博客数据储存在了json里,但对加载速度没太多优化;
    每次载入时get的url不一样index.html无法缓存。

    ajax过来json数据的意义不太清楚OAQ
    wsph123
        65
    wsph123  
    OP
       2014-01-03 20:32:34 +08:00
    @baskice 嘿嘿,谢谢反馈OwQ
    ovear
        66
    ovear  
       2014-01-03 20:33:54 +08:00   ❤️ 1
    新年快乐~QAQ其实全站ajax还有一个问题就是收录问题。有些奇葩搜索引擎对ajax的支持不太好
    wsph123
        67
    wsph123  
    OP
       2014-01-03 20:35:22 +08:00   ❤️ 1
    @ovear 嗯OAQ 这个无解,要么判断UA给爬虫一份html 要么放弃他们! 我选择了后面OwQ
    lizheming
        68
    lizheming  
       2014-01-03 20:49:18 +08:00   ❤️ 1
    @wsph123 肉肉大神表这么直白啦,伦家会不好意思哇( ⊙ _ ⊙ )

    @yangde100 肉肉大神是专业级别的cos摄影师,常年有各种萌系萝莉福利,想要福利的去关注他的微博吧!
    wsph123
        69
    wsph123  
    OP
       2014-01-03 20:53:00 +08:00
    @lizheming TvT 谢谢夸我!
    niko
        70
    niko  
       2014-01-03 21:16:03 +08:00
    果然不错,支持一下
    lizheming
        71
    lizheming  
       2014-01-03 21:20:38 +08:00
    @wsph123 这不是夸赞,这明明是如实陈述好不好!=w=
    wsph123
        72
    wsph123  
    OP
       2014-01-03 21:23:03 +08:00
    @niko 嘿嘿,谢谢支持!
    @lizheming OwO今年要拍更多萌妹
    3214668848
        73
    3214668848  
       2014-01-03 21:25:12 +08:00
    很赞啊,有源代码吗,话说没有框架好厉害,本来打算用angularjs来搞一个的。。。
    wsph123
        74
    wsph123  
    OP
       2014-01-03 21:28:07 +08:00
    @3214668848 谢谢夸奖~ 查看源代码看到的就是源代码OwQ 等能放出去的时候再提供整理好的程序,现在bug还不少。
    lizheming
        75
    lizheming  
       2014-01-03 21:29:48 +08:00   ❤️ 1
    @wsph123 加油啊肉肉大神,还要写更多代码啊,以及更多UI!!
    wsph123
        76
    wsph123  
    OP
       2014-01-03 21:32:25 +08:00
    @lizheming TvT懒得折腾
    3214668848
        77
    3214668848  
       2014-01-03 21:40:35 +08:00
    话说你是直接json里写博客,还是另用程序生成的json
    chairuosen
        78
    chairuosen  
       2014-01-03 21:44:06 +08:00
    为了丽女神也得回一个,挺快的.
    lizheming
        79
    lizheming  
       2014-01-03 21:45:02 +08:00
    @wsph123 我相信你会去的..加油=w=
    bcxx
        80
    bcxx  
       2014-01-03 21:49:04 +08:00
    进来观摩学习
    JoyNeop
        81
    JoyNeop  
       2014-01-03 21:59:45 +08:00
    @wsph123 因为 URL 是要仿 WordPress 那样用 ? 的参数而非 !# 这种…… 至于还 URL 不刷新整个页面这种高大上的黑科技还没来得及去学习 =。=
    wsph123
        82
    wsph123  
    OP
       2014-01-03 22:06:43 +08:00
    @3214668848 生成json,加载直接把生成好的.json 扔过去
    @chairuosen 嘿嘿嘿,EVA一生推~
    @lizheming TvT嗯!
    @bcxx 谢谢支持~
    @JoyNeop wordpress一般也只有伪静态无法工作才用?吧OAQ 刚把路,我们城市离的好近,我在沈阳!
    syveen
        83
    syveen  
       2014-01-03 22:18:10 +08:00
    怎么做好到的,能具体开个贴讲讲不~
    wsph123
        84
    wsph123  
    OP
       2014-01-03 22:21:54 +08:00
    @syveen 考虑写成文章总结!OwQ
    CRight
        85
    CRight  
       2014-01-03 22:30:30 +08:00 via Android   ❤️ 1
    ACG技术宅。
    shanks
        86
    shanks  
       2014-01-03 22:33:32 +08:00   ❤️ 1
    挺不错的设计和速度,CDN确实给力啊
    wsph123
        87
    wsph123  
    OP
       2014-01-03 22:37:06 +08:00
    @CRight
    @shanks 嘿嘿,CDN和代码托管来自hostker
    glume
        88
    glume  
       2014-01-03 22:37:57 +08:00
    看不懂日语。别扭。
    ewangke
        89
    ewangke  
       2014-01-03 23:01:14 +08:00 via iPhone
    我是来吐槽高中生的,老了
    RagnarokStack
        90
    RagnarokStack  
       2014-01-03 23:04:19 +08:00
    恩,我一定是来看cosplay,楼主好棒~\(≧▽≦)/~
    wsph123
        91
    wsph123  
    OP
       2014-01-03 23:08:38 +08:00
    @glume :)
    @ewangke 初中才是新锐
    @RagnarokStack 嘿嘿嘿>///<!能喜欢真好!
    haker
        92
    haker  
       2014-01-03 23:18:20 +08:00   ❤️ 1
    对搜索引擎不友好
    wsph123
        93
    wsph123  
    OP
       2014-01-03 23:23:04 +08:00   ❤️ 1
    @haker 等今后发布博客程序之前考虑给爬虫一份html
    nomaka
        94
    nomaka  
       2014-01-03 23:30:29 +08:00   ❤️ 1
    来来来 我借你台redis做存储
    hzlzh
        95
    hzlzh  
       2014-01-04 00:00:05 +08:00   ❤️ 1
    静态部署+CDN 就能打到秒开。

    另外一个给力的host服务也能秒开,比如使用 mthost.org 的木木同学的博客就是神速:
    不信自己点: http://immmmm.com/
    chairuosen
        96
    chairuosen  
       2014-01-04 00:29:02 +08:00
    @hzlzh 木木同学用的wp,受限于臃肿的wp,服务器的waiting将近1秒了
    samuel
        97
    samuel  
       2014-01-04 00:32:57 +08:00   ❤️ 1
    真是挺快的,少见的速度。。
    thinkxen
        98
    thinkxen  
       2014-01-04 00:34:40 +08:00
    @hzlzh MT也不行,毕竟是美国,速度差我的差远了~~~
    http://thinkweb.im/blog/ at HK
    wsph123
        99
    wsph123  
    OP
       2014-01-04 00:38:16 +08:00
    @hzlzh 挺快的,服务器不错、优化的也可以,但是每次点击都要整个页面重载、php运行时间过长拖了不少时间。
    @chairuosen wp真肿胀OAQ
    @samuel 谢谢夸奖OwQ
    @thinkxen 不错~
    chairuosen
        100
    chairuosen  
       2014-01-04 00:43:42 +08:00
    @thinkxen LS的DNS过期时间还有keep-alive时间太短了
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3462 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 00:16 · PVG 08:16 · LAX 16:16 · JFK 19:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.