当前位置: 首页 > news >正文

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

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

    目录

    • 怎么把文件上传到web服务器
      • 采用SFTP
      • Rsync
      • GitHub

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

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

  • 有以下三种方法

采用SFTP

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

在这里插入图片描述

Rsync

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

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,选择发布源
    在这里插入图片描述在这里插入图片描述

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

博客搭建详细教程

相关文章:

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

前言:今天比较惭愧,中午打铲吃了一把,看着也到钻二了,干脆顺手把这个赛季的大师上了,于是乎一直到网上才开始工作,同样,今天的学习内容大多来自mdn社区mdn 目录 怎么把文件上传到web服务器采用S…...

【Unity-Animator】通过 StateMachineBehaviour 实现回调

StateMachineBehaviour 简介 StateMachineBehaviour是一个基类,所有状态脚本都派生自该类。它可以在状态机进入、退出或更新状态时执行代码,而无需编写自己的逻辑来测试和检测状态的变化。这使得开发者可以更方便地处理状态转换时的逻辑,例…...

鸿蒙中自定义slider实现字体大小变化

ui: import { display, mediaquery, router } from kit.ArkUI import CommonConstants from ./CommonConstants; import PreferencesUtil from ./PreferencesUtil; import StyleConstants from ./StyleConstants;// 字体大小 Entry Component struct FontSize {Sta…...

数据结构与算法之栈: LeetCode 71. 简化路径 (Ts版)

简化路径 https://leetcode.cn/problems/simplify-path/description/ 描述 给你一个字符串 path ,表示指向某一文件或目录的 Unix 风格 绝对路径 (以 ‘/’ 开头),请你将其转化为 更加简洁的规范路径 在 Unix 风格的文件系统中…...

STM32-笔记40-BKP(备份寄存器)

一、什么是BKP(备份寄存器)? 备份寄存器是42个16位的寄存器,可用来存储84个字节的用户应用程序数据。他们处在备份域里,当VDD电源被切断,他们仍然由VBAT维持供电。当系统在待机模式下被唤醒,或…...

NAS中不同RAID级别特点与适用场景

1. RAID 0(条带化) 硬盘数量:至少2块。硬盘要求:硬盘容量可以不同,但总容量以最小硬盘为准(例如:1TB 2TB 2TB,其中1TB会被浪费)。优点: 读写性能显著提升&…...

node.js的进程保活

