打算把这个框架拿来正式使用了,但是呢,不是很想去搬运之前的东西,同时这个blog还有很多的功能欠缺,所以暂时就搬运了几篇最近写的,然后就两边并行发展吧,所有的文章POST两份就是了。

简单的说说这个框架吧,毕竟也是自己写出来的。

首先是制作目的,纯粹是假期在家无聊,然后看到很多人都有过类似的 Blog 框架(虽然他们写完了也不一定会用 2333),于是也就想跟风写一个玩玩了。正式开坑是 2016 年 7 月 29 日,到现在为止已经算是基本能用了吧。不过本人之前写的东西很多都是 OJ 上的算法题,那种代码追求编写的速度和运行的效率,所以代码风格嘛……变量什么 a b c 啊,函数各种拼音缩写啦……当然这锅得自己背就是了。大概是出于这个原因,还有其他一些写东西不规矩的习惯,导致代码并不优雅,算了以后有机会重构咯。

这个 Blog 使用大量的现成的框架和库,比如 HTTP 服务就是用的 Express.js,并用 Nginx 配置了反向代理,前端 MVVM 框架使用了 Vue.js,CSS 库直接用了 Materialize,也因此引入了 jQuery 和 Hammar.js 等库。语法高亮则是运行在后台,使用的 Highlisht.js。

在设计之初,就像尝试一下全站单页,整个浏览过程不需要刷新,实际上也确实做到了,同时感觉这样前后端分离数据走 Ajax 能有效提升加载的速度,毕竟本体 HTML 框架仅仅加载了一次,并被浏览器缓存起来了。不过 Ajax 的请求也会被缓存,所以需要加上一些魔法来避免。

至于语法高亮,我选择在后台渲染成 HTML,然后在前台显示,效果嘛:

<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>Hello World</title>
    </head>
    <body>
        <h1>It works!</h1>
    </body>
</html>

自认为效果也是可以的了。

差不多就这样儿吧,这个 Blog 还有最大的一个坑,就是没有后台,目前只能直接操作数据库,比较麻烦。。