深度二次开发小站展示

秀出你自己的博客
回复
dujun
帖子: 4
注册时间: 2017年 3月 22日 22:25
联系:

深度二次开发小站展示

帖子 dujun »

演示地址: https://dujun.io

博客系统基于 typecho 修改,所以在此回馈一下吧。

博客模版基于 maupassant 修改,因为喜欢极简风。

1.png
1.png (304.14 KiB) 查看 7921 次

WX20170322-223436@2x.png
[email protected] (82.11 KiB) 查看 7921 次

2.png
2.png (220.8 KiB) 查看 7921 次


做了深度二次开发,视频截图等需要服务器安装扩展,所以也没法分享了。


说几个要点吧:

1. 原模版个人感觉不舒服的地方做了像素级调整,加了一些动态交互

2. 文章摘要按最接近的段落截断,避免截在中间导致一句话不完整

3. 支持静态图、gif 和 mp4 文件,自动生成缩略图,对应手机端和电脑端两套缩略图

4. 静态图做了懒加载和缩放,上传后自动旋转(手机拍摄的图片存在旋转问题)

5. gif 解析成 [动图] 形式,点击后播放

6. mp4 解析成 [短片] 形式,点击后播放;上传后自动旋转

7. 主标题等用了字体子集

8. 全站用了中英文排版格式化,即汉字和英文、数字、标点之间增加空格,方便阅读

9. 做了特殊分类,放宝宝日记(每天照片),在首页只显示最新一张

10. 有新评论时,博主和被回复的人(如果填了邮箱)会收到系统邮件提醒

11. 允许无标题,做成类似微博形式

12. 全站 https

13. 每天备份一次全站数据


一些问题:

1. 服务器是阿里云最低带宽,所以访问慢

2. 服务器配置低,没有搭建独立搜索引擎
头像
m4go
帖子: 857
注册时间: 2010年 3月 29日 02:33
来自: https://www.vpshu.com
联系:

Re: 深度二次开发小站展示

帖子 m4go »

嗯,前2个字,一下看成了壮阳……
dujun
帖子: 4
注册时间: 2017年 3月 22日 22:25
联系:

Re: 深度二次开发小站展示

帖子 dujun »

m4go 写了:嗯,前2个字,一下看成了壮阳……


这个寓意好,之前没想到。年纪大了就缺这个。

这个字体挑了一个晚上
头像
ClayMore
帖子: 2481
注册时间: 2007年 11月 29日 02:55
来自: Sleeping Forest
联系:

Re: 深度二次开发小站展示

帖子 ClayMore »

除需要服务器扩展 其他适合并且能合并到github那是相当的好


__________________

新版阿里百秀Alibaixiu主题 v11.1 For Typecho
http://xiu.160.me/
dujun
帖子: 4
注册时间: 2017年 3月 22日 22:25
联系:

Re: 深度二次开发小站展示

帖子 dujun »

ClayMore 写了:除需要服务器扩展 其他适合并且能合并到github那是相当的好


基本是为自己做的,剥离成适合公共调用挺费事。

接下来有时间把涉及到的相关技术写成文章吧,会的人自然就会搭建了。
头像
ClayMore
帖子: 2481
注册时间: 2007年 11月 29日 02:55
来自: Sleeping Forest
联系:

Re: 深度二次开发小站展示

帖子 ClayMore »

github小分支


__________________

新版阿里百秀Alibaixiu主题 v11.1 For Typecho
http://xiu.160.me/
dujun
帖子: 4
注册时间: 2017年 3月 22日 22:25
联系:

Re: 深度二次开发小站展示

帖子 dujun »

发现最近还有些访问来自 typecho 论坛,所以特地解释一下,本站已经不是 typecho 系统,是我用 yaf 框架重新开发的。

3 月份发帖时,本站是基于 typecho 二次开发的,去除了所有我不需要的功能。后面几个月业余时间,时不时地又改了很多东西。

但是 typecho 非 MVC 模式和一些设计思路,我个人感到很别扭,导致二次开发的效率不高。最终决定推倒重来,两周就撸了基于 yaf 框架的现在的系统。当然,效率高主要得益于前面的二次开发已经全新封装了大部分的类库。

样式设计,特别是后台设计,参照了 typecho,在【关于】中有声明。

做这个站纯粹自娱自乐,主要记录宝宝的成长,让不在身边的爷爷奶奶每天看到宝宝照片。但是很长时间里,我饶有兴趣写代码完善这个站,做好了却没兴趣写文章,做了个本末倒置的博客。

考虑这个站的用途和访问量的话,完全过度开发了。很大程度上是把它做成一点技术兴趣的载体了。分享一些思路。

性能

正如这套模版,我喜欢极简风,系统本身也在追求极致性能。

* 基于 yaf 框架,在毫秒数量级上有明显提升;压测 QPS 感人。

* 除评论、增加浏览数等写操作外,全缓存运行(redis 纯内存模式)

* mp4 自动生成 webm,mp3 自动生成 ogg,加速打开

* 图片压缩

* 去除非必要功能,如 rss、多用户系统,减少逻辑判断

功能

* 短视频处理,几十秒以内的手机自拍、微信视频,自建,不依赖第三方

* 图片处理,自动旋转、缩略图

* 音频处理,模仿微信语音

需求

不是凭空想,而是遇到具体需要了,再针对性实现。

例如图片,typecho 自身没什么处理。我懒得每次手动处理后上传,就做了自动旋转、压缩、缩略图。

然后有一天想上传宝宝的自拍视频,就增加了一系列视频处理,旋转、转格式、缩略图。

再然后遇到的情况是,有一条微信语音特别想放到网站,就做了音频处理。

审美

审美审的是细节。乍一看差不多,细一看差得远。

* css 像素级地对齐
* 中英文和标点混排
* 移动端、电脑端,功能级地自适应

另外放一张后台首页,大概能说明我定制的意思
WX20170529-025158@2x.png
[email protected] (318.16 KiB) 查看 7206 次


最后有点意思的是,我这个系统开发完时,第一次看到鸟哥跟祁宁在微博同框 :D
WX20170529-024809@2x.png
[email protected] (274.8 KiB) 查看 7206 次
回复