Zollty Space(个人网络空间)的建设
2013年04月12日

一、个人网络空间的意义

1. 个人知识的笔记、总结、梳理,资料的查询。(主要的意义)

2. 分享某些知识和经验,希望能帮助到别人,起到正面的引导和影响。

3. 得到交流和反馈,收集意见和建议。

4. 展示自我的能力。(在人际圈或者面试的时候)

5. 存放一些固定的、较永久的资料,对外提供浏览或下载。

6. 存放一些临时的小资料(大资料需要用网盘去分享)。


注意:第1条 和 第2条 有时是冲突的,因为自己的笔记,重点为服务自己,写得非常随意,而对外分享的文章、教程,则要关注读者的兴趣和易接收程度。我的大多数文章是偏第1条的,部分会兼顾到第2条。


因此,个人网络空间的规划如下:

1. 方便自己使用。

2. 要对外宣传和展示,就要引入大的流量和人气。可以借助CSDN、CNBLOG、OSChina吸引流量到个人网站来(在个人博客上发一篇文章时,同时转载到CSDN/CNBLOG/OSC上)

3. 个人博客上,文章不宜多,但是质量要好包括文章的内容和排版,都要比较贴心和令人舒服

4. 对于一些短文说说,看能不能整理一下,定期放到一个突出的位置,供大家浏览和评论。


站点规划如下:

> * 主站点为:blog.zollty.com

> * 中长篇博文网站地址 /bblog.zollty.com/b/

> * 短文说说、随笔地址 /nblog.zollty.com/n/


二、技术要求

    主要关注内容,包括文本、图片、声音、视频等。

    其实样式也是内容的一部分,不过大多数情况下,只要内容不丢失,样式都是可以重新设计的。


所以要求如下:

* 可以根据纯内容生成HTML静态页面,而且易于更新、重新生成HTML。

* 易于编辑样式调整方便所见即所得

* 各种文本内容、图片、声音、视频等易于管理。

* 样式能够保留。


现行技术方案:

1、写作工具

> Markdown

> 富文本编辑器(UEditor、KindEditor、MS Word,有道云笔记,Foxmail邮件编辑器等)


2、发布工具:UEditor,内容存SqlLite数据库

> 搭建一个小型自启动JavaWeb项目,部署UEditor,平时就在上面编写文章。文章写好后应该可以得到html片段,经过程序加工,直接可以导出github page格式和完整html格式


3、备份工具:发布工具的格式(即SqlLite数据库) 或者 Word、云笔记等富文本编辑器可识别和编辑的格式,采用 本地磁盘 和网盘 双重备份。


三、Zollty Space的定义、规划和设计

3.1 定义和规划

    Zollty Space是一个统一平台,是多个项目的集合(包括博客、随笔、开源项目等),主要用于展示和存放我的各种文章和资料,现阶段主要包括如下几部分:


1. 博文(Blog)-项目地址: http://blog.zollty.com/b

2. 说说(Tweets)-项目地址: http://blog.zollty.com/n

3. 个人公开信息(开源项目,个人微博,个人资料,技术博客等)

4. 其他专题资料(技术培训,专题项目等)


这几个部分,集中用一个横向的网页导航串联起来,即共享同一个Zollty Space横向导航


3.2 Zollty Space的永久链接(url)设计

    一些重要的文章或者资料,可能会以一个url网址的形式分享出去,这就要求这个url网址在多年之后仍然可用。所以我博客文章和一些重要资料的url,都需要固定,不管我博客服务器如何变化,但是url始终不变


3.3 Zollty Blog设计

3.3.1 博文永久链接设计

    经过深入考察和分析,决定博客url前缀为:http://blog.zollty.com/b/

    即,用"b"来代表"博客系统"(blog)。

其中,发布的文章,url前缀定义为:http://blog.zollty.com/b/archive

    archive后面通常接 “/文章英文名.html”,例如:

http://blog.zollty.com/b/archive/about-the-design-of-zollty-space.html


我想说的是,这个文章的链接,我会尽量保证它是永久有效的(n年之后仍然可以访问)


3.3.2 博客目录

    一级目录初步如下:

* 归档

* 分类

* 标签

* 资源?

* 关于


3.3.3 字体

    经过经验总结和研究,以及多种测试,决定网页字体设置为:

