零成本建站方案之Github Pages

news2024/10/6 1:45:40

之前的文章中介绍了如何申请AWS免费服务器并使用WordPress来搭建个人网站,今天给大家介绍一种无需任何硬件资源,也就是不需要准备服务器就可以搭建一个网站的方案,那就是使用github pages来搭建一个静态网站。

ef5b8647bfc87ad9f35bb3bffa179267.jpeg

第一步,需要准备一个github账号,如果你没有的话,就注册一个吧,仅需邮件就可以注册啦。

第二步,创建一个repository。登录github后,点击”Create repository“创建一个代码仓库。

e806ceddb65a967d7e582b1b6279d309.jpeg

这里的仓库名字不可以随便写,必须是&nbsp;<用户名>.github.io,也就是如果你的用户名是allen,那么仓库名就是allen.github.io,这个同样也是你的网站的域名。

用户名如果不是Github账户名,这个仓库就会成为<用户名>.github.io的子站点,比如访问地址会是:username.github.io/aaa.github.io。可见,<用户名>.github.io是Github默认分配给你的域名,同名仓库即代表着默认网站内容。而<用户名>.github.io/仓库名称,是用来访问你的其它仓库的地址。

2d2e532e2bacb6c9573715b60335d363.jpeg

仓库创建完成后,会看到如下界面,如果你对git命令熟悉的话,应该可以看懂要怎么操作。不过如果你对git一点儿没有接触过,也是不影响的。

6eb423ccb142c05c1eefbefb5770f5b1.jpeg

点击图中红框标注的“creating a new file”,我们创建一个文件,文件名必须是index.html,因为这是github默认的主页路径。

f971356a70d7dc4f87c51299141540b3.jpeg

文件内容你可以拷贝我的,就是一个最基础的html语法写成的静态网页。

<html>
<head>
  <title>我的个人博客</title>
</head>
<body>
  <h1>欢迎访问我的个人博客</h1>
  <p>这里是我的个人博客,我会分享一些我感兴趣的话题和经验,希望您能喜欢。</p>
</body>
</html>

点击右上角的”Commit changes“保存文件内容,这里会提示填写commit message,commit message是git在每次提交代码时,需要编写的一段文字,用来描述这次提交的目的和内容。这些信息可以提供更多的历史信息,方便快速浏览和回溯。如果你不想自定义内容,直接点击弹框右下角的”Commit changes“即可。

ff0dda5a7d129572e9a6e4e57ccea15b.jpeg

点击代码仓库顶部的“Settings”,选择右侧的“Pages”,然后点击“Visit site”就可以打开你的博客主页啦~

379e7c8fc4f32c1efcb182ae817d8647.jpeg

如访问我的博客页面:https://techinsblog.github.io/,页面展示的就是我在上面编辑的html内容。

f5cccc655a05ec0bd1f4d9ec7f49f512.jpeg

到这里我们就完成了一个最简单的静态网站的搭建,步骤非常简单,如果你对html相关技能很熟悉的话,就可以自己编写代码实现个性化的内容建设了。

如果你不会编写html也没关系,后面的文章我会介绍如何使用可视化工具撰写文章并自动部署到github平台,真正实现零代码网站搭建。

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

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

相关文章

Google索引脚本:快速索引你的网站

公众号&#xff1a;【可乐前端】&#xff0c;每天3分钟学习一个优秀的开源项目&#xff0c;分享web面试与实战知识。 每天3分钟开源 hi&#xff0c;这里是每天3分钟开源&#xff0c;很高兴又跟大家见面了&#xff0c;今天介绍的开源项目简介如下&#xff1a; 仓库名&#xff1…

大街款商城项目03-微服务之间调用

目录 RestTemplate OpenFeign 1.引入依赖open-feign 2.声明要调用的服务和接口 3.注入FeignClient启用 4验证 RestTemplate 在微服务架构中&#xff0c;使用RestTemplate是一种常见的方式进行服务间的HTTP通信。以下是一个简单的示例&#xff0c;演示如何使用RestTempla…

【前端素材】推荐优质后台管理系统DAdmin平台模板(附源码)

一、需求分析 1、系统定义 后台管理系统是一种用于管理网站、应用程序或系统的管理界面&#xff0c;通常由管理员和工作人员使用。它提供了访问和控制网站或应用程序后台功能的工具和界面&#xff0c;使其能够管理用户、内容、数据和其他各种功能。 2、功能需求 后台管理系…

OV通配符证书

OV通配符证书结合了组织验证&#xff08;Organization Validation, OV&#xff09;和通配符&#xff08;Wildcard&#xff09;两个概念。组织验证意味着证书颁发机构会验证申请者是否为一个合法的组织&#xff0c;这增加了证书的信任度。通配符则是指证书可以用于保护一个主域名…

【Power Apps】实现多选框效果

在Power Apps表单中&#xff0c;不管数据源的是SharePoint还是Dataverse&#xff0c;我们的选项字段在生成时对会默认被选择为下拉菜单的形式&#xff0c;并且这个下拉菜单在选择的项太多&#xff0c;显示不下的时候&#xff0c;还会把所选项给折叠起来。 而在有一些情况下&am…

LLM@本地语言大模型@Gemma的安装与使用@dockerDesktop的安装和启动

文章目录 准备refsollama安装过程2b模型的效果小结&#x1f47a; ollama的进一步使用帮助文档查看ollama安装了哪些模型使用皮肤来使聊天更易用 使用Chatbot UI皮肤安装docker&#x1f47a;启动docker载入和退出dockerchatbot 网页版皮肤 使用命令行聊天小结&#x1f47a; 准备…

