HOME/Articles/

搭建个人GitPress博客

Article Outline

前言

作为一名开发人员,相信Github是相当属于,多少都有过Github提交代码或者使用过上面的开源库,看过源码之类的,平时学习中记录的笔记可以整理成文章发到博客,之前也搭建过关于Github+hexo的博客,相对麻烦一些,这款GitPress就相对简单一些,只需要简单的设置,将文章推到Github仓库即可。

GitPress界面风格非常简洁,如图为博客列表即首页:

null

下图为博客文章界面:

null

GitPress官网地址: https://gitpress.io

null

搭建步骤

创建Github仓库

如果还没有Github账号可以先注册一个Github账号。

在自己的Github中创建一个专门用于存储博客文章的仓库,如下图:

null

登录GitPress关联Github仓库

点击GitPress官网右上角登录,点击"Login With Github",用自己的Github账号登录GitPress,如下图:

null

然后接下来页面选择刚刚创建的Github仓库,如图:

null

创建本地仓库

在本地创建一个存储本地文章的文件夹,通过git命令将之前建的Github仓库拉取到本地,可以在里面设置文章目录等,准备好之后提交Github;

设置文章仓库

由于GitPress是使用webhook的方式来同步GitHub上的文章,因此这里还需要允许GitPress将webhook添加到GitHub仓库上,点击"Allow"即可,如图:

null

进入GitPress,点击左面的Setting,在Profile中,Username中填写用户名,这个用户名将作为博客的域名,避免中文,点击Save保存,如图:

null

选择Repo Settings,在Directory中选择自己的文章目录,点击Save保存,再点击下面的ReBuild使之生效,如图:

null

下面也可以填一些社交的相关信息,如Twitter等。

发布博客文章

在本地使用Markdown编辑器撰写博客,然后提交Github远程仓库,即可在GitPress博客中同步。

注意事项

图片路径

这里有个比较坑的地方是图片的路径,当初测试的时候使用过各种路径,根据官网介绍的两种:

null

这里我选择使用在文章同级目录下创建一个与文章标题相同的文件夹用来分别存储每篇文章所使用的图片,注意这里文章题目要与文件夹名字相同,避免使用中文,这个是比较坑的,在文章中使用Markdown语法式来引用图片。

对于官网介绍的第二种方法,使用assets/images路径,当时我试的时候无效,大家可以自己试一下,也许我这边网络延迟没有反应过来,总之能显示就行。

文章标题和标签等

上面图片中说了文章标题使用了英文,但是在文章内容中显示还是可以显示中文的,而且在GitPress博客列表中也可以显示中文,这里官网也有介绍:

null

这里按照官网介绍的方法在文章中填写对应的标题,日期,标签等即可。

关于评论

这里文章可以直接评论,只要有Github账号登录即可,但是比较肯的一点是不能直接在评论的回复中回复对方,等待日后完善吧。

至此,GitPress博客搭建完成,可以根据自己的需要去发布博客文章了。

当然,GitPress功能也不仅仅如此,还可以创建Collections等,也可以在线运行简单的代码片段等。