美文网首页
搭建免费个人博客,使用Gridea和Coding Page

搭建免费个人博客,使用Gridea和Coding Page

作者: AllenWang_ | 来源:发表于2019-05-31 12:23 被阅读0次

    对于想要在网上有自己的一个博客网站的人来说,常用的有 Wordpress、Typecho 这些免费搭建工具。但是对一些小白来说,需要接触到域名、空间购买、数据库设置这些,还是有些难度的。在前段时间,偶然在网上发现了这个Gridea工具。

    Gridea 是 一个基于Github Pages 和 Coding Page 静态博客管理工具。我被它简洁清新的界面所吸引,于是先将博客迁移到 Github上,但是由于 Github 服务器在国外的原因,国内访问还是有点慢的,于是又将博客迁移到了 Coding Page 上,下面介绍一下搭建的过程。

    Gridea 介绍

    官方主页:https://gridea.dev/

    更多介绍,请参照官网

    Coding Page介绍

    Coding Pages 服务是 http://Coding.net 推出的免费静态网站托管服务,拥有自定义域名,免费 SSL 证书等特性。目前已经被腾讯收购。

    准备工作

    下载安装Git

    官方下载地址:https://git-scm.com/downloads

    下载安装Gridea

    目前最新版本是v0.81

    Github下载

    地址:https://github.com/getgridea/gridea/releases,选择最新版下载即可,由于Github下载比较慢,下面我给出一个百度网盘下载地址。

    百度网盘下载

    Mac版网盘地址提取码:als7

    windows版网盘地址 提取码:4v8q

    注册腾讯云开发者平台帐号

    注册腾讯云开发者平台 https://dev.tencent.com,使用微信扫码登录即可。

    修改用户名

    点击个人设置,修改用户名,用户名会显示在博客地址中,默认博客地址是"用户名.http://coding.me",默认的用户名太长,展现不合适,所以要修改一下。其它的绑定手机、邮箱、密码这些也可以设置一下。

    我将用户名设置为kkxi

    还有邮箱、密码这些。设置完上面这些信息后,就可以开启开始开启Page了。

    开启Page服务

    点击加号新建项目,项目名称自己自定义:kkxi2019(这里可以填用户名,填用户名的话,博客的地址会短一点,但是我填kkxi的时候,在后来的远程连接检测中一直检测失败,后来我把项目名称由 kkxi 改成 kkxi2019 后,检测远程连接就成功了),项目地址点击后自动填充为 kkxi2019 ,项目描述可以随便填,选择git仓库,公开源代码,勾选启用 README.md 文件初始化项目,然后点击新建项目。

    点击 Page 服务,开启 Page。

    点击我已阅读后,一键开启 page 服务。

    显示Page服务运行中,则证明Page服务已经开启成功了。现在博客地址是http://kkxi.coding.me/,后面你也可以在设置中绑定自己的自定义域名。

    开启https。点击设置,选择强制开启https.

    绑定自定义域名。如果没有自己的域名,这一步可以略过。

    首先给自定义域名添加解析,见官方文档https://coding.net/help/doc/pages/domain.html

    然后在开发者平台上绑定已经解析的自定义域名,

    看到状态显示正常了,就说明已经绑定成功了。可以用新的域名来访问博客了。

    新建访问令牌

    接下来新建一个访问令牌,后面配置Gridea的时候需要使用。在个人中心中找到访问令牌后新建

    权限全选上后,勾选创建令牌

    输入密码,密码就是在个人中心设置的

    创建完成后复制令牌信息,保存好,后面配置的时候要用。

    开始配置Gridea

    博客基础配置

    按照图中说明配置好相关参数,然后点击保存,保存成功后再点击检测远程连接,显示远程连接成功的话,就表示客户端可以连接我们的博客啦。

    点击预览,就可以本地查看我们的博客了,或者此时点击同步,我们也可以看到博客内容已经上传了。

    接下来我们要进行博客的设置

    菜单配置

    现在我们点击菜单,会显示404,我们要对菜单进行初始化

    首页:点击选择homepage后保存。归档选择Archves,标签选择Tags,关于选择关于。然后点击同步,这样我们的菜单就都能点击了。

    Favicon配置

    自己配置即可

    头像配置

    自己配置即可

    主题配置

    Gridea自带了4款主题,你可以自己选择使用,还有其它的自定义配置,你可以尝试设置。

    也有主题市场可以选择,目前还比较少。

    主题市场:https://gridea.dev/themes/

    配置评论

    Gridea 目前提供了 Gitalk 和 Disqus 两种评论系统支持。

    Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。如果你博客使用的是 Gitalk 的话,建议你可以选择 Gitalk 来作为评论插件。

    你可以按照 Gitalk 的文档 进行相关字段配置,或者按照下面的步骤操作。

    首先你需要有一个 Github帐号,https://github.com/,并且建立一个Github仓库用来放评论。

    然后需要有一个 Github OAuth Application,点击这里创建,字段填写可以参照下图

    创建完成后可将「Client ID」和「Client Secret」复制一下,保存到本地。

    接下来就可以去应用里面填写对应的信息,并开启评论,保存并同步。

    此时打开博客,页面下方评论会显示要求初始化,这个时候使用Github帐号登录一下就行了

    登录后

    好了,到此为止,你就可以正常的使用Gridea开始写作了。每次在客户端做出修改后,必须保存同步,才能看到修改效果。

    其它参考资料

    Github博客上手教程 https://fehey.com/post/hve-notes-start/

    官方文档https://gridea.dev/docs/

    相关文章

      网友评论

          本文标题:搭建免费个人博客,使用Gridea和Coding Page

          本文链接:https://www.haomeiwen.com/subject/hbewtctx.html