学习前端开发有一段时间了,出于对前端的基础知识的巩固,抱着玩玩的态度,自己弄了个博客:http://nodeyang.duapp.com/,以后会慢慢完善.
说明:
1.博客里的相册效果用到的是基于jquery的fancy-box,这个插件使用挺简单的,就下载下来了直接套用就行,详情请参见:http://fancybox.net/api
2.博客里的视频使用的是一个免费的视频插件,ckplayer,详情参见:http://www.ckplayer.com/
3.博客左边的导航栏是用的bootstrap
4.博客标题“nodeyang”这几个字母的显示效果是使用的monaco.ttf字体,公认的程序员专用字体,先在网上寻找,然后下载下来。
使用方法:
a.把下载下来的的monaco.ttf文件拷贝到工程的目录下,最好是和css文件放在同一个目录或者直接新建一个font目录
b.在css文件里倒入字体,
@font-face {
font-family: Monaco;
src: url("../fonts/MONACO.TTF") format("opentype");
}
c.在需要的地方直接调用就是了,比如我想在h1中调用就是:h1{font-family: Monaco;}
怎么样,还算简单吧!