gpt批量原创文章生成器,不限制内容的生成器

在当今的数字化时代&#xff0c;内容创作是网站持续发展的重要组成部分。然而&#xff0c;对于拥有大量内容需求的网站来说&#xff0c;手动创作文章可能会耗费大量时间和精力。为了解决这一问题&#xff0c;许多GPT&#xff08;生成式预训练模型&#xff09;文章生成软件应运而…

Ti的ccs生成bin文件

1.老版本是直接在post-build中添加指令就可以 "${CCE_INSTALL_ROOT}/utils/tiobj2bin/tiobj2bin" "${BuildArtifactFileName}" "${BuildArtifactFileBaseName}.bin" "${CG_TOOL_ROOT}/bin/ofd2000" 2.新的几个版本发现不行了&…

【C++初阶】第四站:类和对象(下)(理解+详解)

前言&#xff1a; 本篇知识点&#xff1a;初始化列表、explicit关键字、static成员、友元、内部类、匿名对象、编译器的优化 专栏&#xff1a;C初阶 目录 再谈构造函数 1️⃣构造函数体赋值 2️⃣初始化列表 explicit关键字 static成员 1.static概念 2.static特性 面试…

Unity 游戏设计模式:工厂模式

本文由 简悦 SimpRead 转码&#xff0c; 原文地址 mp.weixin.qq.com 工厂模式是一种创建型设计模式&#xff0c;它提供了一种封装对象实例化过程的方式&#xff0c;使得客户端代码与具体类的实现解耦。 在 C# 的游戏设计中&#xff0c;模式有以下作用&#xff1a; 对象的创建…

(2024,MixLoRA,任务干扰,独立因子选择,条件因子选择)使用 LoRA 的条件混合进行多模态指令调优

Multimodal Instruction Tuning with Conditional Mixture of LoRA 公和众和号&#xff1a;EDPJ&#xff08;进 Q 交流群&#xff1a;922230617 或加 VX&#xff1a;CV_EDPJ 进 V 交流群&#xff09; 目录 0. 摘要 3. 任务干扰在多模态指令调优中的 LoRA 应用 3.1 背景&am…

代码随想录算法训练营第二十八天补|93.复原IP地址 ● 78.子集 ● 90.子集II

组合问题&#xff1a;集合内元素的组合&#xff0c;不同集合内元素的组合 分割问题&#xff1a;本质还是组合问题&#xff0c;注意一下如何分割字符串 回溯模板伪代码 void backtracking(参数) {if (终止条件) {存放结果;return;}for (选择&#xff1a;本层集合中元素&#xf…

使用Python,maplotlib绘制树型有向层级结构图

使用Python&#xff0c;maplotlib绘制树型有向层级结构图 1. 效果图2. 源码2.1 plotTree.py绘制层级结构及不同样式2.2 plotArrow.py 支持的所有箭头样式 参考 前俩篇博客介绍了 1. 使用Python&#xff0c;networkx对卡勒德胡赛尼三部曲之《群山回唱》人物关系图谱绘制 2. 使用…

江科大stm32学习笔记——【5-2】对射式红外传感器计次旋转编码计次

一.对射式红外传感器计次 1.原理 2.硬件连接 3.程序 CountSensor.c: #include "stm32f10x.h" // Device header #include "Delay.h"uint16_t CountSensor_Count;void CountSensor_Init(void) {//配置RCC时钟&#xff1a;RCC_APB2Perip…

房贷计算器微信小程序原生语言

微信小程序: 房贷计算器 效果: 输入 300万 结果 还款明细 一共有3个页面 1、输入页面 2、结果页面 3、详情页面 1 index页面 index.wxml文件 <view class="text-black"><!--房屋总价--><view class="cu-bar bg-white solid-bottom"&…

Redis--事务机制的详解及应用

Redis事务的概念&#xff1a; Redis事务就是将一系列命令包装成一个队列&#xff0c;在执行时候按照添加的顺序依次执行&#xff0c;中间不会被打断或者干扰&#xff0c;在执行事务中&#xff0c;其他客户端提交的命令不可以插入到执行事务的队列中&#xff0c;简单来说Redis事…

Vue之监测数据的原理(对象)

大家有没有想过&#xff0c;为什么vue可以监测到数据发生改变&#xff1f;其实底层借助了Object.defineProperty&#xff0c;底层有一个Observer的构造函数 让我为大家简单的介绍一下吧&#xff01; 我用对象为大家演示一下 const vm new Vue({el: "#app",data: {ob…

Harbor 的安装及使用

Harbor 安装官网手册&#xff1a; https://goharbor.io/docs/2.10.0/install-config/download-installer/ Harbor 发布包地址&#xff1a; https://github.com/goharbor/harbor/releases 在部署harbor的前提下先安装docker 和 docker-compose 安装docker&#xff1a;https://d…

Opencv基础与学习路线

Opencv Opencv每一篇目具体&#xff1a; Opencv(1)读取与图像操作 Opencv(2)绘图与图像操作 Opencv(3)详解霍夫变换 Opencv(4)详解轮廓 Opencv(5)平滑处理 具体Opencv相关demo代码欢迎访问我的github仓库&#xff08;包含python和c代码&#xff09; demo代码 文章目录 Opencv一…

<专利>机器人3D视觉快速定位抓取方法及系统

摘要&#xff0c;此专利无可用的关键技术信息&#xff0c;基本都是下面几句话反复说。。。 本发明提供了一种机器人3D快速定位抓取方法及系统&#xff0c; 包括&#xff1a; 通过高速的3D结构光成像对目标物体的表面轮廓进行扫描&#xff0c; 形成点云数据&#xff1b;对所述点…