SiteServer 学习笔记 Day02 添加站点的样式、脚本文件、图片资源

2024-03-25 22:12

本文主要是介绍SiteServer 学习笔记 Day02 添加站点的样式、脚本文件、图片资源,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1、今天上传一些CSS、JavaScript、Image等资源文件,方便学习的时候使用。这些资源文件是SSCMS提供的模版文件中的可以到官网上去找,也可以从我上传的资源中下载。

https://download.csdn.net/download/xingchengaiwei/89030060

2、选择显示管理->资源文件管理->样式文件->上传样式文件。如下图。

3、上传文件过程中会遇到如下错误提示“Access to the path 'C:\Windows\TEMP\ASPNETCORE_0f55e154-6084-4ecb-a6f8-106b7b2b46af.tmp' is denied.”

解决办法,在应用程序池将 高级设置中“加载用户文件配置”设置为True。

4、选择显示管理->资源文件管理->脚本文件->上传脚本文件,如下图。

5、 选择显示管理->资源文件管理->图片文件->上传图片文件,这里不截图了。

6、选择显示管理->模版管理->系统首页模版->编辑,如下图。

 添加代码如下

<!DOCTYPE HTML>
<html lang="en"><head><meta charset="utf-8" /><meta name="renderer" content="webkit" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><title>{Channel.Title} | {Stl.SiteName}</title><link rel="stylesheet" type="text/css" href="{Stl.SiteUrl}/css/base.css" /><link rel="stylesheet" type="text/css" href="{Stl.SiteUrl}/css/animate.css" /><link rel="stylesheet" type="text/css" href="{Stl.SiteUrl}/css/slide.css" /><link rel="stylesheet" type="text/css" href="{Stl.SiteUrl}/css/index.css" /><script src="{Stl.SiteUrl}/js/jquery.min.js"></script><script src="{Stl.SiteUrl}/js/banner.js"></script><script src="{Stl.SiteUrl}/js/banner.min.js"></script><script src="{Stl.SiteUrl}/js/wow.min.js"></script><script>if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){new WOW().init();};</script></head><body><stl:include file="/include/header.html"></stl:include></body></html>

7、 选择显示管理->包含文件管理->header.html->编辑,如下图。

添加代码如下

  <header><div class="wrap"><div class="top-box clearfix"><div class="left-box"> <span class="item">{stl:value type=welcome}</span> </div><div class="right-box"><span class="phone">{stl:value type=mobile}</span><span class="email"><a href="mailto:admin@siteserver.cn" target="_blank">admin@siteserver.cn</a></span></div></div><h1 class="logo wow fadeIn"><a href="{Stl.SiteUrl}/index.html"><img src="{stl.imageUrl}" /></a></h1><div class="fr"><div class="search wow flipInX"><form action="{Stl.SiteUrl}/utils/search.html" method="get"><input class="key" name="word"  type="text" /><input class="go" type="submit" value="search" name="submit"/></form></div></div><div class="meun"><div class="meun-nav"><span></span><span></span><span></span></div></div><div class="clearfix"></div></div><script type="text/javascript" src="{Stl.SiteUrl}/js/common.js" ></script></header><!--头部结束 --><!--导航开始 --><nav><div class="wrap clearfix"><ul class="nav"><stl:if testType="ChannelIndex" testOperate="Equals" testValue="首页"><stl:yes><li class="sub current"><a href='{Stl.SiteUrl}/index.html'>首页</a></li></stl:yes><stl:no><li class="sub"><a href='{Stl.SiteUrl}/index.html'>首页</a></li></stl:no></stl:if><stl:channels topLevel="0" groupChannel="nav"><stl:if testType="UpChannelOrSelf"><stl:yes><li class='sub current'><stl:a>{Channel.Title}</stl:a><div class="subNav"><stl:channels><p><stl:a>{Channel.Title}</stl:a></p></stl:channels></div></li></stl:yes><stl:no><li class='sub'><stl:a>{Channel.Title}</stl:a><div class="subNav"><stl:channels><p><stl:a>{Channel.Title}</stl:a></p></stl:channels></div></li></stl:no></stl:if></stl:channels></ul></div></nav><!--导航结束 --><!--平板导航开始 --><section><div class="meunBox"><div class="meunCont"><stl:channels topLevel="0" groupChannel="nav"><dl><dt><stl:a>{Channel.Title}</stl:a></dt><dd><stl:channels><stl:a>{Channel.Title}</stl:a></stl:channels></dd></dl></stl:channels></div></div></section><!--平板导航结束 -->

8、选择显示管理->模版管理->系统首页模版->生成页面,如下图。

点击访问站点

 9、云端环境可以通过下方链接购买。主打一个方便,谁用谁知道。 

【开发云】年年都是折扣价,不用四处薅羊毛

 

这篇关于SiteServer 学习笔记 Day02 添加站点的样式、脚本文件、图片资源的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/846395

相关文章

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

基于Python实现高效PPT转图片工具

《基于Python实现高效PPT转图片工具》在日常工作中,PPT是我们常用的演示工具,但有时候我们需要将PPT的内容提取为图片格式以便于展示或保存,所以本文将用Python实现PPT转PNG工具,希望... 目录1. 概述2. 功能使用2.1 安装依赖2.2 使用步骤2.3 代码实现2.4 GUI界面3.效

Python实现AVIF图片与其他图片格式间的批量转换

《Python实现AVIF图片与其他图片格式间的批量转换》这篇文章主要为大家详细介绍了如何使用Pillow库实现AVIF与其他格式的相互转换,即将AVIF转换为常见的格式,比如JPG或PNG,需要的小... 目录环境配置1.将单个 AVIF 图片转换为 JPG 和 PNG2.批量转换目录下所有 AVIF 图

详解如何通过Python批量转换图片为PDF

《详解如何通过Python批量转换图片为PDF》:本文主要介绍如何基于Python+Tkinter开发的图片批量转PDF工具,可以支持批量添加图片,拖拽等操作,感兴趣的小伙伴可以参考一下... 目录1. 概述2. 功能亮点2.1 主要功能2.2 界面设计3. 使用指南3.1 运行环境3.2 使用步骤4. 核

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,:本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点:适用场景:二、JPEG质量参数压缩关键技术:压缩效果对比

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

微信公众号脚本-获取热搜自动新建草稿并发布文章

《微信公众号脚本-获取热搜自动新建草稿并发布文章》本来想写一个自动化发布微信公众号的小绿书的脚本,但是微信公众号官网没有小绿书的接口,那就写一个获取热搜微信普通文章的脚本吧,:本文主要介绍微信公众... 目录介绍思路前期准备环境要求获取接口token获取热搜获取热搜数据下载热搜图片给图片加上标题文字上传图片

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片,如艺术画作、设计素材、报告图表等,提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使