文章没写完,有空继续完善,最后更新时间为2023年10月30日
前言
起因是带朋友入了博客坑
但是朋友是学文科的,对编程一窍不通
但又是个强迫症,天天想改页面
然而还是个懒狗,不想系统学习编程
想了想每次教他改个什么备案号的位置,加个图片,换个颜色什么的麻烦死了
所以干脆出个教程好了
博客常用技术介绍
当前博客常用的框架主要有wordpress,hexo和typecho
hexo是纯静态1的,也就是说只学html,css,js2就可以了,而wordpress和typecho是动态的,在html,css,js的基础上又多加了一门叫做php3全世界最好的语言
所以接下来我们会分别介绍在博客中这四门语言的常见应用
以typecho为例,介绍四种语言
typecho博客系统在后台会给你可以自己编辑php文件,一个php文件的代码书写格式是<?php 内容 ?>
,在其中你可以看到诸如if,$this等的字符串
而<div> 内容 </div>
这样的格式便是html,它们也可以写成<div/>的形式,在div里面会有<div class="内容"/>,
class里面所包含的就是css文件所定义的样式,这个文件在别的文件夹,暂且按下不表,你可以通过在div标签里写style属性来顶掉class里所定义的样式,例如<div class="内容" style="内容" />
,浏览器会优先你style里定义的内容,你不仅可以修改<div>
标签,事实上你看到的所有形如 <字符串>内容</字符串>
样式的都可以对其插入style属性来修改它的样式,例如<字符串 style="内容"></字符串>
js我们这篇文章暂且不说。
所以,当你最初想要修改一个样式时,你首先需要打开浏览器查找“css 菜鸟教程”,然后找到相应的语句,填入你所添加的style属性中
如果你想更改网页的结构,你需要打开浏览器查找"html 菜鸟教程",来寻找你应该放入到页面中的标签
例如你想插入一张图像,那么你就应该在html的教程中寻找图像的标签,你会发现是<img></img>
,然后在php文件中寻找合适的插入位置,放进去,然后通过定义style属性,来设置它的大小,颜色,透明度等等
- 静态就是不经过后台处理的,不需要服务器渲染的,你可以理解为一个文本,可以直接由浏览器解释的 ↩
- html,css,js被称为前端三剑客,你所看到的的网页都是浏览器根据这三种语言的内容渲染出来的,其中html你可以理解为人体的骨骼,负责页面的框架,css是人的外表,比如衣服,眼睛鼻子啥的,负责页面的美化,js是神经系统,负责页面的动作,比如说你点击按钮后跳转到哪个页面,他们的文件后缀分别是.css、.js、.html ↩
- php是服务器端脚本语言,后缀是.php,也就是说,浏览器没有办法直接渲染你使用php所写的文件,这个文件需要在你的服务器上进行处理,然后返回给浏览器他能看懂的语言,再由浏览器解释 ↩
October 30th, 2023 at 11:06 pm
我怀疑你说的文科朋友是我但是我没有证据(第一段备案号那里的该是错别字)