五、Orchard Core入门:从零开始自定义一个主题样式

前面我们已经创建了MyTheme主题模板,如何添加自定义的内容呢?
先下载个免费的模版,我们一步步将它改造成Orchard Core CMS主题样式

一. 改造MyTheme文件夹:创建wwwroot和Recipes文件夹

二. 下载的免费的模版样式,解压缩将必须的文件拷贝至MyTheme文件夹下。

下载地址:startbootstrap-creative

五、Orchard Core入门:从零开始自定义一个主题样式_第1张图片
wwwroot存放css、js、img,index.html放入Views

三. 改造Layout.liquid

将index.html改名为Layout.liquid

orchard core可以使用Liquid模版语言替代 Razor 视图
Liquid语法指南
vs2019中默认不支持Liquid语法的高亮显示
可以安装igorfle.VSLiquidSyntax扩展,支持2017和2019

编译站点项目,将MyTheme设置为默认主题,这时内容以经加载出来了,但是css、js文件没有正确被调用
五、Orchard Core入门:从零开始自定义一个主题样式_第2张图片
打开Layout.liquid修改资源文件的路径
//比如all.min.css的路径地址

//在路径头部加入MyTheme/
//orchardCore会默认你的项目名称在独立的area区域

按照这个方式将css、js、img的调用地址一次修改,保存并刷新页面,你的页面现在以经可以正常显示了。


五、Orchard Core入门:从零开始自定义一个主题样式_第3张图片
继续完善Layout.liquid
{% comment %} 根据你的当前文化返回语言编码 {% endcomment %}

你可能感兴趣的:(五、Orchard Core入门:从零开始自定义一个主题样式)