如何在git上搭建我的靜態網頁(簡單易懂,包學習會)

不少前端開發人員都和我同樣,有創建我的博客的習慣。本身租用服務器須要一筆不大不小的開銷。咱們能夠選擇把本身的頁面代碼託管到github上,用它來創建本身的我的主頁,和放置各類博客筆記.可是小白們每每很懵懂,不知道如何創建一個github展現頁面。html


註冊github我的帳號而且新建一個respository命名爲myblog

1.註冊帳戶我早早已經註冊好了,相信稍微懂點英語的均可以搞定
圖片描述前端

2.建立倉庫
圖片描述git


把項目pull到本地進行編輯這裏我用的是git bansh命令行同志們能夠去下載一個命令行工具

1.在本地新建一個文件夾而且初始化爲git倉庫github

$ git init blog

2.進入文件夾配置遠程主機服務器

$ cd blog
$ git remote add origin https://github.com/liyu2012/myblog

3.pull倉庫到本地進行編輯工具

$ git pull origin master

本地編輯本身的index.html文件而且push服務器

由於咱們要在項目主目錄下放置src文件(咱們本身編寫的源代碼文件),爲了和最後生成的最終文件進行區分。咱們把將要展現的頁面放置在docs文件夾下面。
文件目錄以下圖片描述
1.假設咱們寫了好了一個我的博客的html,提交到本地倉庫,而後咱們把它推送到github倉庫master brantch中spa

$ git add .
$ git commit
$ git push origin master

在倉庫setting設置我的展現頁面

1.點擊settings>Github Pages命令行

圖片描述
2.選擇一個源選擇docs>save
圖片描述
3.點擊上面生成的連接code

https://liyu2012.github.io/my...

這樣一個我的主頁咱們就創建好了htm

相關文章
相關標籤/搜索