font-family: "Helvetica Neue","Helvetica","Microsoft YaHei","WenQuanYi Micro Hei","Hiragino Sans GB",Simsun,Arial,sans-serif;

    即英文主要为Helvetica(其实"Open Sans"也不错,但是要引入谷歌的字体,天朝网络不好,故放弃),中文主要为"Microsoft YaHei",同时对Android、iOS、Linux均有考虑和测试,最终为上面的设置。


四、静态资源文件存放规划

4.1 参考

GITHUB:

	https://assets-cdn.github.com/assets/github-099e0ecc2851c8aca89ef6dafa191df3b0f2a2c8ad34e134c5473ca1ba0a59b2.css
	https://assets-cdn.github.com/assets/spinners/octocat-spinner-128-338974454bb5c32803e82f601beb051d373744b024fe8742a76009700fd7e033.gif

京东:

	http://misc.360buyimg.com/wz/wlwhjyxkz.jpg
	http://misc.360buyimg.com/jdf/1.0.0/unit/wl/1.0.0/wl.js
	http://misc.360buyimg.com/lib/js/2013/DD_belatedPNG.js
	http://misc.360buyimg.com/lib/js/e/jquery-1.2.6.pack.js
	http://misc.360buyimg.com/product/js/2013/home.js
	http://img11.360buyimg.com/da/jfs/xxxd.png
	http://img13.360buyimg.com/da/20120221/112_40_WvArIl.png

其他:

	http://s1.bdstatic.com/r/www/cache/static/home/img/sugbg_d24a0811.gif
	http://t10.baidu.com/it/

	http://img01.taobaocdn.com
	http://g.tbcdn.cn/tpi/topbar/1.1.42/global-min.css
	http://g.tbcdn.cn/trip/trip-home/0.4.10
	http://gtms03.alicdn.com/tps/i3/TB0.png

	http://g.tbcdn.cn
	http://g.alicdn.com
	http://img.alicdn.com

	http://qzonestyle.gtimg.cn/qzone/v8/index/touch-icon-ipad-retina.png
	http://cn.qzonestyle.gtimg.cn/aoi/skin/35.css?max_age=19830212&d=20141030172230
	http://cn.qzonestyle.gtimg.cn/aoi/img/logo/favicon.ico?max_age=31536000
	http://i.gtimg.cn/open/app_icon/00/02/75/50/27550_16.png
	https://a.alipayobjects.com/homeindex/1.0.1/homeindex.css
	https://i.alipayobjects.com/common/favicon/favicon.ico
	https://i.alipayobjects.com/i/ecmng/swf/201502/02.05flash.swf
	https://a.alipayobjects.com/ar/??alipay.smartracker-1.1.js
	https://a.alipayobjects.com/??seajs/seajs/2.2.3/sea.js

	http://s.doubanio.com/f/shire/5d546bd6e07d202f3cc0083a2e77880fb77f57a9/css/douban.css
	http://s.doubanio.com/f/shire/e49e2/pics/new_menu.gif
	http://s.doubanio.com/misc/mixed_static/66cf6da32f8bc656.css

	http://t.douban.com/img/files/file-1426478788.png

	http://img.t.sinajs.cn/t6/style/css/module/base/frame.css
	http://js.t.sinajs.cn/t6/home/js/pl/top/topInit.js

4.2 我的规划

采用【CDN】:http://assets.zollty.com 域名

例如:

http://assets.zollty.com/my/

http://assets.zollty.com/lib/

http://assets.zollty.com/course/

http://assets.zollty.com/temp/

http://assets.zollty.com/misc/


目前还无法映射成除了github之外的其他域名,所以,重要的静态资源也统一在 github 上面托管。

当然了,也可以跳转到 七牛云存储

比如 

http://assets.zollty.com/course/travesky/learn-spring

跳转到

http://ires.qiniudn.com/course/travesky/learn-spring


4.3 现行方案

博客私有图片资料

http://ires.qiniudn.com/my/img/

http://ires.qiniudn.com/my/misc/

公用JS等程序库文件

http://ires.qiniudn.com/lib/js/

其他专题,例如:

http://ires.qiniudn.com/course/

http://ires.qiniudn.com/temp/

http://ires.qiniudn.com/misc/