疫情期间,在家闲着没事想搭个网站,搜索了下常用的有 Wordpress、Typecho 这些免费搭建工具。目前主要有在Coding PageGithub Page上面搭建博客网站,我首先尝试的是GitHub,搭建之后加载速度较慢,找了解决办法也不能完全解决加载慢的问题,主要原因是Github服务器在国外。最后通过朋友的介绍搭建了基于GrideaCoding Page的个人博客!
本人博客:liyuanbo’blog

????1.首先注册一个GitHub账号/Coding账号????

????Github地址:https://github.com/(用于后期的Gitalk评论系统或仓库创建)
????Coding个人版地址:https://dev.tencent.com/t(用于博客项目储存)
Gridea+Coding Page个人网站搭建

☘️1.1 Coding 创建项目

点击立即发布静态网站
Gridea+Coding Page个人网站搭建

☘️1.2 点击静态网站

Gridea+Coding Page个人网站搭建

☘️1.3 修改静态网站

Gridea+Coding Page个人网站搭建
????点击立即部署,底下的网址为Coding Page给你分配的网站IP地址,上面的为我绑定的域名(后面会讲域名绑定)????
Gridea+Coding Page个人网站搭建
????点击设置之后的静态网站配置(注意你的项目名和仓库名)????

1.4 个人设置(需要访问令牌)

Gridea+Coding Page个人网站搭建
令牌选择权限选择第一个就好,即project:depot。存储好你的令牌用户名,配置Gridea远程需要

????2.下载GitGit下载地址:Git

????3.下载Gridea并配置

Gridea下载网址:Gridea

Gridea+Coding Page个人网站搭建

☘️3.1选择看你的电脑,我的是windows,所以我选第二个!安装后打开软件配置????

Gridea+Coding Page个人网站搭建

????开始配置主题和远程就可以,主题可以自主选择,想要更换更多的主题可以通过文件夹中的theme加入自己想要的包。点击左下角的按钮存储的你的项目????

Gridea+Coding Page个人网站搭建
其中你的主题就存储在你的project里,从github上面下载加入你的theme,然后退出Gridea再进入刷新就可以看到你想要的主题啦!????????????

☘️3.2配置你的远程(配置好了之后点击下方的检测看是否成功)

Gridea+Coding Page个人网站搭建
????成功了就可以用你的网址访问了鸭,尝试一下吧!????
☘️远程连接失败问题解决:检查你的用户名、仓库名填写正确没有,即使有空格也不行,都要正确对应。

????4.Coding Page域名绑定

想要你的域名更加好看、好记。不妨买个域名吧,稍微购买一下。

☘️4.1 域名服务商选择

可以参考域名购买商分析2018最佳国外域名注册商不需要备案都有很好的域名选择介绍,但如果不太需要部署好的网站或者学生党初学者,可以建议买几块的。我买的阿里云域名
Gridea+Coding Page个人网站搭建
????学生党告诉你,只需9块钱,只需9块钱就可以拿回家,top(我龙哥的top)????
Gridea+Coding Page个人网站搭建

☘️4.2 点击加入清单,在清单里面点击结算,结算前会要求你进行账户验证和实名注册等,最好进行实名认证,对后面绑定有好处

Gridea+Coding Page个人网站搭建

☘️4.3 DNS域名解析

点击右上方的控制台,进入“云解析DNS”里,点击解析,一定要解析后状态显示正常哈!
Gridea+Coding Page个人网站搭建
点击添加记录,进行配置,记录值为原来的Coding Page给你分配的网址
Gridea+Coding Page个人网站搭建
PS:

记录类型:选A即可,一般的网站>>主机记录:服务器的公网ip
解析线路:默认就好
记录值:云服务器的IP地址
TTL:默认10分钟即可

????5.Coding Page域名绑定

Gridea+Coding Page个人网站搭建
☘️找到之前的项目页面,会出现一个自定义域名,往下滑。进行如下图绑定,申请SSL证书。一定要显示正常。Gridea+Coding Page个人网站搭建
☘️如果申请失败的话就不要点强制Https按钮,a.查看下域名解析是的解析线路,选择默认。b.看下你的域名是否实名认证。多试几次。

????6.总结

搭网站的工具多,我也是第一次在网上查到Gridea的,有啥不懂的可以一起交流。可以在我的博客(http://liyuanbo.top)下留言,之后会介绍博客添加评论系统。写的不好的地方请指出来,第一次写不好的地方请谅解!

相关文章:

  • 2021-07-29
  • 2021-04-07
  • 2021-12-19
  • 2021-12-29
  • 2021-12-19
  • 2021-09-24
  • 2022-01-07
猜你喜欢
  • 2021-08-15
  • 2021-11-20
  • 2021-04-26
  • 2021-08-23
  • 2022-12-23
  • 2021-04-11
相关资源
相似解决方案