天博体育APP下载网页版已使用Typecho

真是不疯魔不成活,又折腾了个遍,这次由ZblogPHP转为了Typecho,感觉简洁了好多。

从ZblogPHP转到Typecho,挺费劲的,没有现成的数据库转换工具,只能自己手动来改了,把原库的所有表导出来成excel格式的,然后查看TE表的结构,在excel里把原表对应的内容改title,重新排列,终于转换成了与Typecho一样的表结构。不过原来的标签倒的话太麻烦了,丢弃了,之后重新添加标签吧,反正文章不太多。

不过好的后端还要配上一个好的前端模板,网上发布的TE主题没有一个满意的,从用ZblogPHP修改别人主题时就产生了自己制作主题的想法,正好这次趁着换后台把前端也自己动手制作一下。这一阵断断续续的接触css、js等前端基础,总算学了个大概,但是区区在下的美学功底实在欠缺,没有什么好的创意,这时候想到异次元的界面挺舒服的,打算照猫画虎,但同时要做好自适应,毕竟手机浏览的情况也是很多的,就使用了bootstrap来减少开发时间。

html模板做好了,往php倒到一半的时候,可能看这个界面多了,越看越不耐看,十分想要做的简单同时又美观点,这时想到立云图志的模板很简洁漂亮,在用ZblogPHP的时候就曾请立云分享过他网站的模板,立云好不吝啬的分享了,很是感激,但是后来忙又没顾得研究他的模板,这次拿出来看了看,也比较好实现,就放弃了做了一多半的“异次元”,采用立云类型的单栏布局形式,吸取他站内的漂亮元素,也打造了一个单栏简洁版本TE模板,也是使用bootstrap来自适应的。(这个时候发现立云图志在改后台了,也转为了Typecho,同时模板也换了,用成了跟照片故事一样的主题。窃以为此主题不如原主题美观)

因为想采用七牛来存储图片、文件等静态文件,Typecho现成的插件又少的可怜,而且还有很大部分是旧版本的,在1.0版本就不好用甚至完全不能用了。就又花了点时间把需要的插件修修补补,做好了自己用。现在主要用到的插件有:

Qiniu File——这个用来替换系统原生的上传功能。

UEditor——因为Typecho原生的编辑器不太适应,还是想采用UEditor,管网给的插件是陈盛智发布的,从最近的一个版本来看,只支持了又拍云,没有七牛。参考了一下他的插件,发现也很好实现,自己去管网定制了一个简化版本的UEditor,然后套用他的插件引入,但是编辑器里的上传功能还是接入不到七牛。又找到了微度网络发布的支持七牛的版本,但是不是为Typecho适配的,就自己动手改了下。其中的一些细节和BUG也修复了下,将单图、多图、附件、视频等的上传全都适配到自己需要的功能。现在可以完美支持七牛了。

BaiduSubmit——老高写的百度结构化插件,可以使用。

HighSlide——羽中的图片弹出插件,很好用,还有相册功能,可扩展性非常强,并且可选包括七牛在内的云存储。

单栏主题用了两天,发现在自适应方面有些遗憾,单栏的小屏幕适应虽然好做,但是到大屏幕上就不好处理了,如果内容部分过宽不美观,过窄的话在大屏上又显的空空荡荡的,还是需要做分栏,就打算重新再写一个。

这时候看到了Abel的站,一下就觉得太适合自己了。没办法,自己没有创意,只能借鉴别人的精美设计了,但可惜他的站不是自适应的,手机等小屏幕还是没法适配。那就自己写吧,决定放弃使用bootstrap,它的代码量相对于我的需求来说有点臃肿了。照着Abel搬了两天,想要再某些地方改改,但是实在无从改起,我的审美水平是达不到人家的水准了,没法改的更精致,唯一欣慰的是,自己写的支持自适应了。而且各屏幕尺寸都有比较好的表现。

终于把让自己熬了几天的心头大石头放下了,轻松很多。剩下的把以前文章改改,现在这个前后端应该会用比较长的时间了吧。

评论一句
  • [点个赞]
  • [这真是极好的]
  • [朕知道了]
  • [不明觉厉]
  • [涨姿势]
  • [贱人就是矫情]
  • [也真是醉了]
  • [人艰不拆]
  • [你那么萌你家人造吗]
    1. 陌生人
      陌生人

      博主,请问这是什么主题?

      1. 天博体育APP下载网页版

        这是仿照别人的主题,自己修修改改做的。

    2. 今天不聊天

      [这真是极好的]

  • [点个赞]
  • [这真是极好的]
  • [朕知道了]
  • [不明觉厉]
  • [涨姿势]
  • [贱人就是矫情]
  • [也真是醉了]
  • [人艰不拆]
  • [你那么萌你家人造吗]
  • [微笑][大笑][撇嘴][酷][吐舌][眨眼][阴险][脸红][呆][尴尬][流汗][白眼][难过][生气][折磨][大哭][哭泣][叹气][举手][傲慢][惊恐][惊讶][震惊][拜托][闭嘴][恶魔][亲亲][飞吻][困][睡觉]