前面我们已经创建了MyTheme主题模板，如何添加自定义的内容呢？
先下载个免费的模版，我们一步步将它改造成Orchard Core CMS主题样式
一. 改造MyTheme文件夹：创建wwwroot和Recipes文件夹
二. 下载的免费的模版样式，解压缩将必须的文件拷贝至MyTheme文件夹下。
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文件没有正确被调用
打开Layout.liquid修改资源文件的路径
//比如all.min.css的路径地址
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
//在路径头部加入MyTheme/
//orchardCore会默认你的项目名称在独立的area区域
<link href="MyTheme/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
按照这个方式将css、js、img的调用地址一次修改，保存并刷新页面，你的页面现在以经可以正常显示了。
继续完善Layout.liquid
{% comment %} 根据你的当前文化返回语言编码 {% endcomment %}
<html lang="{{ Culture.Name }}">
网友评论