薅github的羊毛-用pages建自己的博客或静态资源站 - 1/2

注册帐号

准备邮箱注册帐号,在注册界面输入用户名、邮箱及密码完成注册。

添加图片注释,不超过 140 字(可选)

1. 在注册成过程中,会往邮箱发送验证码,请如实填写即可

2. 验证码没错的话,就代码创建成功,这时会问您是个人还是团队,团队人员等。您按情况填即可

3. 会要求是收费还要要免费的,选免费。

到此全部注册结束!

创建仓库

注册之后,登录到github上,点击用户的Dashboard中的"New" 按钮,创建一个仓库

创建仓库页

请输入仓库名,并选择public。仓库名会是网站的域名的上下文,请仔细填写,当然后期也可以修改的。

添加图片注释,不超过 140 字(可选)

完了以后进入这个页面

添加图片注释,不超过 140 字(可选)

配置 Pages页面

进入仓库的页面,点”Setting“,再选"Pages",进入配置而,如下图。,选择main分支/(root)点保存(默认就是这个)

添加图片注释,不超过 140 字(可选)

所以请仔细取名字,这样出来的域名会很好看。或者如果有自己的域名也可以做转向。或者用github的二级域名,这个估计得收费了(笔者没有研究,后如有深度应该可进一步探究),用nginx做反向代理应该也成,但可能得花转向的流量费了。

其他的配置完成了,现在开始准备页面。默认域名是 https://帐号名.github.io/<仓库名>

所以请仔细取名字,这样出来的域名会很好看。或者如果有自己的域名也可以做转向。或者用github的二级域名,这个估计得收费了(笔者没有研究,后如有深度应该可进一步探究),用nginx做反向代理应该也成,但可能得花转向的流量费了。

访问测试

准备index.html文件

进入控制台

echo 'hello' >> index.htmlgit clone  https://github.com/feicuimeipo/sarah.git
cd canvas
echo 'sarah' >> index.html # 编写一个测试页
git add *
git commit -m 'test pages'
git push

访问测试

在浏览器里输入 https://帐号名.github.io/<仓库名> / 即可看到效果。

笔者配置的是 : https://feicuimeipo.github.com/sarah 哈哈,感觉还是蛮好看的。

添加图片注释,不超过 140 字(可选)

这是笔者配置的另外一个比较完整的例子:httpw://feicuimeipo.github.io/canvas/

后记:几点改进

  1. 可以设置分支而不是在主分页上,这样利于生产版与开发版的维护接收

  2. 自有域名转向,配置页里有

  3. 将仓库名取成帐号名,可直接访问 https://feicuimeipo.github.com 访问到sarah仓库pages页

  4. 刚刚只是一个测试页,如果要建站可能需要涉及工具,这个较复杂,未来写文章分享或自行百度

如果要写一个人博客,可以用静博客的工具,如果要制作公司主页可以建站工具...总之需要额外的操作。但门槛还可以,不算太复杂。

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

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

相关文章

AUTOSAR从入门到精通-面向服务的中间件SOME/IP(一)

目录 前言 几个相关概念 几个高频面试题目 SOME/IP 与 CAN 的不同? 通信速度

JavaScript询问gpt:如何合并数组?

如何合并数组&#xff1f; 在 JavaScript 中&#xff0c;你可以使用多种方法来合并数组。以下是一些常见的方法&#xff1a; 1. 使用 concat() 方法&#xff1a; javascript const array1 [1, 2, 3]; const array2 [4, 5, 6]; const mergedArray array1.concat(…

【Maven】加载 Maven 项目报错 status code: 501, reason phrase: HTTPS Required (501)

问题描述 加载 Maven 项目报错&#xff0c;错误信息如下&#xff1a; status code: 501, reason phrase: HTTPS Required (501)尝试使用 -U 标记(强制更新快照)运行 Maven 导入原因分析 这个错误通常表示 Maven 在尝试从远程仓库下载依赖时遇到了 HTTPS 必需的错误。 解决方…

案例:xpath实例+功能

素材&#xff1a;test.html 代码如下&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><title>Title</title></head><body><span>我爱你</span><ul><li…

Mac配置环境变量不生效

Mac配置环境变量不生效 Mac中的环境变量介绍 Mac系统的环境变量&#xff0c;加载顺序为&#xff1a; /etc/profile /etc/paths ~/.bash_profile ~/.bash_login ~/.profile ~/.bashrc 当然/etc/profile和/etc/paths是系统级别的&#xff0c;系统启动就会加载&#xff0c;后面…

将自己的django项目部署到云服务器(腾讯云centos)

最近自己买了个云服务玩&#xff0c;突然就想把自己写的小项目部署到云服务器上&#xff0c;这样就可以实现公网访问了。以下是整个部署过程和遇到的各种问题的解决方案&#xff0c;有想自己部署自己功能的&#xff0c;可以参考着进行哦。 1、设置好腾讯云的远程登录代码 先给…

HarmonyOS(二)—— 初识ArkTS开发语言(下)之ArkTS声明式语法和组件化基础

前言&#xff1a; 通过前面ArkTS开发语言&#xff08;上&#xff09;之TypeScript入门以及ArkTS开发语言&#xff08;中&#xff09;之ArkTS的由来和演进俩文我们知道了ArkTS的由来以及演进&#xff0c;知道了ArkTS具备了声明式语法和组件化特性&#xff0c;今天&#xff0c;搭…

