玩转博客Hugo(二) 发布博客到公网

可以使用的免费空间

彩虹云VPS - https://www.cccyun.net

可以通过VPS部署，支持二级域名。
可以部署动态博客，Typecho，Emblog，Wordpress等
主机在美国，访问比较慢。
VPS通常都需要自己维护，自己部署，维护比较麻烦。

码云 - https://gitee.com/

可以部署静态页面。
自动部署收费。
Https收费。
自定义域名收费。

GitHub - https://github.com

可以部署静态页面。
可以Https。
可以CNAME。
支持上传自动部署。
国外访问比较慢，很慢很慢

Coding Page - https://coding.net/
现在只能注册团队版了并且需要实名认证主推

可以部署静态页面。
可以Https。
可以CNAME。
支持上传自动部署。
访问速度还可以，可以接受

需要准备的软件

下载链接：https://git-scm.com/

创建需要的远程仓库

打开coding page

https://coding.net/

这里登陆注册，并且需要实名认证，一定要认证。

很遗憾这篇文件的一些图片不幸丢失了，我不得不删掉中间的一些步骤，当然我也是不推荐部署到codingpage，技术是实时更新的，曾经的方式并不适合现在的你，建议使用的香港的oss部署，相对更加稳定，如果还是想了解如何部署到codingpage，移步至视频教程

好了到此为止我们的远程仓库创建完成了，我们一共记录了下面的四个参数

仓库地址：https://e.coding.net/memory6181/hugo.coding.new.git
令牌：b28********************************a058
用户名：CPaXhiWmdM
博客地址： http://0kyv9w.coding-pages.com/

下面的操作之前要安装git，默认下面的操作都安装了git

本地生成静态页面

配置博客，打开博客根目录下面的config.toml 文件，修改 baseurl 为刚才的博客地址如下：
```
baseurl = "http://0kyv9w.coding-pages.com/"
```

回到我们的电脑博客根目录下面，右键选择 Git Bash Here,输入下面命令生成静态文件。

hugo

如下信息便是成功了

admin@DESKTOP-QNI0B4A MINGW64 /e/hugo_test/myblog
$ hugo
Building sites …
                   | EN
+------------------+----+
  Pages            | 32
  Paginator pages  |  0
  Non-page files   |  0
  Static files     |  5
  Processed images |  0
  Aliases          | 10
  Sitemaps         |  1
  Cleaned          |  0

Total in 120 ms

提交静态页面到远程仓库部署

打开博客根目录下面的 public，（如果没有改目录，返回上一步）右键选择 Git Bash Here,输入下面命令clone 远程仓库。

git clone [仓库地址]
eg: git clone https://e.coding.net/memory6181/hugo.coding.new.git

方括号中的内容写仓库地址，如果出现下面错误应该是你的仓库没有公开导致的。

$ git  clone https://e.coding.net/memory6181/hugo.coding.net.git
Cloning into 'hugo.coding.net'...
remote: Coding 提示: Authentication failed.
remote: 认证失败，请确认您输入了正确的账号密码。
fatal: Authentication failed for 'https://e.coding.net/memory6181/hugo.coding.net.git/'

成功如下所示：

$  git clone https://e.coding.net/memory6181/hugo.coding.new.git
Cloning into 'hugo.coding.new'...
remote: Enumerating objects: 3, done.
remote: Counting objects: 100% (3/3), done.
remote: Total 3 (delta 0), reused 0 (delta 0)
Unpacking objects: 100% (3/3), done.

在public路径下面出现一个新的代码仓库路径，拷贝里面的.git 目录到public目录，如果找不到，参考链接

部署到远程仓库在上一步打开的git bash 里面如下所示

git add .
git commit -m "kjahg"
# git push https://[用户名]:[令牌]@[仓库地址去掉https://]
eg：git push https://CPaXhiWmdM:b28********************************a058@e.coding.net/memory6181/hugo.coding.net.git

访问远程页面 http://0kyv9w.coding-pages.com/

编写脚本自动生成和部署

自动生成 ,博客根目录下面新建 build.bat
```
hugo 
pause
```

自动部署， public 路径下面新建 autopush.bat

git add .
git commit -m "kjahg"
git push https://CPaXhiWmdM:b28********************************a058@e.coding.net/memory6181/hugo.coding.net.git
pause

到此为止，博客就部署到公网上面了。。哦，码字好累