个人博客搭建保姆级教程-HTML页面编写篇

选择模板

首先我们要选一个好的模板,然后对模板进行剪裁。我的模板是在站长之家进行下载的

素材下载-分享综合设计素材免费下载的平台-站长素材

我选的模板的具体地址是 个人博客资讯网页模板

这里需要我们学习一下在前边一篇文章里提到的HTML、JavaScript、CSS。

有一定背景知识,修改的时候就不至于无从下手了。所以需要一点基础支持储备。

当选中之后,可以选中图中按钮进行预览

在预览页面中可以点图标,测一下网页的响应式支持

这个模板还不错,代码也比较少,改起来比较简单。

修改模板

这里我下载了VSCODE,使用VSCODE编辑会方便些。推荐大家也下载一下,这个是开源免费的

下载安装之后,我们选择解压后的文件夹

之后就可以在文件列表中看到对应的文件了。在修改过程中,我们可以通过选项1来浏览器中查看对应内容。每次修改之后,直接在浏览器中刷新,即可看到修改后的内容。如果你有两个屏幕,使用选项会2会更方便,因为会自动刷新:

一般而言,我们的博客想要保留的会有两个部分,一个主页模板,主页中包含了文章列表。一个明细页模板,用来展示具体内容。个人说明倒次之了,毕竟大家是来看内容的。

未完待续。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Learning Normal Dynamics in Videos with Meta Prototype Network 论文阅读

文章信息:发表在cvpr2021 原文链接: Learning Normal Dynamics in Videos with Meta Prototype Network 摘要1.介绍2.相关工作3.方法3.1. Dynamic Prototype Unit3.2. 视频异常检测的目标函数3.3. 少样本视频异常检测中的元学习 4.实验5.总结代码复现&a…

Python自动化测试selenium指定截图文件名方法

这篇文章主要介绍了Python自动化测试selenium指定截图文件名方法,Selenium 支持 Web 浏览器的自动化,它提供一套测试函数,用于支持 Web 自动化测试,下文基于python实现指定截图文件名方法,需要的小伙伴可以参考一下 前…

【Q4-20min】

1.堆和栈的区别 (1)数据结构:栈和堆都是内存数据结构,栈是一种线性结构,堆是一种树形结构。 (2)内存分配方式:栈采用的是静态内存分配,系统在编译阶段就确定了分配给栈的…

共线圆检查

dev_update_off () dev_close_window () dev_open_window (0, 0, 978, 324, black, WindowHandle) dev_set_part (0, 0, 647, 1955) set_display_font (WindowHandle, 16, mono, true, false) dev_set_color (yellow) *检测图中有多少个圈 *dev_set_line_width (3) read_image…

Python Opencv实践 - Yolov3目标检测

本文使用CPU来做运算,未使用GPU。练习项目,参考了网上部分资料。 如果要用TensorFlow做检测,可以参考这里 使用GPU运行基于pytorch的yolov3代码的准备工作_little han的博客-CSDN博客文章浏览阅读943次。记录一下自己刚拿到带独显的电脑&a…

编译器和 IR:LLVM IR、SPIR-V 和 MLIR

