EliasChang
创作时间:
作者:
@小白创作中心
EliasChang
引用
CSDN
1.
https://blog.csdn.net/EliasChang/article/details/136571467
个人网页作为仅服务个人的网页,一切都由个人说了算,没有平台限制,想添加什么内容就添加什么内容,尤其是在展示自己的应聘方面,附上一份个人网页不仅仅能让HR眼前一亮,更多地还能让招聘官更简便地深入了解你。
然而,除非个人定制(实际上别人设计给你的个人网页也不一定合你心思),否则搭建起来需要个人负责所有技术,相对个人来说其实比较复杂。此时,使用GitHub却可以简化许多过程和支持,本篇将介绍如何依托GitHub建立个人网页。
一、技术基础
搭建个人静态网页至少需要GitHub使用基础和网页前端基础。
- GitHub使用基础:登录GitHub账号、创建仓库、上传代码、分支管理等。
- 网页前端基础:HTML5、CSS、JavaScript等前端语言
对于GitHub使用基础不熟悉的人,可以参考相关教程进行学习。对于网页前端基础不熟悉可以在以后深入学习,这里仅使用最简单的HTML骨架网页作为示例探讨GitHub搭建静态网页的可能性。同时,如果技术储备充足,希望建立个人动态网页的请探索更多延伸技术,这里不做探讨。
二、新建特殊仓库
相比于普通仓库,个人网页的项目名有固定的要求:用户名.github.io,如下所示。
三、上传网页文件
网页工程文件通常由index.html、htmls、css、js、images等项目组成,这里仅上传一个最主要的index.html文件。可以使用VS Code创建一个完整的网页工程项目进行编写,由于示例简单,本人直接在GitHub网页端编辑上传的。下面是index.html文件代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EliasChang</title>
</head>
<body>
<h1>你好</h1>
</body>
</html>
除了HTML骨架之外,此文件只在内容中添加了一级标题“你好”。添加后仓库如图所示。
四、GitHub Pages设置
进入此仓库的设置,点击Pages设置,左侧即可显示个人网页网址。
热门推荐
年轻人都在追求的「新中式」装修是什么样子的?
2025考军校政审条件最新规定:8种情况不合格!附政审流程
鼓励“揭榜挂帅”,深化校企合作——以新型研发机构促人工智能成果转化
贾宝玉:弱到极致的反叛者
智慧之泉,历久弥新:《增广贤文》的传世魅力与现代启示
羊肉粉,你喜欢哪种?忍不住了,嗦粉去~~~
揭秘离子通道:细胞的隐形开关!
不同类型的 LED 驱动电源在检测方法上有哪些不同?
人类的视觉和感知如何影响我们对颜料颜色的看法
断桥铝门窗防坑指南:四大误区要清楚,躲过能省上万元
电子游戏本地化:如何成功进行全球扩张
纯牛奶 vs 鲜牛奶:选购指南与区别详解
国内外康养旅居模式探析与趋势研判
2025泰晤士世界大学排名:日本大学表现亮眼
大寒节气将至:专家解读养生防病要点
中医药行业发展交流会暨《中医药零售行业发展报告》发布会在京举行,广盛原应邀出席
艾草加花椒泡脚的功效与注意事项
对比AES和RSA加密解密技术哪个更适合企业使用
拍出理想证件照的技巧与注意事项详解指南
乘坐火车时物品遗失该怎么办?别急,试试这三个方法
乘火车出行 物品遗失该怎么办?试试这三个方法
中国传统十大名绣:指尖上的艺术瑰宝
对比OpenVZ、KVM、Xen、VMware虚拟架构的优劣与应用场景
股市左侧交易的策略是什么?这种策略有哪些风险?
如何证明0.999(无限)=1?无穷的概念带给人类太多困惑和思考!
十全大补汤的功效与作用及禁忌症
微信欠钱不还怎么办?微信投诉有用吗?起诉需要满足什么条件?
斯坦福教授的日常秘籍:如何从早到晚,科学规划你的每一天(附高能量生活指南)
股市风向标 | 美国3月非农新增就业大超预期
从《中国考试》2024年高考全国卷语文试题点评看2025届备考策略