孟坤博客全新改版!

mengkun 20.4K 54

很久很久以前,就想要做一个属于自己的博客主题,现在终于了却了一桩心愿![aru_11]

为了做好这个主题,我作了大量的“调研”,仔细研究了很多优秀主题的设计并来了个“大整合” #(你懂的) ,最终呈现出了现在的样式。

正因为如此,你可以在现在的界面中发现下列这些主题的“影子” [aru_59]

PinghsuLoverMiragesAdamssmohantobNana……

除此之外,还使用了一些第三方开源的非常优秀的插件[aru_19]:

  • 评论框表情插件(jQuery-emoji):https://github.com/eshengsky/jQuery-emoji
  • 图片灯箱插件(fancyBox3):https://fancyapps.com/fancybox/3/
  • 自动隐藏页面元素插件(Headroom):http://wicky.nillia.ms/headroom.js/
  • 词云插件(wordcloud2):https://github.com/timdream/wordcloud2.js
  • pjax无刷新加载插件(instantclick):http://instantclick.io/(暂未启用)

嗯……还有呢……

评论框直接上传图片的功能由@卜卜口提供,标签大全的词云效果“灵感”来自于@Dron[aru_61]

向以上提到的 主题/项目/大佬 致敬![aru_50]

为什么改版

其实之前使用的 Nana 主题已经很不错了,功能基本满足了基本的需求。不过因为 Nana 的样式过于“大众脸”,不够年轻,不够个性,最关键的是不适合装逼!!于是乎就自己动手写了这个主题……

有哪些变化

之前 Nana 侧边栏感觉有点鸡肋,于是这个主题取消掉了侧边栏[aru_67]

之前博客的表情有点少,作为一名表情控,这是不能忍的!!于是,新主题集成了QQ、微博、贴吧三大社交平台的小表情,并加入了全套的阿鲁表情包!这下感觉够用了[aru_22]

(表情虽多,但解析全部在前端完成,因此不会占用服务器资源![wb_dog9])

之前的“吐槽”功能因为技术有限,没能加上点赞与评论的功能,这次顺手也给加上了!今后,一些发牢骚的话都会发在吐槽中,尽量少出现在博文中[aru_33]

