asteriskBlog是我目前博客所在跑的程序,我从除夕开始就在开发这个东西了。
其实本质就是造轮子(划掉)
前情提要
- 以前我有开过一个Wordpress的博客,后来挨打后弃坑了
- 在这个blog弃坑之后我尝试开始做一个博客程序,思路差不多,也是前端拉列表和渲染,但并没有做成SPA(Single Page Application,单页应用程序)。
- 后来哪怕是后来开发的Blog程序,也是弃坑状态(
- 直到想起今年写年终总结了才想起来写这玩意
开发细节
- Powered By Ember.js
- 我估计有些人看到这玩意就会直接说:
> 2202年了还用Ember啊 - 但事后发现这玩意也挺好的,除了大亿点(
- 我估计有些人看到这玩意就会直接说:
- 用了 w3.css
- 这个框架冇JS,很适合直接整合进Ember里头
- 压缩之后也挺小的(原始文件22K,gzip 5k)
- 全前端渲染
- 带有技术实验性质,但其实早有先例
- SPA
- Ember的附带好处而已
设计思路
基本就是四个大路由(page,article,special,editor)和一大堆半复用小组件
大路由
- page
- 是负责首页和文章首页翻页的
- 翻页部件出现了小小的技术问题
- article
- 文章展示用
- 在这里处理文章的渲染
- 稍微遇到了技术难题,但很快解决了
- 文章展示用
- special
- 复用了楼上的文章渲染组件
- special和article的区别是一个是整页的用于友链页面和联系之类的独立页面,一个则是带侧边栏的用于文章的页面。
- 结构十分简单
- editor
- 这是我为了hina酱而制作的(
- 基本上就是修改过的page
小组件
- IndexCard
- 主要复用在page和editor,作为单个文章的展示单位。
- NavBar和Footer
- 不用多言
- Comment
- 我原本想再造轮子写个配套后端
- 但是我后来就直接摆烂了,变成了Utterances loader
- RightSidebar
- 这玩意是组件套组件的大型复用组件(
- 用于这个blog里右边那很fancy的最近博文之类的(