对于个人博客,最先想到的你可能有Wordpress和Typecho这样的工具,但是对于没有任何经验的人来说,域名,空间,数据库之类的操作可能就有点难度了,而且还要每年花钱买服务器,虽然搭建简单,但是一篇文章你需要经过N个步骤才能发布和修改页面,因此,Gridea就会是一款非常好用的工具了。
相比于Gridea,它更显得简洁,明了,美观,而且免费,不用花大力气去搞其他的,它能让人更专注于文章。因为Github pages一部分网络的原因,访问速度会慢许多,所以换了更快的Coding,下面介绍一下用Coding page搭建的过程。
Gridea配置
网址:https://gridea.dev/
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qF7mQX8R-1598527176962)(file://C:/Gridea/post-images/1598518344541.jpg)]](https://i-blog.csdnimg.cn/blog_migrate/a40c6ee6a946cfb27880f3f0ff32de6e.png#pic_center)
可以到官网下载,那么你必须要Github pages这个平台来进行创建,首先我们看看要填入的信息:
- ·域名:在Coding page里面创建的静态网站,http://xxxxxx.coding-pages.com(不可缺少) ·
- 仓库:创建的仓库,用来存放文件的仓库名。 ·
- 分支:一般默认master,这一项无需更改。 ·
- 用户名:通常就是仓库的用户名,但是与Github pages的不同,要在创建的代码仓库里面找。(不可缺少) ·
- 邮箱:任意填写,可以随便填写,你的个人邮箱。 · 令牌用户名:创建令牌后的用户名。(不可缺少) ·
- Token :这个就是访问令牌的Token.(不可缺少) ·
- CNAME:这个用来代替原来的网址,但是必须先前配置好DNS指针,一般不需要。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SElAOAPH-1598527176968)(file://C:/Gridea/post-images/1598520450578.png)]](https://i-blog.csdnimg.cn/blog_migrate/ff02810b1162a03be271559781424ee3.png#pic_center)
Coding网站创建
首先登陆你的Coding账户,进入工作台,点击“项目”,然后点击新建项目,一定要点击“公开源代码”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yxarVuSl-1598527176975)(file://C:/Gridea/post-images/1598521929812.png)]](https://i-blog.csdnimg.cn/blog_migrate/0318a6bbfd6f7df64acd5c258f7cdcf6.png#pic_center)
接下来点击项目设置(左下角),然后点击功能开关,打开持续部署:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NdMTi7V4-1598527176982)(file://C:/Gridea/post-images/1598522059361.png)]](https://i-blog.csdnimg.cn/blog_migrate/4f8030e4807b347c3302edd9ab5e92a9.png#pic_center)
返回到项目概览,打开下方的持续部署,点击静态网站,首先你必须实名认证,这样确保下一步工作运行。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0bBDdJLZ-1598527176987)(file://C:/Gridea/post-images/1598522219565.png)]](https://i-blog.csdnimg.cn/blog_migrate/efd2726ada2087dbc19684500bef6664.png#pic_center)
创建成功后,会自动出现一个网站,这是你博客的个人网站,如果自己有域名,可以点击设置里面进行修改。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fsOw2icI-1598527176992)(file://C:/Gridea/post-images/1598522388918.png)]](https://i-blog.csdnimg.cn/blog_migrate/01c6e99763db607ebe20ff9e35ca1737.png#pic_center)
Coding仓库用户名
点击“代码仓库”,转到设置,如图显示仓库名称,网址后面的便是你的用户名:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oA2QBqtN-1598527176995)(file://C:/Gridea/post-images/1598522573821.png)]](https://i-blog.csdnimg.cn/blog_migrate/13e4cf72e20c0efb2bac148951adcd8e.png#pic_center)
(注意:如图用户名为blog3/3232,不要加上后面或者blog3前面的那个“/”符号)
Coding创建令牌
点击转到个人账户设置,转到访问令牌,点击新建令牌:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y4eGCi62-1598527176998)(file://C:/Gridea/post-images/1598522787859.png)]](https://i-blog.csdnimg.cn/blog_migrate/40102ed23dcdb934eb8343ed4721c515.png#pic_center)
然后,记住,令牌描述不可以为空,接下来创建成功就会弹出令牌用户名和Token:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8SA3M2EA-1598527177001)(file://C:/Gridea/post-images/1598522879760.png)]](https://i-blog.csdnimg.cn/blog_migrate/a407346ec239dcc2da99708649a2a8bb.png#pic_center)
上传配置
一次将信息填入Gridea配置便可以了,点击保存,然后点击“远程连接”(如果失败说明你填入的信息有误),点击同步便可以成功了,但是Coding的同步时间可能较长才能生效,因此,可以先点击预览查看。
皮肤与美化
我们的文章同步到个人博客了,试试访问你定义的域名来看看网站的效果。
Gridea有四种皮肤,当然如果不喜欢,可以到官网查看下载:https://gridea.dev/themes/
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GdpEYiQd-1598527177005)(file://C:/Gridea/post-images/1598523406605.png)]](https://i-blog.csdnimg.cn/blog_migrate/da9c4005a7714cce59417778c6402121.png#pic_center)
我们可以更具自己的喜好来更改博客。
官网下载皮肤时,先点击你喜欢的模板,在GITHUB页面中下载,保存成功后,打开我们的Gridea安装目录:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D3rBIk4c-1598527177008)(file://C:/Gridea/post-images/1598523606489.png)]](https://i-blog.csdnimg.cn/blog_migrate/b1feab75d5d3e188e5535ade30944362.png#pic_center)
打开Theme,把下载的文件放入里面,最后重启Gridea,我们再来看就有新皮肤了。
评论设置
当然,我们的博客也可以由评论系统,国内的话建议用Gitalk:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N6Y9h4Sh-1598527177011)(file://C:/Gridea/post-images/1598523782064.png)]](https://i-blog.csdnimg.cn/blog_migrate/ba115aaa03dc01cd72573142e85be28f.png#pic_center)
我们打开Github,进入个人的"Setting"设置:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FazehZLS-1598527177015)(file://C:/Gridea/post-images/1598523895767.png)]](https://i-blog.csdnimg.cn/blog_migrate/5104fdbfb1cd4ed8f904e890b9d130bc.png#pic_center)
接下来,点击“developer SETTING”,然后点击OAuth apps,创建一个新的板块:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nYCEGJCS-1598527177018)(file://C:/Gridea/post-images/1598524092215.png)]](https://i-blog.csdnimg.cn/blog_migrate/84c35f0a4110ff7e2ff941ecde5ba609.png#pic_center)
成功创建后,就会得到相应的令牌:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Apa89MsE-1598527177021)(file://C:/Gridea/post-images/1598524156480.png)]](https://i-blog.csdnimg.cn/blog_migrate/0564a5e994c2de623d37b5bf42ee0bb9.png#pic_center)
填入Gridea配置信息中,点击开启评论,就可以成功了。
可能被会出现“Not found”或“Network”等情况,你可以去这里看看:https://github.com/gitalk/gitalk/issues
写作
Gridea的写作十分美观,可以插入封面壁纸:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jNrVhvht-1598527177025)(file://C:/Gridea/post-images/1598524411140.png)]](https://i-blog.csdnimg.cn/blog_migrate/df38b9d589036f4026075e6314852ec9.png#pic_center)
这样方便你更好的管理你的文章。
其他
我的站点:duwx9m.coding-pages.com
更加快速方便地管理你的个人博客,同时他恰到好处的主题和实用的配置功能也能一定程度上帮助你美化。
本文详细介绍了如何使用Gridea配置并利用Coding创建个人博客,包括Coding仓库的设置、访问令牌的创建、博客的同步与美化,以及评论系统的配置。通过Gridea的简洁界面和Coding的快速访问,你可以轻松打造个性化博客。
1674





