【电脑小白福利】用Gridea在Coding上快速搭建博客

给电脑小白快速搭博客的极简教程,有手就行,快来看看吧!

0.0 - 序言

继1月份小改以后,Coding又发生了一点点的小变动,使得网上的教程大部分失效,出现无法连接等问题。
我在刻苦钻研(网上找教程)许久后,就准备来写一下这篇教程。
Gridea是支持在Github、Coding以及自己的服务器上搭建博客的。本文主要讲述的是在Coding上搭建,如果想知道如何在Github上搭建的话可以出门左拐来到rui_errui\_er大佬的文章:https://blog.ak-ioi.cf/post/building-a-blog/

1.0 - 准备

需要使用的软件和网站:

  • Gridea 我这里演示的版本是0.9.2
  • Coding

1.1 - Gridea

Gridea是一个静态博客写作客户端,帮助你更容易地构建并管理博客或任何静态站点。支持WindowsWindowsMacMac OsOs以及LinuxLinux这些主流操作系统。
官网链接:https://gridea.dev/

用Gridea搭建博客相比起传统的HexoHexoWordPressWordPress等博客缺点就是自由度较差,但比起Ta的优点,确定就可以忽略不计了。
优点:

  • 使用简单,省时省力
  • 无需写任何代码
  • 离线编辑博客,随时写,随时传
  • 主题美观、多样

缺点:

  • 编写自由度较差,主题较少

总而言之,不会写HTMLHTMLCSSCSSJSJS代码的同学就是Gridea的适用人群;而大佬们嘛,那就用自由度更高但更考验代码能力的HexoHexoWordPressWordPress等博客吧~~~

1.2 - Coding

Coding 是一个面向开发者的云端开发平台 ,目前提供代码托管,运行空间,质量控制,项目管理等功能。此外,还提供社会化协作功能,包含了社交元素,方便开发者进行技术讨论和协作。
链接:https://coding.net/

这里我们需要一个Coding账户。注册方法比较简单就不多加赘述了,不会的同学可以去百度一下。不过我这里要指出在Coding上搭博客的一个问题,就是如果在中国移动的宽带或移动数据下访问用Coding Pages搭建的网站会极其的慢。为了解决这个问题,我以后会写一篇关于加入Cloudflare的CDN加速加快网页速度的博文,在此之前请大家自行百度搜索。

2.0 - 配置Coding

2.1 - 创建项目

首先,我们需要在Coding的用户界面上创建一个项目,项目类型就选择DevOpsDevOps 项目。

其次填上项目名称,然后项目标识既可以自己填写也可以让Ta帮你自动生成。
然后勾选启用 README.md 文件初始化项目以及公开源代码两个选项。这个公开源代码一定要选,否则就会出现无法连接同步的现象。项目介绍随意发挥即可。
最后点击完成创建完成项目的创建。

2.2 - 部署静态网站

项目创建完成后,便会自动进入项目主页。单击左下角的项目管理,在项目与成员->功能开关中找到持续部署(以前叫构建与部署),并确保Ta处于打开状态。

然后再在项目主页上打开持续部署->静态网站。初次使用需要实名认证,只需要输入姓名和身份证号,不需要上传身份证照片,这里就不进行多加赘述了。完成实名认证后点击立即发布静态网站

在新建静态网站中输入网站名称,其他的保持不变,点击保存即可。

保存完后Coding会分配一个二级域名****.coding.com给你,在这里不得不吐槽一下Coding分配的二级域名没法自定义是真的烦。点击一下立即部署

这时我们可以访问一下网站,发现404了,这是因为我们的仓库目前还是空的。

2.3 - 配置令牌

在右上角头像下拉框打开个人账户设置,在左边那一栏打开访问令牌,选择新建令牌。令牌描述随意发挥,选择权限就打开project:depot就好了。

点击创建链接,输入登录密码证明身份,点击确定。然后Ta会给我们生成一个令牌,最截图保存一下,待会会用到。

3.0 - 配置Gridea

打开Gridea,在主页面点击远程。平台选择Coding Pages,域名就把Coding分配给你的二级域名填上,删去不需要的开头http:/ or /https:// 和结尾的 / 。
(重点)仓库名称就是一个比较大的坑点了,许多按照网上其他教程搭博客的同学在Coding改版后都失效了原因就在这里。这里我们打开我们的代码仓库,点击右上角在新建代码仓库旁边的已开源

如果没有这个按键的话就在代码仓库上面那一行找到设置->访问设置中勾选公开源代码,点击保存即可。

点击已开源后会进入这样的一个网页,复制图中的****/****填入仓库名称即可。

分支,默认的分支都是master;仓库用户名就是我们的团队空间网址https://****.coding.net/中的那段****;邮箱则输入注册是用的邮箱。
令牌用户名和令牌则是刚刚申请的访问令牌,如何填写见下图。

CNAME空着即可。
配置完成上图:

点击保存,再点击检测远程连接,如果出现远程连接成功,就可以点击同步上传了,稍等片刻即可完成。

如果出现远程连接失败,就再从头检查一遍,实在找不到问题可以下方评论回复。

放一张成品图:

示例网站:https://clear-skies.cf/

4.0 - 参考资料