教你使用GitHub搭建个人网站

2024-05-13 04:55:52

GitHub源码分享

微信搜索：码农StayUp
主页地址：https://gozhuyinglong.github.io
源码分享：https://github.com/gozhuyinglong/blog-demos

1. 创建一个代码仓库

登录你的GitHub，点击右上角的 + 号按钮，选择【New repository】，打开创建新仓库页面。

创建一个名为为username.github.io的代码仓库，其中username为你的GitHub的账户名称。
注：如果username与你的账户名称不匹配，将不会起作用

下图中因为我的代码仓库gozhuyinglong.github.io已使用，所以提示已存在。

2. 选择主题

进入创建好的代码仓库，点击【Settings】，进入设置界面。

页面往下拉，找到GitHub Pages模块，点击【Choose a theme】，进入选择主题页面。

GitHub提供了一些主题供选择，选择好后点击【Select theme】完成

3. 设置页面内容

选择完主题会生成两个文件：

_config.yml为选择的主题
index.md为页面内容

index.md为Markdown文件，编辑内容即可修改页面内容。

4. 自定义页面

当然GitHub也支持自定义的页面，上传自己 index.html 页面即可。

5. 页面网址

页面的网址便是你的代码仓库名称：https://username.github.io

最终效果请看我的个人主页：https://gozhuyinglong.github.io

6. 官网说明

GitHub Pages: https://pages.github.com

教你使用GitHub搭建个人网站相关推荐

基于GitHub搭建个人网站
基于GitHub搭建个人网站基于GitHub搭建个人网站我的个人站点 https://github.com/wforguo 当你撸完一份自己的个人网站,然后想让别人去访问它, 怎么办?去买个服务器 ...
Hexo+GitHub搭建个人网站全网最详细教程
前言这个故事很长,还要从一只蝙蝠说起! 大二寒假在家闲来无事一直想做一个网站但是苦于没有门路,于是我去各大论坛搜索关于搭建网站的资料,这一搜还真给搜到了,于是这一套Hexo+GitHub搭建个人博客 ...
如何利用github搭建个人主页网站？
本章教程告诉你如何利用github搭建一个个人静态主页网站. 适合没有服务器和域名且对网站搭建感兴趣的人玩玩,github稳定性可能差一点. 目录一.前期准备工作二. 创建项目仓库三.将网站上传 ...
GitHub搭建个人网站
GitHub免费搭建个人网站学习前端的人应该知道,开始学习前端时,心里想的肯定是我一定要给自己做一个的非常棒的网站,学完之后网站做好了,但是要怎么上线呢??? 作为一个前端,拥有有自己的个人网站,算 ...
使用github搭建个人网站(HTTP服务器)
本文为git使用的基础文章,主要参考了github的docs文件.接下来将对github的简单使用进行讲解. 本文参考了 refer github docs https://docs.github.c ...
手把手教你如何利用github搭建个人网站无需服务器
目录前言准备工作教程来啦!!! 第一部分第二部分链接说明前言哈喽,大家好,我是木易巷. 今天给大家分享一下:如何使用GitHub创建自己的个人网站? 准备工作需要使用GitHub,当然 ...
手把手教你使用wordpress搭建个人网站
摘要:前段时间用Hexo搭建了静态博客,放在了Gitee上面感觉太慢,而且每次部署之后还需要去Gitee后台上面更新一遍,所以又重新用wordpress搭建了一个博科网站,部署在云虚拟主机上面. 1. ...
码云怎么创建公开的仓库_使用码云或GitHub搭建简单的个人网站（补充hexo搭建博客）...
使用码云或GitHub搭建个人网站码云: 1.新建一个仓库路径名会影响你的个人网站的网址(自行修改),开源(公开),其他默认我们点击创建 2.进入仓库后,我们新建一个文件 3.文件名为index ...
手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
前言前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...
保姆级教程：手把手教你搭建个人网站
保姆级教程:手把手教你搭建个人网站前言准备与搭建 1.Git管理工具的下载与安装 2.nodejs环境安装 3.hexo博客框架下载 npm换国内源使用npm下载hexo博客框架初始化mybl ...

最新文章

热门文章