github博客搭建

访问地址

• https://github.com/

演示

下载vscode 编辑器非常重要

下面的网站下载

• https://code.visualstudio.com/

注册登录

略

开始搭建博客

1. 先创建一个Repositories

1. 然后给自己的Repositories取一个名字，注意：名称格式最好为：用户名.github.io

1. 创建内容

echo "# youyongba.github.io" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch main
git remote add origin ssh://github.com/youyongba/youyongba.github.io.git
git push  origin main

1. 找到setting

1. 找到Pages (在左侧栏)

1. 看到绿色（如果看到的是蓝色还在更新需要等待一会）

1. 创建子页面

   • 除了以上第2步不需要变成，不需要xxx.github.io,只需要起被通的仓库名称就可以。
   • 第6步，在Source这个下边的选项将node改成master
   • 成功后会获得到一个地址 比如： https://youyongba.github.io/GitHubBlog/

2. 关联子页面

   • 用vscode 打开源文件

资源文件（比如说图片）

存储一般大多数都是收费的，但是github有一个免费的方式。可以将图片存在里面。

• 可以在首页创建一个resources/images的文件夹，将图片放在里面，推送过去

• 如何访问图片

  https://github.com/youyongba/youyongba.github.io/blob/master/resources/images/githubblog.gif

  1. 将github.com --> raw.githubusercontent.com，在将blob删掉,会变成https://raw.githubusercontent.com/youyongba/youyongba.github.io/master/resources/images/githubblog.gif

代码

README.md

首页

web开发笔记，用来记录自己的有效积累
* [介绍](README.md)

目录
* [github博客搭建](github_blog/readme.md)

blog/README.md

子页面

# github博客搭建
## 访问地址
 - https://github.com/

## 演示
![](https://raw.githubusercontent.com/youyongba/youyongba.github.io/master/resources/images/githubblog.gif '微信扫码交流1')

## 下载vscode 编辑器非常重要
> 下面的网站下载
 - https://code.visualstudio.com/