最近我不是在重新搞个人站点嘛,选型选了半天还是选择了Gridea。
Gridea介绍
Gridea是一个界面化的静态网页生成器,与Hexo或是Hugo是同一类型的。
不过Gridea是界面化的,这表示它能够更方便地管理文章、标签等资源,不过也就缺失了类似于自动化或是脚本的功能。
- Markdown编辑
- 支持标签归类
- 支持多种主题(主题相比于Hexo算很少了,但是作为个人博客也算够了)
- 本地预览与Github推送
安装及配置
从下载页面开始,选择对应的系统进行安装。
安装后开始设置。
设置远程配置,也就是站点的自动部署配置,这里以GithubPages举例。
域名 -
Github账户名.github.io
(例如verlif.github.io
)或是在GithubPages配置的关联域名(关于如何配置Github上的个人站点可以看这篇文章)。仓库名称 -
Github账户名.github.io
,例如我的就是verlif.github.io
。分支 - Github的io仓库Pages配置的分支。
仓库用户名 - 就是使用的Github账户名。
邮箱 - 账户配置的邮箱。
令牌 - 用于Gridea进行提交的Github权限令牌,具体流程(点击Github头像进入
Settings
-> 最后一项Developer Settings
->Personal access tokens
->Tokens
->Generate new token
)这里只需要
repo
的所有权限即可,不需要多的权限,然后点击末尾的Generate token
按钮即可生成。Expiration
是token有效期,这里可以设置为No expiration
无期限,否则token
到期后需要重新生成配置一次。生成后会出现token
内容,这里复制就可以了。- CNAME - 解析别名,没有域名的话可以不填,否则就填写域名。
- 代理 - 因为GitHub的DNS老是被污染,所有可以选择自己的代理进行仓库推送。
点击左下角的
检测远程连接
按钮进行配置连接测试,连接测试通过点击右下角保存
则配置完成。
添加文章并发布。
编辑文章。
点击主页右上角的+
号添加新文章。↓
在右侧的设置图标
进入文章设置,包括常用的标签
和封面图
设置。↓
点击右上角的绿色√
保存(灰色√
表示存草稿,在部署时不会显示)↓
本地预览。
在首页的左下角点击预览
按钮进行本地部署。↓
远程部署。
点击首页左下角同步
按钮进行远程部署。同步完成后,即可通过对应域名访问。↓
选择主题并重新发布。
进入
主题
选择已有的主题或是更多主题
进行下载。↓主题的下载其实就是从GitHub上把主题项目拉取到主题目录下。
从左下角的设置按钮中查看项目目录,主题就存在于
项目目录/themes
中。↓新下载的主题需要重启Gridea才可以选择。选择后重新同步即可。
多端编辑
这里的多端编辑指的是方便在不同的PC设备上进行编辑,因为Gridea本身并没有提供数据服务器,所以需要借助Git仓库直接同步Gridea应用数据。当然,你也可以直接把Gridea目录
打包用云盘甚至U盘进行“同步”,不过这样明显很麻烦,不如Git指令方便。
- 在项目目录中初始化git并提交到Git仓库。
- 其他电脑安装Gridea软件。
- 拉取项目到本地,并在Gridea设置项目目录为拉取的项目存放路径。这里需要注意的是因为原电脑安装的主题文件中可能有
.git
目录,导致可能项目目录在上传时不会同步部分主题,那么其他电脑在拉取时就需要手动重新下载该主题,否则编译会失败无法部署。
配置Gitalk评论
Gitalk的好处在于评论认证,借用GitHub账号作为评论账号,降低无意义的评论,但也增加了评论门槛,有得有失。如果需要引入其他评论系统,也可以按照其他评论的教程来引入,这里只介绍Gitalk。
在远程
-> 评论配置
中,主要进行Gitalk的密钥配置。↓
其中的Client ID
和Client Secret
都是在自己的Github中新建的应用,新建地址在这里。
像这样填写就OK了,Homepage URL
和Authorization callback URL
填写主页地址(例如verlif.github.io
)。↓
新建完成之后,在这个应用设置中就可以新建密钥了,这一步没有难度不做说明。↓
推荐将此应用的logo提交一下,因为其他人在进行评价时,账号关联的是你建立的这个应用,显示的头像最好像是那么回事,不然别人都可能觉得是什么诈骗盗号网站。
不同的主题显示的评论样式也不尽相同,不过大差不差吧。↓
以后的每篇文章的评论都会初始化为一个issue
,这篇文章的评论都会在这一个issue
内。↓