在 cong.net 部署静态博客,跟 github 是不一样的,这里简单记录一下。以谢益辉的 hugo-xmag 博客主题为例。

1. 创建项目,进入代码浏览

image.png

2. 在服务器中生成网站,并推送

  1. shenweiyan@ecs-steven 14:25:22 /home/shenweiyan
  2. $ mkdir shenweiyan.com
  3. $ cd shenweiyan.com
  4. $ mkdir themes
  5. $ cd themes
  6. $ git clone https://github.com/yihui/hugo-xmag.git
  7. Cloning into 'hugo-xmag'...
  8. remote: Enumerating objects: 12, done.
  9. remote: Counting objects: 100% (12/12), done.
  10. remote: Compressing objects: 100% (11/11), done.
  11. remote: Total 547 (delta 2), reused 7 (delta 1), pack-reused 535
  12. Receiving objects: 100% (547/547), 339.23 KiB | 53.00 KiB/s, done.
  13. Resolving deltas: 100% (236/236), done.
  14. $ cd /home/shenweiyan/shenweiyan.com
  15. $ cp -r themes/hugo-xmag/exampleSite/* .
  16. $ hugo # 这一步会默认生成 public 静态博客目录
  17. | EN
  18. +------------------+----+
  19. Pages | 41
  20. Paginator pages | 3
  21. Non-page files | 0
  22. Static files | 2
  23. Processed images | 0
  24. Aliases | 16
  25. Sitemaps | 1
  26. Cleaned | 0
  27. Total in 129 ms
  28. $ cd public
  29. $ git init
  30. Initialized empty Git repository in /home/shenweiyan/shenweiyan.com/public/.git/
  31. $ git remote add origin https://username:passwd@e.coding.net/bioit/shenweiyan.com.git
  32. $ git add --all
  33. $ git commit -m "first commit"
  34. $ git push origin master # 完成 public 目录的所有文件推送

3. 开始构建静态网站

在导航栏的 “构建与部署” 中选择 “静态网站”,点击“直接发布静态网站”。
image.png

填写网站名称,然后 “保存“。
image.png

保存“ 后,在部署页面点击 “立即部署“。
image.png

部署成功后,通过访问地址可以打开静态的网站。
image.png

image.png

4. 绑定域名

在项目导航栏 “构建与部署” → “静态网站” 页面,点击右上角的 “设置” 按钮。
image.png

在 “设置” 页面,填写需要绑定的域名,并选择强制 https 访问。
image.png

在域名解析中添加一条 CNAME 记录。
image.png

域名解析 CNAME 添加后,等待几分钟,直至证书状态为“正常”。如果证书状态失败,检查你的 CNAME 记录,并再尝试多重新申请几次。
image.png

最后,通过域名访问,一切正常。
image.png