倾角仪(xyz)理解

第一列是初始值 x更小&#xff0c;说明往左倾 x更大&#xff0c;说明往右倾 z更大、y更大&#xff0c;说明往后倾 z更小、y更大&#xff0c;说明往前倾

[Unity+文心知识库]使用百度智能云搭建私有知识库,集成知识库API,打造具备知识库的AI二次元姐姐

1.简述 最近从百度智能云的官方技术支持那边了解到&#xff0c;目前百度千帆大模型平台提供有在线的知识库功能&#xff0c;能够在线上传自己的私人知识库文档&#xff0c;并且配置文心一言模型作为文本生成的引擎&#xff0c;构建自己的私有知识库。之前自己搭建知识库都是用的…

VPN 在网络安全中的应用

虚拟专用网络&#xff08;Virtual Private Network&#xff0c;VPN&#xff09;是指利用不安全的公共网络如 Internet 等作为传输媒介&#xff0c;通过一系列的安全技术处理&#xff0c;实现类似专用网络的安全性能&#xff0c;保证重要信息的安全传输的一种网络技术。 1&#…

【网络安全技术】电子邮件安全PGP,SMIME

一、PGP&#xff08;Pretty Good Privacy&#xff09; PGP是一种邮件加密手段&#xff0c;他在发邮件一方加密&#xff0c;然后发给发送方邮件服务器&#xff0c;发送方邮件服务器再发送给接收方邮件服务器&#xff0c;然后接收方再从接收方邮件服务器pop出来&#xff0c;这整…

【Python爬虫】Python爬虫入门教程注意事项

1 引言 随着互联网的快速发展&#xff0c;网络数据已经成为人们获取信息的重要来源。而爬虫技术作为获取网络数据的重要手段&#xff0c;越来越受到人们的关注。在众多编程语言中&#xff0c;Python因其易学易用、库丰富、社区活跃等优势&#xff0c;成为爬虫开发的首选。本文将…

python和pygame实现烟花特效

python和pygame实现烟花特效 新年来临之际&#xff0c;来一个欢庆新年烟花祝贺&#xff0c;需要安装使用第三方库pygame&#xff0c;关于Python中pygame游戏模块的安装使用可见 https://blog.csdn.net/cnds123/article/details/119514520 效果图及源码 先看效果图&#xff1a…

共建开源新里程:北京航空航天大学OpenHarmony技术俱乐部正式揭牌成立

12月11日,由OpenAtom OpenHarmony(以下简称“OpenHarmony”)项目群技术指导委员会(以下简称“TSC”)和北京航空航天大学共同举办的“OpenHarmony软件工程研讨会暨北京航空航天大学OpenHarmony技术俱乐部成立仪式”在京圆满落幕。 现场大合影 活动当天,多位重量级嘉宾出席了此次…

PostgreSQL DBA之数据库指标监控

常规监控 连接数使用超过95%告警&#xff0c;最大连接数和当前连接数 select (select count(*) from pg_stat_activity) /(select setting from pg_settings where name max_connections) ::numeric >0.95; 存在空闲连接idle in transaction大于5秒的连&#xff0c;如果长…

【EXCEL】vlookup,index/match查找函数

区别&#xff1a; 1.Vlookup函数只能查找列数据&#xff0c;即纵向查找&#xff0c;而IndexMatch函数&#xff0c;既可以纵向查找&#xff0c;也可以横向查找&#xff1b; 2、Vlookup函数查找的依据(第一个参数)必须位于数据源的第一列&#xff0c;IndexMatch函数组合则无此限制…

matlab操作方法(三)——matlab中的数字图像(读取、显示、保存)

数字图像是二维图像用有限数字数值像素的表示。通常像素在计算机中保存为二维整数数组的光栅图像&#xff0c;这些值经常用压缩格式进行传输和存储。 二值图像&#xff1a;图像中每个像素的亮度值仅可以取自0或1的图像&#xff0c;因此也称为1bit图像 灰度图像&#xff1a;图…

华为配置基本QinQ示例

组网需求 如图1所示&#xff0c;网络中有两个企业&#xff0c;企业1有两个分支&#xff0c;企业2有两个分支。这两个企业的各办公地的企业网都分别和运营商网络中的SwitchA和SwitchB相连&#xff0c;且公网中存在其它厂商设备&#xff0c;其外层VLAN Tag的TPID值为0x9100。 现…

方法命名约定

Java从第一天起就遵循这个命名约定。类似地&#xff0c;大多数Java-8引入的类都包含这个of(...)方法 Stream.of(...) LocalDate.of(year, month, dayOfMonth) Instant.ofEpochSecond(epochSecond) and many more. 不仅有valueOf或of方法可用&#xff0c;而且在不同的类中&…

StatusBar、NavigationBar窗口显示在Activity下面之aosp14窗口类bug线索征集

背景&#xff1a; hi&#xff0c;粉丝朋友们&#xff1a; 从上次帮助国际学员解决了一个分屏有黑屏的bug后&#xff0c;相关blog和解决方法 https://blog.csdn.net/learnframework/article/details/134708393 解决方法看b站视频&#xff1a; https://www.bilibili.com/video/B…