编译器通常是各种开发工具链中的关键组件,可提高开发人员的工作效率。编译器通常用作独立的黑匣子,它使用高级源程序并生成语义上等效的低级源程序。不过,它仍然是内部结构倾向的;内部之间流动的内容就称为中间表示 (IR&#xff0…

金融帝国实验室(Capitalism Lab)V10版本公司财务报告列示优化

金融帝国实验室(Capitalism Lab)V10版本公司财务报告列示优化 ————————————— ★【全新V10版本开发播报】★ 即将发布的V10版本中的公司财务报告(指标)列示优化: ◈ 新增了一个按钮,用于在历史…

Android启动系列之进程杀手--lmkd

本文概要 这是Android系统启动的第三篇文章,本文以自述的方式来讲解lmkd进程,通过本文您将了解到lmkd进程在安卓系统中存在的意义,以及它是如何杀进程的。(文中的代码是基于android13) 我是谁 init:“大…

linux的ping命令

Linux系统中的ping命令是一个常用的网络诊断工具,用来检测网络的连通性以及测试网络的延迟和数据包丢失情况。 以下是ping命令的具体使用方法: 基础用法:ping [选项] [目标主机]不带任何选项时,ping会发送一个ICMP请求到目标主机…

【shell】

shell 一、shell简介二、shell脚本的执行方式三、shell变量3.1 shell变量介绍3.2 shell变量的定义3.1.1 基本语法3.2.2 定义变量的规则3.2.3 将命令的返回值赋予变量 四、环境变量的设置4.1 基本语法: 五、位置参数变量5.1 基本介绍5.2 基本语法 六、预定义变量6.1 …

nginx的反向代理和负载均衡

nginx的反向代理和负载均衡: 代理:客户端通过一个指定的服务器,访问其他服务器,请求和响应都由指定服务器来为客户端进行处理,这个指定的服务器就是代理服务器 代理的方式: 四层代理:四层就是…

操作系统概述及发展史、Linux内核、发行版及应用领域

一、 操作系统(Operation System,OS) 裸机:没有安装操作系统的计算机 如果想在 裸机 上运行自己所编写的程序,就必须用机器语言书写程序如果计算机上安装了操作系统,就可以在操作系统上安装支持的高级语言…

python pyaudio实时读取音频数据并展示波形图

python pyaudio实时读取音频数据并展示波形图 下面代码可以驱动电脑接受声音数据,并实时展示音波图: import numpy as np import matplotlib.pyplot as plt import matplotlib.animation as animation import pyaudio import wave import os import op…

面试官:说说synchronized与ReentrantLock的区别

程序员的公众号:源1024,获取更多资料,无加密无套路! 最近整理了一波电子书籍资料,包含《Effective Java中文版 第2版》《深入JAVA虚拟机》,《重构改善既有代码设计》,《MySQL高性能-第3版》&…

鱼香ROS一键安装命令(支持微信、docker、ros等)

按照指定的数字选择即可。 wget http://fishros.com/install -O fishros && . fishros小鱼的一键安装系列 [14个ROS版本任你选]一键安装Docker使用指南

质量小议35 -- SQL注入

已经记不得上次用到SQL注入是什么时候了,一些概念和操作已经模糊。 最近与人聊起SQL注入,重新翻阅,暂记于此。 重点:敏感信息、权限过大、未脱敏的输入/输出、协议、框架、数据包、明文、安全意识 SQL - Structured Query La…

力扣124. 二叉树中的最大路径和(java DFS解法)

Problem: 124. 二叉树中的最大路径和 文章目录 题目描述思路解题方法复杂度Code 题目描述 二叉树中的 路径 被定义为一条节点序列,序列中每对相邻节点之间都存在一条边。同一个节点在一条路径序列中 至多出现一次 。该路径 至少包含一个 节点,且不一定经…

Nacos:现代微服务架构中的动态服务发现和配置管理

Nacos:现代微服务架构中的动态服务发现和配置管理 在当今快速发展的微服务架构中,服务的动态发现和配置管理成为了关键需求。Nacos,作为一个开源项目,应运而生,提供了一种高效、灵活的方式来处理这些挑战。本博客将深…

【C++】类和对象——const修饰成员函数和取地址操作符重载

在上篇博客中,我们已经对于日期类有了较为全面的实现,但是,还有一个问题,比如说,我给一个const修饰的日期类的对象 这个对象是不能调用我们上篇博客写的函数的,因为&d1是const Date*类型的&#xff…

备战春招——12.04 算法

哈希表 哈希表主要是使用 map、unordered_map、set、unorerdered_set、multi_,完成映射操作,主要是相应的函数。map和set是有序的,使用的是树的形式,unordered_map和unordered_set使用的是散列比表的,无序。 相应函数…