快速建站(更改模版) 详细步骤二

快速建站(网站如何在自己的电脑里跑起来) 详细步骤 一,这篇文章中我们知道了一个开源的网站如何在自己的电脑中运行起来了,但是网站的页面都是系统默认的,想要把网站装修成我们自己想要的样子,那我们就来聊一聊网站模版吧!

1. 什么是模版?

我们常常看到企业官网,个人博客每个页面的头部和尾部样式和内容是一样的,每一篇文章除了文章内容不一样其他基本都是一样,这就是因为网站的页面是基于模版而生的。
为什么要有模版呢?

  1. 一致的网站结构和样式:网站所有的页面都使用了相同的头部、尾部模版、内容页模版,每个页面就有了除了内容不一样,有了相同的结构和css样式
  2. 便于网页修改和维护:网站的页面非常多,如果我们要修改网站的某一个地方,不用一个页面一个页面的去修改,只需要修改模版对应的地方,在网站后台更新模版对应的栏目,就可以了。

2. 模版在哪里?

在网站目录中,都有一个名字叫template或者templets的文件夹 就是模版的意思。
在这里插入图片描述
上图是pbootcms的模版路径,可以看到一个.html文件就是模版文件,打开发现其实就是一个个的html标签组成的页面。一般不用去修改默认的模版,自己在template目录下新建一个目录来存放自己的模版文件,然后在网站后台将模版的目录修改为自己新建的那个目录名字就可以了。
在这里插入图片描述
都大同小异,在站点信息或者设置里面有修改默认站点模版的地方。
注意:更改完模版之后一定要更新网站栏目。

3.建设自己的模版

模版可以从淘宝获取,也有开源系统自带很多款式的免费模版,也可以根据 html + css 的自己制作。

制作好的模版就是html页面,在页面里面需要动态获取数据的地方替换成模版标签,模版标签可以查阅开源系统官网都有介绍的 ,就像下面就是一个文章列表标签:


{pboot:list scode=*}
<a href= "[list:link]">[list:title]</a>
{/pboot:list}

我很少自己写了,太费时间了,简单点看到差不多类型的网站,在浏览器点击网页另存为也可以将html 和css ,image 复制到本地。这种复制网页借助webzip工具下载会比较好一些,目录结构比较清晰。

我的分享就到这里了,我是鑫阳,如果觉得这篇文章对您有帮助,还请一键三连,非常感谢!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鑫~阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值