将基于hugo搭建的个人博客部署到github上,供外网访问

怼烎@ 2023-02-24 11:13 25阅读 0赞

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png]

搭建本地的hugo个人博客:[https://my.oschina.net/u/4284277/blog/3207783][https_my.oschina.net_u_4284277_blog_3207783]

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

**前提是先搭建好本地的hugo个人博客**

# 1. 配置config.toml文件并创建github仓库 #

改成自己的github地址

![up-5a38947f5463f54238f28cd6d7a433997a2.png][]

## 1.2 怕你不会创建,带你创建一下自己的github仓库 ##

### 1.2.1 首先登录你的github账号 ###

github 地址
    https://github.com

### 1.2.2 步骤1:创建仓库 ###

点击new进行创建

![up-d494314aab676f52c32345240b40ab0a66c.png][]

### 1.2.3 步骤2:填写配置内容,完成创建 ###

![up-00ac5024ad52adfe2fe1438ee81a0d0700b.png][]

### 1.2.4 步骤3:查看github ###

创建完成后这里即可看到刚刚创建的仓库

![up-f6c2b6f2a8f6272f8574ac0d4a268d6196f.png][]

### 1.2.5 步骤4:查看ssh路径,后面要用 ###

点进去刚刚创建的仓库

![up-681ed5f3ba3830de47a5db38f43c57b94cf.png][]

# 2. 部署到github供外网访问你的博客 #

## 2.1 步骤1: 启动本地hugo: ##

本地启动需要执行如下命令:
    hugo server

![up-e3fbeb5a1a4af85bdc611e1869329035de7.png][]

访问该路径即可看到自己的博客了: localhost:1313 如果不行,看下之前搭建本地hugo博客中的3.2.2步骤中是否删掉了draft:true或者将draft改为了false

搭建本地hugo个人博客地址: [https://my.oschina.net/u/4284277/blog/3207783\#h3\_20][https_my.oschina.net_u_4284277_blog_3207783_h3_20]

### 启动成功 ###

![up-d4423de18285a0c2385cdea6ec6cad43fbe.png][]

## 2.2 步骤2: 生成public目录 ##

执行hudo命令,生成public目录:
    hugo

![up-909d4ad7c1b345219cb5ff21d558ab8290b.png][]![up-f924ac51dac28b5d42f079018f6c1ec7cec.png][]

## 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仓库 ###

![up-d7db36168fe83bd8927c5834e63edbd4020.png][]

### 2.3.2 访问个人博客 ###

部署完成后访问个人的路径是: 第一步配置config.toml文件中的basrurl路径
    示例:
    https://改成自己的仓库路径/
    https://zhang-550.github.io/

[hot3.png]: /images/20230209/bb405383cbc84aa79d4580c2eb633342.png
[30_ _hot3.png]: https://www.oschina.net/action/visit/ad?id=1221
[https_my.oschina.net_u_4284277_blog_3207783]: https://my.oschina.net/u/4284277/blog/3207783
[https_zhang-550.github.io_post]: https://zhang-550.github.io/post/
[up-5a38947f5463f54238f28cd6d7a433997a2.png]: /images/20230209/acfc353c60c54cb9bede3d7c274c67e3.png
[up-d494314aab676f52c32345240b40ab0a66c.png]: https://oscimg.oschina.net/oscnet/up-d494314aab676f52c32345240b40ab0a66c.png
[up-00ac5024ad52adfe2fe1438ee81a0d0700b.png]: https://oscimg.oschina.net/oscnet/up-00ac5024ad52adfe2fe1438ee81a0d0700b.png
[up-f6c2b6f2a8f6272f8574ac0d4a268d6196f.png]: https://oscimg.oschina.net/oscnet/up-f6c2b6f2a8f6272f8574ac0d4a268d6196f.png
[up-681ed5f3ba3830de47a5db38f43c57b94cf.png]: https://oscimg.oschina.net/oscnet/up-681ed5f3ba3830de47a5db38f43c57b94cf.png
[up-e3fbeb5a1a4af85bdc611e1869329035de7.png]: https://oscimg.oschina.net/oscnet/up-e3fbeb5a1a4af85bdc611e1869329035de7.png
[https_my.oschina.net_u_4284277_blog_3207783_h3_20]: https://my.oschina.net/u/4284277/blog/3207783#h3_20
[up-d4423de18285a0c2385cdea6ec6cad43fbe.png]: https://oscimg.oschina.net/oscnet/up-d4423de18285a0c2385cdea6ec6cad43fbe.png
[up-909d4ad7c1b345219cb5ff21d558ab8290b.png]: https://oscimg.oschina.net/oscnet/up-909d4ad7c1b345219cb5ff21d558ab8290b.png
[up-f924ac51dac28b5d42f079018f6c1ec7cec.png]: https://oscimg.oschina.net/oscnet/up-f924ac51dac28b5d42f079018f6c1ec7cec.png
[up-d7db36168fe83bd8927c5834e63edbd4020.png]: https://oscimg.oschina.net/oscnet/up-d7db36168fe83bd8927c5834e63edbd4020.png