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

可以使用的免费空间

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

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

  1. 码云 - https://gitee.com/

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

  1. GitHub - https://github.com

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

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

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

需要准备的软件

  1. git

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

  1. hugo 看上一篇文章

创建需要的远程仓库

  1. 打开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

本地生成静态页面

  1. 配置博客,打开博客根目录下面的config.toml 文件,修改 baseurl 为刚才的博客地址如下:
    baseurl = "http://0kyv9w.coding-pages.com/"
    
  2. 回到我们的电脑博客根目录下面,右键选择 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
    

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

  1. 打开博客根目录下面的 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目录,如果找不到,参考链接

  2. 部署到远程仓库 在上一步打开的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/

编写脚本自动生成和部署

  1. 自动生成 ,博客根目录下面新建 build.bat
    hugo 
    pause
    
  2. 自动部署, public 路径下面新建 autopush.bat
    git add .
    git commit -m "kjahg"
    git push https://CPaXhiWmdM:b28********************************a058@e.coding.net/memory6181/hugo.coding.net.git
    pause
    

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

如果这篇文章对您很有帮助,不妨
----- 本文结束 ❤ 感谢您的阅读 ----