从0开始学习搭网站第二天

embedded/2025/1/16 11:48:57/
  • 前言:今天比较惭愧,中午打铲吃了一把,看着也到钻二了,干脆顺手把这个赛季的大师上了,于是乎一直到网上才开始工作,同样,今天的学习内容大多来自mdn社区
  • mdn

    目录

    • 怎么把文件上传到web服务器

怎么把文件上传到web服务器

在第一天的学习里,我们已经能写一个简单的html文件,并且大概了解了网站的工作原理,接下来要做的事情就是,怎么把写好的网页交给服务器(假定我们要求高一点,要做的是一个所有人都可以访问的网站,在本地搭建后面会研究)

  • 有以下三种方法

采用SFTP

  • 即安全的ftp传输
    有多种 SFTP 客户端。我们的使用的是 FileZilla,因为它免费,且可在 Windows、macOS 以及 Linux 上使用。
    FileZilla下载
    使用这种方法,我们需要找一个托管服务商(即将网站交给他托管),接着,他会给我们这样的信息在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

在这里插入图片描述

Rsync

这个工具没怎么看,默认是在命令行中使用的,起到的作用反正是跟sftp一样,感兴趣的朋友直接去原文看看

GitHub_16">GitHub

这也是我最钟情的一种方式,因为免费,也是突然明白了为什么看过很多大佬的博客里都带有github.io


进入这个页面,跟随教程
GitHub
我没用过这玩意,于是跳过创建仓库先下了个桌面端,启动安装程序,出现注册页面在这里插入图片描述
注册完成后进入GitHub,搞个网页翻译的插件,不然根本看不懂
在这里插入图片描述
按格式创建新的仓库在这里插入图片描述
接下来,将创建好的仓库克隆到本地,找一个文件夹用来放你的网站

git clone https://github.com/username/username.github.io
git clone https://github.com/ 用户名/用户名.github.io

克隆到本地的好处在于,我们可以在本地修改,改好后再通过git提交更改,更新仓库里的内容,终端输入命令时报错,ai一下才知道原来我没有安装git
git
在这里插入图片描述
在这里我选择vscode作为默认编辑器,其他都按默认设置来,接下来添加环境变量

在这里插入图片描述

  • 配置完成后再输入命令,一直显示克隆失败,其实只要把梯子关掉就好了,到这里其实就完成了基本的处理,接下来在本地修改然后提交即可
git add --all
git commit -m “初始提交”
git push -u origin main

在这里插入图片描述
后续就直接用pull和push命令即可
在这里插入图片描述
到这里其实基本已经结束了,接下来要做的就是找一个自己喜欢的网站模板,接着在此基础上做修改即可,但是我在clone的过程出现报错,原因是没有配置SSH密钥

git clone git@github.com:/huxpro.github.io.git

在这里插入图片描述
在这里插入图片描述
接下来你应该已经完成了克隆,那么让我们更新仓库内容

  1. git add --all
  2. git commit -m “描述性提交信息”
  3. git push origin main
  • 接下来去到GitHub,选择发布源
    在这里插入图片描述在这里插入图片描述

  • 等待几分钟网页即可正常访问,这个还是太丑了,明天找一个好看的,准备下班时候看到这样一个教程,如果明天没有找到更好看的就用这个了

博客搭建详细教程


http://www.ppmy.cn/embedded/154385.html

相关文章

算法3(力扣83)-删除链表中的重复元素

1、题目:给定一个已排序的链表的头 head , 删除所有重复的元素,使每个元素只出现一次 。返回 已排序的链表 。 2、实现( 因为已排序,所以元素若重复,必然在其下一位)(这里为在vscod…

音频DSP的发展历史

音频数字信号处理(DSP)的发展历史是电子技术、计算机科学和音频工程共同进步的结果。这个领域的进展不仅改变了音乐制作、音频后期制作和通信的方式,也影响了音频设备的设计和功能。以下是对音频DSP发展历史的概述: 早期概念和理论…

【GRACE学习-1】JPL数据下载

网站:https://podaac.jpl.nasa.gov/dataset/TELLUS_GRAC-GRFO_MASCON_CRI_GRID_RL06.3_V4# 后续就是一直点-------------------------------------------------------------------------------------------------------------

R语言贝叶斯方法在生态环境领域中的高阶技术

包括回归及结构方程模型概述及数据探索;R和Rstudio简介及入门和作图基础;R语言数据清洗-tidyverse包;贝叶斯回归与混合效应模型;贝叶斯空间自相关、时间自相关及系统发育相关数据分析;贝叶斯非线性数据分析;贝叶斯结构…

【汇编】汇编编程中的指令传参方式

1. 指令传参方式 汇编指令传参有2种方式。 第一种是常见的 操作数传参,如: move ax, bx第二种是,绑定寄存器传参。有的指令在调用时,虽然不需要操作数,但是它会默认使用某几个寄存器,调用时需要提前将寄…

自动连接校园网wifi脚本实践(自动网页认证)

目录 起因执行步骤分析校园网登录逻辑如何判断当前是否处于未登录状态? 书写代码打包设置开机自动启动 起因 我们一般通过远程控制的方式访问实验室电脑,但是最近实验室老是断电,但重启后也不会自动连接校园网账户认证,远程工具&…

青少年编程与数学 02-006 前端开发框架VUE 25课题、UI数据

青少年编程与数学 02-006 前端开发框架VUE 25课题、UI数据 一、UI数据二、Element Plus处理响应式数据三、Vuetify处理响应式数据 课题摘要:本文探讨了UI数据在用户界面中的重要性和处理方法。UI数据包括展示数据、用户输入、状态数据等,对用户体验和应用交互性有直…

linux网络 | https前置知识 | 数据加密与解密、数据摘要

前言:本节内容讲述https的相关内容。 https博主会着重讲解https如何让一个请求和一个响应能够安全的进行交互。 https博主将用两篇文章进行讲解。本篇是两篇中第一篇。会把http的安全问题引出来, 然后说一下https的基本解决方法。 下面废话不多说, 开始我…