之前的评论框要插入图片只能通过输入外链的方式,him不方便!花了点时间,把微博图床给整合过来了!传图插图一气呵成,爽![aru_67](创意来自 @龙笑天下

总的来说,新的主题遵循“简洁但不简单”的原则,在做到极度精简的前提下,该有的功能都有!虽然还是有一些地方没有达到预想的效果,但个人看来已经相当完美了[wb_miao]

当然,因为个人技术有限,可能新的主题在浏览中会产生一些问题。如果各位有遇到,可以在下方留言板告诉我[aru_19]

当然,有什么好的建议也可以跟我提[aru_12]

孟坤博客历代变迁一览

孟坤博客自创立至今,一共使用过四套主题!

第一套主题 2016/2/20~2016/2/22

也是孟坤博客最初的样子,第一个主题自然是 wordpress 自带的[wb_挤眼] 当时是介个样子滴:(点击查看大图,下同)

孟坤博客全新改版!

最开始的样子

第二套主题 2016/2/22~2016/11/22

第二套主题用的是 frontopen2,当时觉得这个主题超强大,于是就毫不犹豫地换上了#(勉强)

孟坤博客全新改版!

第二套主题

第三套主题 2016/11/22~2017/12/17

一次偶然的机会,看到了 Nana 主题,感觉界面很清新,很给力![aru_53]也正是用了这套主题,博客的人气逐渐大了起来[aru_56]

孟坤博客全新改版!

第三套主题

第四套主题 2017/12/17~

自己写的第一套主题!全新的主题,全新的开始![aru_147]

孟坤博客全新改版!

新的主题

后记

本来说好的新主题要启用 pjax 的,写主题时也作了大量兼容处理,并在测试服务器上试了也没什么问题,结果一放上来还是产生了很多坑[aru_39]偷个懒干脆取消了这个功能……嗯……感觉顿时世界都清净了[aru_149]等到今后解决了这些坑再重新启用 pjax 吧[aru_154]

发表评论 取消回复
表情 图片 链接 代码

  1. mengkun
    mengkun 站长

    WordPress 简约主题 mkBlog(本站同款主题)正式开售!戳我购买

  2. 王商博客
    王商博客 Lv 1

    这个主题真的不要太赞,我也想写个自己的主题可惜没有那个技术。

  3. 明月清风
    明月清风 Lv 4

    nana主题的懿古今,真的很不错的boke112都搞得很好!

  4. 爱物说说
    爱物说说 Lv 1

    以前主题电脑端大气很重要,以前感觉别人能投稿很重要,到了现在感觉pc端不如移动端,别人在也不会在小站投稿所以自己更新很重要。( 种植技术

  5. tangniannian
    tangniannian Lv 1

    [aru_31]这个主题不要太棒

  6. flight
    flight Lv 1

    很好,都很漂亮的

  7. 皮皮
    皮皮 Lv 1

    评论框做得很漂亮

  8. 岁月小屋
    岁月小屋 Lv 1

    很喜欢博主现在这套主题,之前就是用的Pinghsu 后来因为程序换成wordpress就没在用了,等待博主开源。

    • mengkun
      mengkun 站长

      @岁月小屋wp有一个Pinghsu的移植版,详见http://ztmao.com/bokezhuti/2727.html

  9. hylsy
    hylsy Lv 1

    等大佬开源

  10. PrajnaSmoke
    PrajnaSmoke Lv 1

    [aru_22] 音乐播放器非常漂亮,果断就采用了。

  11. 是是是
    是是是 Lv 1

    OCR不能用了?大神

    • mengkun
      mengkun 站长

      @是是是感谢提醒,已修复![aru_51]

  12. 小白-白
    小白-白 Lv 2

    #[滑稽]表情控+1

  13. 王大佬
    王大佬 Lv 1

    等大佬开源

  14. s
    s Lv 1

    博主,你的音乐tool不能用了

    • mengkun
      mengkun 站长

      @s之前在维护服务器。现在应该恢复了

  15. 懿古今
    懿古今 Lv 1

    玩独立博客最大的乐趣就是折腾主题,越折腾就会越符合自己的心意,加油

    • mengkun
      mengkun 站长

      @懿古今[aru_53]多亏了你的 Nana!在里面学到了 WordPress 主题的基本写法和文件结构[wb_挤眼]

  16. 小铭博客
    小铭博客 Lv 2

    找个解析接口站,结果出现一个不认识的博客[aru_15]

  17. 聆听
    聆听 Lv 1

    #[滑稽]#(滑稽)滑稽控表示非常满意

  18. 龙笑天
    龙笑天 Lv 3

    非常屌啊,简洁大气!#(太开心) 我也是表情控,在考虑是否启用你这个评论表情~

    • mengkun
      mengkun 站长

      @龙笑天应该有很多人都喜欢这个表情功能 [aru_88] 我待会把这个表情插件连同表情包一同打包发出来[wb_doge]

      • 龙笑天
        龙笑天 Lv 3

        @mengkun[wb_花心] 前排吃瓜支持~~

  19. 天地
    天地 Lv 1

    十分感谢您的音乐开源代码!!!

  20. 活着
    活着 Lv 1

    我是自学的到底该怎么弄我的网站啊
    我感觉我现在的网站无法入手了
    我不知道下一步该怎么整了
    求教啊 我该怎么弄啊?
    我用wordpress不会弄(跟着视频教程弄都出错)
    用dedecms不会弄(跟着视频教程弄也会出错)
    只好又弄回纯代码了(代码也是我东拼西凑改成的)
    可惜我自学的啊 那些后台的东西太复杂了 搞不懂啊
    我该怎么办啊 我也想要有个后台啊[aru_15]
    我的小站

  21. 宁迂
    宁迂 Lv 1

    厉害了我的哥[aru_65]

  22. 北海
    北海 Lv 3

    如果你开始销售主题那么我将会是第一个顾客[坏笑]

    • mengkun
      mengkun 站长

      @北海自用主题,不打算放出来[aru_43]
      如果喜欢这种风格,可以使用 Pinghsu 主题https://www.linpx.com/
      (我就是模仿的他的前端)

  23. 现实君
    现实君 Lv 3

    厉害了...我滴锅...一进来还以为进错了...

    • mengkun
      mengkun 站长

      @现实君感觉怎么样?[aru_13]

      • 现实君
        现实君 Lv 3

        @mengkun还阔以..就像你主题原则...简洁不简单...手机上效果好一点..

  24. 木一
    木一 Lv 4

    干净整洁,看着很舒服[aru_1][aru_2][aru_3]表情66666

  25. 雨夜
    雨夜 Lv 1

    这个不就是Linpx嘛 https://www.linpx.com/

    • mengkun
      mengkun 站长

      @雨夜风格上确实模仿了 Linpx 的 Pinghsu 主题,但代码都是自己写的[aru_62] (文中有说明[aru_61])

  26. 甲网
    甲网 Lv 1

    主题不错,干净整洁,求分享![aru_31]

  27. 小花
    小花 Lv 1

    还可以

  28. 好运来
    好运来 Lv 1

    有点不习惯,还以为走错了地方[aru_2]

  29. 广元巴士
    广元巴士 Lv 5

    龟速依旧,叫我说你啥好呢[aru_6]

  30. 广元巴士
    广元巴士 Lv 5

    就不告诉你,就不告诉你[aru_39]

分享