爱意满满的作品展示区。
wsph123

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

  •  3
     
  •   wsph123 ·
    itorr · Aug 30, 2014 · 14548 views
    This topic created in 4301 days ago, the information mentioned may be changed or developed.

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

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

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

    Demo http://mouto.sinaapp.com

    Supplement 1  ·  Dec 31, 2014
    学习了下如何使用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)
    107 replies    2014-12-31 17:50:27 +08:00
    1  2  
    WeberXie
        1
    WeberXie  
       Aug 30, 2014
    wsph123
        2
    wsph123  
    OP
       Aug 30, 2014
    @WeberXie 嘿嘿嘿>_<
    jkjoke
        3
    jkjoke  
       Aug 30, 2014
    不错,博客程序太多想找个轻便的
    winterx
        4
    winterx  
       Aug 30, 2014
    看到这个标题 我就想起之前有个文章“可能是世界最快博客程序”

    没想到还是po主。。。
    RIcter
        5
    RIcter  
       Aug 30, 2014
    菊苣肉肉QAQ
    wsph123
        6
    wsph123  
    OP
       Aug 30, 2014
    @jkjoke 等解决 wordpress/typecho 转移这里 就发布1.0!
    @winterx 哈哈哈哈 追求极简快速的轮子OAQ
    @RIcter 黑阔阔TAT
    Earthman
        7
    Earthman  
       Aug 30, 2014
    除了图片稍慢,其他倒是飞快,不过没有tag,分类等等。
    易用性上有所妥协。
    看楼主也写了好多年了,这些文章你都管理不?
    我也玩摄影,感觉对于这一块,Blog还是有所欠缺的
    Parallel
        8
    Parallel  
       Aug 30, 2014
    很赞。
    qiuai
        9
    qiuai  
    PRO
       Aug 30, 2014
    大赞.赶紧来一发~
    djyde
        10
    djyde  
       Aug 30, 2014
    94年,楼主,我95,求认识
    CRight
        11
    CRight  
       Aug 30, 2014 via iPad
    po主真是痴迷于acg啊。
    WindSays
        12
    WindSays  
       Aug 30, 2014
    @CRight 卜卜是摄影湿
    ilovehoo
        13
    ilovehoo  
       Aug 30, 2014
    很不错。。
    zinev
        14
    zinev  
       Aug 30, 2014
    那朵菊花转啊转
    Lentin
        15
    Lentin  
       Aug 30, 2014 via Android
    是缩略图吗…不建议直接上大图…
    moenayuki
        16
    moenayuki  
       Aug 30, 2014
    还是坚守静态 blog
    kookxiang
        17
    kookxiang  
       Aug 30, 2014
    SEO大丈夫么
    wsph123
        18
    wsph123  
    OP
       Aug 30, 2014
    @Earthman 因为是从wordpress转移过来的,所以封面图还是沿用之前写文章时留下的T……T
    这些文章都是从之前的wordpress博客转移的>_< 因为需要考虑兼容旧的wordpress数据 其实现在这个并不适合放照片,关于摄影 再小小推荐下还在跳票的妹blog http://i.mouto.org/ 模版上为照片做过优化(专门为了show照片OwQ)
    如何优雅的show照片也一直在追寻OAQ
    wsph123
        19
    wsph123  
    OP
       Aug 30, 2014
    @Parallel 谢谢!
    @qiuai 哈哈哈,谢谢>_<!
    @djyde 快来认识下>_<!
    @CRight 哈哈哈是呀
    @ilovehoo 谢谢!
    @WindSays 嘿嘿嘿
    @zinev 图片是之前旧博客外链各种图床,确实好慢T^T
    @Lentin 考虑把之前的旧图统一管理!
    wsph123
        20
    wsph123  
    OP
       Aug 30, 2014
    @moenayuki 静态博客的话 试一试 http://i.mouto.org ?更优雅的按需加载静态化博客OwQ
    wsph123
        21
    wsph123  
    OP
       Aug 30, 2014
    @kookxiang 类似的 SEO 解决方案的在这里 i.mouto.org 有尝试为 搜索引擎提供无ajax的html版本
    可以尝试修改本地UserAgent为 Baiduspider+(+http://www.baidu.com/search/spider.htm”) 重现
    icedx
        22
    icedx  
       Aug 30, 2014
    求Github 地址
    wsph123
        23
    wsph123  
    OP
       Aug 30, 2014
    @Earthman tag和分类这里精简成只有分类!后端有提供按照分类显示文章的json接口
    前端部分有部分细节需要斟酌,所以在Demo中暂时去掉了按照分类浏览这部分
    wsph123
        24
    wsph123  
    OP
       Aug 30, 2014
    @icedx 每次被问到github都吃瘪T^T 学习使用github列到todolist OAQ
    lizhijun
        25
    lizhijun  
       Aug 30, 2014
    竟然不是响应式的
    wsph123
        26
    wsph123  
    OP
       Aug 30, 2014
    @lizhijun 啊嘞,可以用 手机or平板 试试哟OwQ
    chinvo
        27
    chinvo  
       Aug 30, 2014
    看起來極贊,不知道有木有插件機制
    wsph123
        28
    wsph123  
    OP
       Aug 30, 2014
    @chinvo 有哒!
    类似这种
    [虾米音乐插入](http://i.mouto.org/#19uq74k)
    插件会在javascript层实现
    RyuZheng
        29
    RyuZheng  
       Aug 30, 2014
    不错不错,妹子心灵手巧啊,看来博客这东西其实想写每个人都可以写出来
    ichou
        30
    ichou  
       Aug 30, 2014
    看到同人祭很怨念呐~~~ 在成都呆这么久了,看到几次活动信息一次没去过 ヽ(≧Д≦)ノ 默默的去检查下相机发霉了没。。
    Blog 很赞啦~ 露珠加油
    PS: 妹Blog 是虾米? 表示很好奇
    ky1e
        31
    ky1e  
       Aug 30, 2014
    很好的程序,,,
    wsph123
        32
    wsph123  
    OP
       Aug 30, 2014
    @ichou 快拿起相机>_<!!!要是在成都上学就好了TAT
    哈哈哈哈,谢谢>_<!!

    妹Blog是另一个轻量快速的静态博客 Demo http://i.mouto.org/
    wsph123
        33
    wsph123  
    OP
       Aug 30, 2014
    @ky1e 谢谢OwQ
    wwqgtxx
        34
    wwqgtxx  
       Aug 30, 2014 via Android
    速度不错
    Exin
        35
    Exin  
       Aug 30, 2014
    博主好牛
    同龄人表示鸭梨很大
    另外,竟然是妹子?!
    seeker
        36
    seeker  
       Aug 30, 2014
    赞,楼主牛逼
    chinvo
        37
    chinvo  
       Aug 30, 2014
    @wsph123 JS 層插件點贊!
    wsph123
        38
    wsph123  
    OP
       Aug 30, 2014
    @wwqgtxx 感谢反馈OwQ
    @Exin 谢夸OAQ 并不是!
    @seeker 谢谢~
    @chinvo 嘿嘿嘿,感觉放在JS上跟优雅
    xjx0524
        39
    xjx0524  
       Aug 30, 2014
    这种风格很赞啊,有个问题查看具体文章之后只能后退返回列表么
    missdeer
        40
    missdeer  
       Aug 30, 2014
    这个demo真是快得不可思议啊!!
    wsph123
        41
    wsph123  
    OP
       Aug 30, 2014
    @xjx0524 谢谢夸奖>_< 返回首页可以点击页头logo 更推荐是使用浏览器自身的后退
    wsph123
        42
    wsph123  
    OP
       Aug 30, 2014
    @missdeer 嘿嘿嘿!目的是做最快的轮子!
    moenayuki
        43
    moenayuki  
       Aug 30, 2014
    @wsph123 ˊ _ >ˋ全是 CSS3 ……我不太喜欢太花的动画效果,感觉像是在炫技
    一个博客重要的是内容,展现形式是为内容服务的。我以文字为主,因此把最大空间让给正文。
    http://blog.nayuki.info
    coolcfan
        44
    coolcfan  
       Aug 30, 2014
    给我用!
    wsph123
        45
    wsph123  
    OP
       Aug 30, 2014
    @moenayuki 呃。整个blog关于CSS3的属性只有 border-radius transition @media
    如果这也算炫技,那也太low了 T^T

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

    PS:
    Markdown提前解析成html、模板部分无法复用的 jekyll 不是太优雅诶。
    wsph123
        46
    wsph123  
    OP
       Aug 30, 2014
    @coolcfan 好呀好呀>_<!啥时候快面个基OwQ!!
    coolcfan
        47
    coolcfan  
       Aug 30, 2014
    @wsph123 来市内喊我啊!
    xjoker
        48
    xjoker  
       Aug 30, 2014
    QAQ神一样的加载速度
    wsph123
        49
    wsph123  
    OP
       Aug 30, 2014
    @coolcfan 妥妥OwQ
    wsph123
        50
    wsph123  
    OP
       Aug 30, 2014
    @xjoker 嘿嘿嘿 >_<
    xjx0524
        51
    xjx0524  
       Aug 31, 2014
    另外问句楼主怎么学的前端,这块入门无力啊。。。
    wsph123
        52
    wsph123  
    OP
       Aug 31, 2014 via iPad
    @xjx0524 多看!多写!多尝试!
    GPU
        53
    GPU  
       Aug 31, 2014
    @wsph123 94,10月 .楼主你让我很羞愧.求认识?
    regmach
        54
    regmach  
       Aug 31, 2014
    好快啊啊啊
    成都的某大学吗?
    Comdex
        55
    Comdex  
       Aug 31, 2014 via Android
    求楼主指导前端
    wsph123
        56
    wsph123  
    OP
       Aug 31, 2014 via iPad
    @GPU 来认识呀OwQ qq [email protected]
    @regmach 感谢反馈Y(^_^)Y 残念OAQ 并没在成都,现在辽宁大连
    @Comdex 欢迎呀OwQ 有什么问题问我~
    typcn
        57
    typcn  
       Aug 31, 2014
    Wordpress 功能全文档多嘛, 用 Wordpress 再加全局纯静态缓存,评论用AJAX加载 ,就可以了。
    xuchkang171
        58
    xuchkang171  
       Aug 31, 2014
    Blog没有RSS么?TAT
    cismous
        59
    cismous  
       Aug 31, 2014
    好想参与进来呀
    wsph123
        60
    wsph123  
    OP
       Aug 31, 2014 via iPad
    @typcn 或许也是办法OwQ
    @xuchkang171 会增加!常用功能会有的!
    @cismous 欢迎呀!
    shyrz
        61
    shyrz  
       Aug 31, 2014
    mustache.js好评!
    卜菊苣已经弄了一个世界第一快的博客了,现在又来了第二快的,你让我们这些蒟蒻怎么活?(ノへ ̄、)
    我什么时候才能达到卜菊的水平...OvO
    wsph123
        62
    wsph123  
    OP
       Aug 31, 2014
    @Artotria 嗷嗷嗷嗷OAQ又黑我OAQ 标题明明是第二个可能是世界最快的博客程序OAQ
    shyrz
        63
    shyrz  
       Aug 31, 2014
    @wsph123 o(TヘTo)
    hging
        64
    hging  
       Aug 31, 2014
    轮滑。 求交往(虽然我知道你是个男的)。咩哈哈
    wsph123
        65
    wsph123  
    OP
       Aug 31, 2014
    @Earthman Demo更新了分类浏览OwQ!!
    http://mouto.sinaapp.com/#!c/code
    lovexisen
        66
    lovexisen  
       Aug 31, 2014
    怎么不说世界第二,亚洲第一好用的
    wsph123
        67
    wsph123  
    OP
       Aug 31, 2014
    @hging 哈哈哈来呀>_<
    ytf4425
        68
    ytf4425  
       Aug 31, 2014
    我说怎么这个博客……好像以前看到过!
    原来是mouto.org
    wsph123
        69
    wsph123  
    OP
       Aug 31, 2014
    @lovexisen 东半球根本容不下!QヘQ 细读标题其实说的是并列最快的第二个OwQ
    wsph123
        70
    wsph123  
    OP
       Aug 31, 2014
    @ytf4425 哈哈哈哈是的!从wordpress重构过来的!
    Pete
        71
    Pete  
       Aug 31, 2014
    卜卜菊苣还是东半球的第一菊苣 =.=
    Liebe
        72
    Liebe  
       Aug 31, 2014
    @djyde 我96....
    hjc4869
        73
    hjc4869  
       Aug 31, 2014
    资深ghost博客用户路过……
    wsph123
        74
    wsph123  
    OP
       Aug 31, 2014
    @Pete OAQ
    @Liebe 哈哈哈哈你好~
    @hjc4869 你好OwQ
    JamieSoung
        75
    JamieSoung  
       Aug 31, 2014
    98年的来认识一下楼主。
    wsph123
        76
    wsph123  
    OP
       Aug 31, 2014 via iPhone
    @JamieSoung 你好OwQ! 后生可畏!
    yinian1992
        77
    yinian1992  
       Aug 31, 2014
    @wsph123 你都不上 QQ 啊……
    wsph123
        78
    wsph123  
    OP
       Aug 31, 2014 via iPhone
    @yinian1992 酷爱面基OwQ!!乃在哪!
    akn8
        79
    akn8  
       Aug 31, 2014
    楼主的图片是放在sina cloud?
    coolcfan
        80
    coolcfan  
       Aug 31, 2014
    @wsph123 你有我电话号咩
    wsph123
        81
    wsph123  
    OP
       Aug 31, 2014 via iPhone
    @coolcfan 咩有惹!QQ上说!
    wsph123
        82
    wsph123  
    OP
       Aug 31, 2014 via iPhone
    @akn8 图片是放在新浪微博的,速度不太理想
    gejigeji
        83
    gejigeji  
       Aug 31, 2014
    @RyuZheng 你看错了 是个男生
    tumutanzi
        84
    tumutanzi  
       Aug 31, 2014
    确实够快。
    RyuZheng
        85
    RyuZheng  
       Aug 31, 2014
    @gejigeji 我错了,怪不得卤煮不愿理我O(∩_∩)O哈哈~楼主确实厉害,看他的那个list写了一堆
    wsph123
        86
    wsph123  
    OP
       Aug 31, 2014 via iPhone
    @gejigeji 哈哈哈哈
    @RyuZheng ಥ_ಥ被认错有点开心纠结半天要不要破坏形象(●°u°●)​ 」然后然后然后/////
    wsph123
        87
    wsph123  
    OP
       Aug 31, 2014 via iPhone
    @tumutanzi 嘿嘿嘿谢谢OwQ
    izoabr
        88
    izoabr  
       Aug 31, 2014
    很文艺的样子
    victor
        89
    victor  
       Aug 31, 2014
    最快的还是 jekyll 吧?
    wsph123
        90
    wsph123  
    OP
       Aug 31, 2014
    @izoabr 嘿嘿嘿
    @victor 即使用了sql的版本都有自信比它快~
    yinian1992
        91
    yinian1992  
       Aug 31, 2014
    @wsph123 还是先……上 QQ 说吧……
    coolcfan
        92
    coolcfan  
       Aug 31, 2014
    @wsph123 找你哪个qq……
    monet1314
        93
    monet1314  
       Sep 1, 2014
    这种Blog不支持RSS?@wsph123
    monet1314
        94
    monet1314  
       Sep 1, 2014
    上条没AT到,再来一次 @wsph123
    wsph123
        95
    wsph123  
    OP
       Sep 1, 2014 via iPhone
    @monet1314 肯定会支持的!
    yyy
        96
    yyy  
       Sep 2, 2014
    很好奇楼主是如何兼容原wordpress的数据的
    wsph123
        97
    wsph123  
    OP
       Sep 2, 2014 via iPhone
    @yyy 需要对数据进行转换
    onlyice
        98
    onlyice  
       Sep 5, 2014 via Android
    后生可畏。。
    wsph123
        99
    wsph123  
    OP
       Sep 6, 2014
    @onlyice OwQ
    9yu
        100
    9yu  
       Sep 14, 2014
    居然是多说,完全没看出来!
    1  2  
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1015 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 161ms · UTC 19:14 · PVG 03:14 · LAX 12:14 · JFK 15:14
    ♥ Do have faith in what you're doing.