使用github免费搭建个人网站详细教程

2024-04-16 18:26:49

1、首先在电脑上安装Node.js(这个必装的以后学习经常用得到的)

安装node.js的教程请看node安装教程

2、安装git

进入git下载的网址git官网，下载对应操作系统版本的安装包，比如我的是windows64位的

选择安装路径

选择安装git组件，建议默认的就好了，也就是红色框内的

一路默认next，如下地方还是选择默认的vim编辑器

如下选择它推荐的第二个就好了

后面的部分我都按照默认的，一路next

这个我按默认的不选，然后install就开始安装了

安装完成后，打开命令行，输入git --version，出现版本号就表示成功了

3、注册github账号

要用github搭建静态页面，肯定首先得注册个github账号，注册账号的过程大家自行百度吧

4、创建仓库

点击右上角的+号新建一个仓库

仓库名为你的github的username.github.io，格式一定要对

右键git bash here，设置user.name和user.email配置信息

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

生成ssh密钥文件

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

然后直接回车即可，默认不需要设置密码，找到生成的.ssh的文件夹中的id_rsa.pub密钥，将内容全部复制，打开GitHub_Settings_keys 页面，新建new SSH Key，将内容复制进去

在Git Bash中检测GitHub公钥设置是否成功，输入 ssh git@github.com

5、在本地建仓库文件夹，比如我在D盘新建WebServer

然后在这个文件夹git bash here打开命令，将之前新建仓库克隆到本地，输入命令

git clone 你的仓库地址
#比如我的
git clone https://github.com/CSN-001/CSN-001.github.io.git

username.github.io就是你的网站根目录，把你新建好的个人网站代码复制到根目录，需保证index.html在根目录下(.git所在的目录)。

右键git bash here，输入以下命令，将项目push到github远程仓库

git add --all#单引号里面随便什么都可以
git commit -m 'init'
git push

6、然后就可以通过域名访问你的网站了

输入username.github.io，比如我的是CSN-001.github.io

使用github免费搭建个人网站详细教程相关推荐

GitHub+Hexo 搭建个人网站详细教程
原文链接 GitHub+Hexo 搭建个人网站详细教程前言: 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷.然后,如果你是一个不甘寂寞的程序猿(媛),是否也想要搭建 ...
苹果cms v10版本搭建影视网站详细教程
为什么要搭建这个网站:因为最近闲的无聊,想追点美剧,但是自己想看的美剧在腾讯视频这些上面又没有完整的,然后去一些网站看的,要不然就是垃圾广告多,要不然就是看一会卡一会,无奈之下就决定搭建一个自己的专属 ...
使用GitHub Pages+Hexo 搭建个人网站详细教程
文章目录 -GitHub Pages和Hexo的介绍 -安装Node.js -安装Git -验证是否安装成功 -点击Git Bash -点击鼠标右键 -安装Hexo -Hexo 初始化配置 -查看网站 ...
腾讯云一元服务器搭建个人网站详细教程
这里介绍的的是腾讯云的windows系统的服务器,部署的是Java环境,用的是tomcat和MySQL,其他的按本教程不保证成功. 腾讯云学生认证服务器购买地址:一元就可以买到服务器+一个.cn后缀的 ...
GitHub+Hexo搭建个人网站
title: GitHub+Hexo 搭建个人网站详细教程 date: 2019-04-13 13:42:36 tags: 个人网站 categories: 技术搭建步骤: 获得个人网站域名申请域 ...
宝塔搭建网站教程php,怎么利用宝塔面板搭建网站详细教程
利用宝塔面板搭建网站是当前主流形式,宝塔面板操作简单,可视化操作,是新手和老司机搭建网站的首选.今天我的主题网就给小白们分享下怎么利用宝塔搭建自己的网站.如果你还没有安装宝塔可以参考:宝塔面板安装小白 ...
如何利用GitHub Pages免费搭建个人网站以及绑定自己的域名
拥有自己的个人网站,无可否认是能增加学习Web开发的动力的. 本笔记记录使用GitHub Page,免费搭建个人网站,以及如何链接自己的域名. 写在前面:什么是GitHub Pages 根据官网的定义 ...
Windows 服务器用IIS搭建网站详细教程
Windows 服务器用IIS搭建网站详细教程 Windows 服务器用IIS搭建网站详细小白级教程: 通常开通服务器后,需要进行网站搭建,下面是windows2003及2008系统搭建网站的操作方法 ...
使用 Hexo 快速免费搭建个人网站
使用 Hexo 快速免费搭建个人网站前言软件下载注意事项: 为防止恶意软件入侵,下载可执行文件时会自动加上.dat后缀,下载后去掉.dat后缀即可正常使用软件安装: git安装 Node.js ...
如何半小时免费搭建NGINX网站？
原文作者:楚发原文链接:如何半小时免费搭建NGINX网站? 转载来源:NGINX开源社区近半年直播越来越火,老罗都登场带货了,疫情就像催化剂,逼着线下各行各业转战线上.毋庸置疑,今年是直播元年. ...

最新文章

热门文章