將基於hugo搭建的我的博客部署到github上,供外網訪問

搭建本地的hugo我的博客:http://www.javashuo.com/article/p-fiyufgkv-gg.htmlgit

搭建好的博客地址示例: https://zhang-550.github.io/post/github

前提是先搭建好本地的hugo我的博客ssh

1. 配置config.toml文件並建立github倉庫

改爲本身的github地址post

1.2 怕你不會建立,帶你建立一下本身的github倉庫

1.2.1 首先登陸你的github帳號

github 地址
https://github.com

1.2.2 步驟1:建立倉庫

點擊new進行建立url

1.2.3 步驟2:填寫配置內容,完成建立

1.2.4 步驟3:查看github

建立完成後這裏便可看到剛剛建立的倉庫.net

1.2.5 步驟4:查看ssh路徑,後面要用

點進去剛剛建立的倉庫code

2. 部署到github供外網訪問你的博客

2.1 步驟1: 啓動本地hugo:

本地啓動須要執行以下命令:
hugo server

訪問該路徑便可看到本身的博客了: localhost:1313 若是不行,看下以前搭建本地hugo博客中的3.2.2步驟中是否刪掉了draft:true或者將draft改成了falseserver

搭建本地hugo我的博客地址: http://www.javashuo.com/article/p-fiyufgkv-gg.htmlblog

啓動成功

2.2 步驟2: 生成public目錄

執行hudo命令,生成public目錄:
hugo

2.3. 部署到github:

//依次執行以下命令: 複製便可,避免敲錯
git pull //若是不行使用: git pull --rebase origin master
git init
git remote rm origin
//換成本身的github上的ssh路徑,在上面 1.2.5 步驟4 中已經講解如何查看ssh路徑
//示例: git remote add origin 改爲本身的路徑
git remote add origin https://github.com/zhang-550/zhang-550.github.io.git
git add -A
git commit -m "first commit"
git push -u origin master

2.3.1 所有執行完畢後查看github倉庫

2.3.2 訪問我的博客

部署完成後訪問我的的路徑是: 第一步配置config.toml文件中的basrurl路徑
示例:
https://改爲本身的倉庫路徑/
https://zhang-550.github.io/
相關文章
相關標籤/搜索