最近我不是在重新搞个人站点嘛,选型选了半天还是选择了Gridea。

Gridea介绍

Gridea是一个界面化的静态网页生成器,与Hexo或是Hugo是同一类型的。

不过Gridea是界面化的,这表示它能够更方便地管理文章、标签等资源,不过也就缺失了类似于自动化或是脚本的功能。

Gridea界面

  • Markdown编辑
  • 支持标签归类
  • 支持多种主题(主题相比于Hexo算很少了,但是作为个人博客也算够了)
  • 本地预览与Github推送

安装及配置

  1. 下载页面开始,选择对应的系统进行安装。

  2. 安装后开始设置。

    设置远程配置,也就是站点的自动部署配置,这里以GithubPages举例。

    配置界面

    • 域名 - Github账户名.github.io(例如verlif.github.io)或是在GithubPages配置的关联域名(关于如何配置Github上的个人站点可以看这篇文章)。

    • 仓库名称 - Github账户名.github.io,例如我的就是verlif.github.io

    • 分支 - Githubio仓库Pages配置的分支。

    • 仓库用户名 - 就是使用的Github账户名。

    • 邮箱 - 账户配置的邮箱。

    • 令牌 - 用于Gridea进行提交的Github权限令牌,具体流程(点击Github头像进入Settings -> 最后一项Developer Settings -> Personal access tokens -> Tokens -> Generate new token

      生成token

      这里只需要repo的所有权限即可,不需要多的权限,然后点击末尾的Generate token按钮即可生成。Expirationtoken有效期,这里可以设置为No expiration无期限,否则token到期后需要重新生成配置一次。生成后会出现token内容,这里复制就可以了。

      token内容

      • CNAME - 解析别名,没有域名的话可以不填,否则就填写域名。
      • 代理 - 因为GitHub的DNS老是被污染,所有可以选择自己的代理进行仓库推送。
  3. 点击左下角的检测远程连接按钮进行配置连接测试,连接测试通过点击右下角保存则配置完成。

添加文章并发布。

编辑文章。

点击主页右上角的+号添加新文章。↓

编辑文章

在右侧的设置图标进入文章设置,包括常用的标签封面图设置。↓

设置文章属性

点击右上角的绿色√保存(灰色√表示存草稿,在部署时不会显示)↓

保存文章

本地预览。

在首页的左下角点击预览按钮进行本地部署。↓

预览

远程部署。

点击首页左下角同步按钮进行远程部署。同步完成后,即可通过对应域名访问。↓

部署效果

选择主题并重新发布。

  1. 进入主题选择已有的主题或是更多主题进行下载。↓

    主题设置

  2. 主题的下载其实就是从GitHub上把主题项目拉取到主题目录下。

    从左下角的设置按钮中查看项目目录,主题就存在于项目目录/themes中。↓

    设置按钮

    Gridea源目录

  3. 新下载的主题需要重启Gridea才可以选择。选择后重新同步即可。

多端编辑

这里的多端编辑指的是方便在不同的PC设备上进行编辑,因为Gridea本身并没有提供数据服务器,所以需要借助Git仓库直接同步Gridea应用数据。当然,你也可以直接把Gridea目录打包用云盘甚至U盘进行“同步”,不过这样明显很麻烦,不如Git指令方便。

  1. 项目目录初始化git并提交到Git仓库
  2. 其他电脑安装Gridea软件。
  3. 拉取项目到本地,并在Gridea设置项目目录为拉取的项目存放路径。这里需要注意的是因为原电脑安装的主题文件中可能有.git目录,导致可能项目目录在上传时不会同步部分主题,那么其他电脑在拉取时就需要手动重新下载该主题,否则编译会失败无法部署。

配置Gitalk评论

Gitalk的好处在于评论认证,借用GitHub账号作为评论账号,降低无意义的评论,但也增加了评论门槛,有得有失。如果需要引入其他评论系统,也可以按照其他评论的教程来引入,这里只介绍Gitalk

远程 -> 评论配置中,主要进行Gitalk的密钥配置。↓

Gitalk配置

其中的Client IDClient Secret都是在自己的Github中新建的应用,新建地址在这里

像这样填写就OK了,Homepage URLAuthorization callback URL填写主页地址(例如verlif.github.io)。↓

新建应用

新建完成之后,在这个应用设置中就可以新建密钥了,这一步没有难度不做说明。↓

配置应用

推荐将此应用的logo提交一下,因为其他人在进行评价时,账号关联的是你建立的这个应用,显示的头像最好像是那么回事,不然别人都可能觉得是什么诈骗盗号网站。

不同的主题显示的评论样式也不尽相同,不过大差不差吧。↓

评论展示

以后的每篇文章的评论都会初始化为一个issue,这篇文章的评论都会在这一个issue内。↓

Gitalk评论issue


本站总访问量