个人博客http://nodeyang.duapp.com/

学习前端开发有一段时间了,出于对前端的基础知识的巩固,抱着玩玩的态度,自己弄了个博客: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;}

怎么样,还算简单吧!

原文地址:https://www.cnblogs.com/codingsky/p/nodeyang.html