- git 介紹
1. Git 是一個開源的分布式版本控制系統,可以有效、高速地處理從很小到非常大的項目版本管理。Git 是 Linus Torvalds 為了幫助管理 Linux 內核開發而開發的一個開放源碼的版本控制軟件。
- github 介紹
1. GitHub是一個面向開源及私有軟件項目的托管平臺,因為只支持git 作為唯一的版本庫格式進行托管,故名GitHub
, 使用GitHub可以查看別人的項目、可以建立靜態網頁、可以管理插件、可以在線編譯、可以托管代碼等等
- 把頁面托管到github
1. 注冊github www.github.com
賬戶
2. 登錄:username or email account:xxx@xxx.com /password
3. 創建repositories: yunduan 參考:https://jingyan.baidu.com/article/215817f74b29051eda1423aa.html
4. cd e:\yunduan.io\base,執行..\bin\hugo.exe
-D?-D(生成draft)
5. cd e:\yunduan.io\base\public 注意,靜態網站的頁面是在public 目錄,只需要將public 目錄下的html相關頁面推送到github
6. git init
7. git remote add origin https://github.com/clouda3/yunduan.git
8. git add .
9. git commint -m "第一次提交"
10. git push -u origin master
- 配置github pages
1. 上一步將網站生成的代碼提交到gihub上,利用已經提交的代碼托管
2. github repository->setting
3. Repository name ->yunduan.github.io
4. github pages ->source :master branch
5. 最后修改一下config.toml,
```
baseURL = "https://yunduan.github.io"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "hyde"
[menu]
[[menu.main]]
identifier = "post"
title = "my blog"
name = "Post"
url = "/posts/"
```
6. 然后重新生成靜態頁面,push 到github
```
1. cd e:\yunduan.io\base,執行..\bin\hugo.exe
-D?-D(生成draft)
2. cd e:\yunduan.io\base\public 注意,靜態網站的頁面是在public 目錄,只需要將public 目錄下的html相關頁面推送到github
3. git init
4. git remote add origin https://github.com/clouda3/yunduan.git
5. git add .
6. git commint -m "第一次提交"
7. git push -u origin master
```
7. 訪問 https://yunduan.github.io github提供的二級域名就可以訪問了
*****
8. 如果要綁定自己的域名,請執行這一步
9. 在settings 頁面下方github pages ->custom domain:www.yunduan.io
(最好在content目錄下創建CNAME文件,內容www.yunduan.io),這樣不配置custom domain也可以
10. 現在域名就可以綁定https://yunduan.github.io,但是直接訪問域名還是無法訪問的,請執行下一步 解析域名到github pages
- 解析域名到github pages
1. 我的域名是在亞馬遜買的,在aws route53申請域名(或者aliyun或者騰訊云申請)
2. 域名yuduan.io的cname指向 https://yunduan.github.io
3. 訪問一下https://www.yunduan.io
- 【入門】1:Hugo介紹
- 【入門】2:Hugo網站和主題演示
- 【入門】3:Hugo跟Wordpress和Hexo對比
- 【入門】4:20分鐘快速搭建Hugo網站
- 【入門】5:免費網站托管到Gitpages
- 【入門】6:圖標icon/robot.txt/404頁面創建和設置
- 【入門】7:網站地圖sitemap
- 【進階】8:自定義菜單
- 【進階】9:自定義Tag/category
- 【進階】10:頁面Meta keyword
- 【進階】12:創建頁面摘要
- 【進階】11:創建列表【進行中...】
- 【進階】13:創建分頁
- 【進階】14:創建統計
- 【進階】15:創建rss
- 【高級】16:創建頁面目錄
- 【高級】17:創建站內搜索
- 【高級】18:創建多語言支持
- 【高級】19:顯示相關內容
- 【高級】20:顯示當前頁面所有Tag
- 【高級】21:創建社交聯系方式
- 【高級】22:創建社交分享
- 【高級】23:創建評論gitalk
- 【高級】24:自動化部署-netlify
- 【高級】25:自動化部署-Github actions