显而易见,我们刚刚创建的Homepage页面并没有添加样式,接下来我们就简单的说明下如何给我们的网站添加样式和脚本文件。首先,拷贝我们之前下载的initializr-template-master初始化包里的style.css到我们创建的站点的Css文件夹里,完成后重新刷新页面,可以看到,样式已经被应用到了网页中。
需要注意的是,你可以通过Umbraco后台的UI来创建样式文件,创建路径是Settings>StyleSheets>...> + Create,不过站长觉得手动去创建css文件更简单直接。
接下来就是js文件,拷贝初始化包里的modernizr-2.0.6.min.js文件到站点的Scripts文件夹中,相应的你也可以通过后台去创建脚本文件,这里就不在赘述。
最后一点就是要将创建的样式文件或者脚本文件添加到要使用它们的模板页中,例如为了使用modernizr-2.0.6.min.js,我们将在homepage模板也中添加如下代码:
<script src="scripts/libs/modernizr-2.0.6.min.js"></script>
添加css和js文件的方法比较简单,我们就先介绍到这里,下一节我们要介绍的是如何在页面上显示文档类型中定义的属性内容。