nodejs的进程保活其实用PM2应该更好用些,不过由于原理其实并不复杂,我们可以自己手写一个服务来干这个工作。 假设我们有一个服务,可以这样来定义下它的相关信息: const svcs[ {"sid":"apl","name"…...

meta name=“viewport“ content=“width=device-width, initial-scale=1.0“

meta name“viewport” content“widthdevice-width, initial-scale1.0” 这段代码在网页设计中扮演着非常重要的角色,尤其是在响应式设计中。下面是对这段代码的详细解释及其在响应式设计中的作用: 1. 代码含义 html Copy Code meta 标签是 HTML 中用…...

【vue3】 defineExpose 的使用

以下是 Vue3 中defineExpose的使用方法&#xff1a; 基本概念 defineExpose是 Vue3 中的一个工具函数&#xff0c;是仅能在<script setup>中使用的函数&#xff0c;用于显式暴露组件内部的属性或方法给父组件使用2。在 Vue3 的<script setup>中&#xff0c;组件的…...

思维转换:突破思维桎梏,创造更高效的工作与生活

在现代职场和生活中&#xff0c;我们经常面临着各种挑战和问题&#xff0c;有时候虽然付出了很多努力&#xff0c;但依然难以找到更有效的解决方案。这时&#xff0c;或许我们需要的不是更多的努力&#xff0c;而是一次“思维转换”。这一概念看似简单&#xff0c;但它背后却蕴…...

OpenCV相机标定与3D重建(55)通用解决 PnP 问题函数solvePnPGeneric()的使用

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 根据3D-2D点对应关系找到物体的姿态。 cv::solvePnPGeneric 是 OpenCV 中一个更为通用的函数&#xff0c;用于解决 PnP 问题。它能够返回多个可能…...

vue3学习日记5 - 项目起步

最近发现职场前端用的框架大多为vue&#xff0c;所以最近也跟着黑马程序员vue3的课程进行学习&#xff0c;以下是我的学习记录 视频网址&#xff1a; Day2-11.项目起步-静态资源引入和ErrorLen安装_哔哩哔哩_bilibili 学习日记&#xff1a; vue3学习日记1 - 环境搭建-CSDN博…...

java导出pdf文件

java导出pdf&#xff0c;前端下载 1、制作pdf模板2、获取pdf导出中文需要的文件3、实现4、前端发起请求并生成下载链接 使用注意点 因为原来制作的pdf表单内容过于复杂&#xff0c;下面代码只包含前两行的操作。 本次操作需要前端向后端发起请求&#xff0c;后端返回数据给前端…...

【MySQL学习笔记】MySQL视图View

视图View 1、视图的基础语法2、检查选项3、视图的更新4、视图的作用 视图&#xff08;View&#xff09;是一种虚拟存在的表。视图中的数据并不在数据库中实际存在&#xff0c;行和列数据来自定义视图的查询中使用的表&#xff0c;并且是在使用视图时动态生成的。 通俗的讲&…...

从玩具到工业控制--51单片机的跨界传奇【2】

咱们在上一篇博客里面讲解了什么是单片机《单片机入门》&#xff0c;让大家对单片机有了初步的了解。我们今天继续讲解一些有关单片机的知识&#xff0c;顺便也讲解一下我们单片机用到的C语言知识。如果你对C语言还不太了解的话&#xff0c;可以看看博主的C语言专栏哟&#xff…...

【Redis】初识Redis

目录 Redis简介 Redis在内存中存储数据 Redis数据库中的应用 Redis缓存中的应用 Redis消息中间件 尾言 Redis简介 如下是Redis官网中&#xff0c;对Redis的一段描述 在这段描述中&#xff0c;我们提取如下关键要点&#xff1a; Redis主要用于在内存中存储数据Redis可…...

docker虚拟机平台未启用问题

在终端中输入如下代码&#xff0c;重启电脑即可 Enable-WindowsOptionalFeature -Online -FeatureName VirtualMachinePlatform 对于Docker Desktop - Unexpected WSL error问题 参考链接 解决WSL2与docker冲突问题...

《零基础Go语言算法实战》【题目 2-22】Go 调度器优先调度问题

《零基础Go语言算法实战》 【题目 2-22】Go 调度器优先调度问题 下面代码的输出是什么&#xff1f;请说明原因。 package main import ( "fmt" "runtime" "sync" ) func main() { runtime.GOMAXPROCS(1) wg : sync.WaitGroup{} wg.Add(10)…...

关于使用FastGPT 摸索的QA

近期在通过fastGPT&#xff0c;创建一些基于特定业务场景的、相对复杂的Agent智能体应用。 工作流在AI模型的基础上&#xff0c;可以定义业务逻辑&#xff0c;满足输出对话之外的需求。 在最近3个月来的摸索和实践中&#xff0c;一些基于经验的小问题点&#xff08;自己也常常…...

关于H5复制ios没有效果

问题场景&#xff1a;今天遇到这样一个问题&#xff0c;需要从后端接口获取到的值进行复制&#xff0c;且不能提现调用获取值&#xff0c;因为是一个数据列表&#xff0c;每个列表元素需要当场点击调用接口获取值进行复制&#xff0c;本来以为很简单的一个需求&#xff0c;当做…...

深入解析LCD面板Gamma校准:从原理到自动化调试实践

1. Gamma校准的前世今生&#xff1a;从CRT到LCD的视觉革命 第一次接触Gamma校准时&#xff0c;我正对着两台显示器发愣——同样的设计稿在CRT显示器上色彩饱满&#xff0c;到了LCD屏幕却像蒙了层灰。这个困扰无数设计师的问题&#xff0c;背后正是Gamma值在作祟。早年的CRT显示…...

LeetCode138. 随机链表的复制(2024秋季每日一题 34)

给你一个长度为 n 的链表&#xff0c;每个节点包含一个额外增加的随机指针 random &#xff0c;该指针可以指向链表中的任何节点或空节点。 构造这个链表的 深拷贝。 深拷贝应该正好由 n 个 全新 节点组成&#xff0c;其中每个新节点的值都设为其对应的原节点的值。新节点的 ne…...

我在 Mac 写了个服务,硬要它在 18 岁高龄的 Windows 服务器上跑,结果…

前言 事情是这样的。 我有个朋友&#xff08;以下称他为"怨种朋友"&#xff09;&#xff0c;找到我说&#xff1a; "帮我写个 Go 服务&#xff0c;在你自己 Mac 上开发&#xff0c;最后要能跑在咱们公司那台快入土的 Windows 2008 服务器上。" 我当时的…...

雯雯的后宫-造相Z-Image-瑜伽女孩真实案例分享:10组高质量瑜伽体式生成效果展示

雯雯的后宫-造相Z-Image-瑜伽女孩真实案例分享&#xff1a;10组高质量瑜伽体式生成效果展示 1. 效果展示前言 今天给大家分享一个特别实用的AI工具——雯雯的后宫-造相Z-Image-瑜伽女孩模型。这是一个专门生成瑜伽女孩图片的AI模型&#xff0c;基于Z-Image-Turbo的lora版本训…...

STM32F407实战:用CubeMX+FreeRTOS+SDIO+FatFs,5分钟搞定SD卡文件读写

STM32F407实战&#xff1a;5分钟极速实现SD卡文件系统全流程 拿到一块STM32F407开发板时&#xff0c;如何快速验证SD卡文件读写功能&#xff1f;这套组合方案或许能帮你省下大量调试时间——CubeMX生成基础框架、FreeRTOS管理任务调度、SDIO硬件接口驱动配合FatFs文件系统&…...

Whistle Mock实战:精准模拟流式JSON接口的响应头与数据体

1. 为什么我们需要精准模拟流式JSON接口 在前后端分离的开发模式下&#xff0c;前端工程师经常需要模拟后端接口进行开发调试。特别是遇到流式JSON数据这种特殊场景时&#xff0c;简单的数据Mock往往无法满足需求。我遇到过不少这样的情况&#xff1a;明明数据内容完全正确&…...

直接上代码吧,咱们先用Python+OpenCV搞个帧间差法的Demo。看这段核心代码

基于帧间差法进行视频目标检测处理 【是仅源码的价格】 【可写完整课程设计文档报告】 需要或需要请随时联系&#xff0c;博主常在线能秒回 1.[1]视频目标检测&#xff1a; 视频目标检测是指从视频流中自动识别和提取出运动目标的过程 视频目标检测算法通常基于以下原理和方法&…...

Libsvm 编译mex不同平台兼容性问题 Application not supported on glnxa64 due to platform dependencies. Intended pl

matlab线上算法执行报错&#xff1a;Application not supported on glnxa64 due to platform dependencies. Intended platforms include: win64 排查后发现是使用了libsvm-3.3, 而libsvm编译的时候是基于win64编译的导致出现此bug.(因为libsvm的开源代码不是matlab&#xff0…...

CosyVoice部署实战:从零到一搭建你的AI语音合成环境

1. 环境准备&#xff1a;打造AI语音合成的温床 第一次接触CosyVoice时&#xff0c;我对着官方文档发呆了半小时——那些密密麻麻的命令行像天书一样。后来才发现&#xff0c;搭建AI语音合成环境就像组装乐高积木&#xff0c;只要按步骤拼接关键部件就能成功。我们先从最基础的系…...

BallonsTranslator:深度学习驱动的漫画翻译自动化工具

BallonsTranslator&#xff1a;深度学习驱动的漫画翻译自动化工具 【免费下载链接】BallonsTranslator 深度学习辅助漫画翻译工具, 支持一键机翻和简单的图像/文本编辑 | Yet another computer-aided comic/manga translation tool powered by deeplearning 项目地址: https:…...