[日报#254]五分钟搭建自己的博客

rui_er

2020-01-08 18:19:40

Tech. & Eng.

2021.5.14 更新:在 2.3.5 远程栏目 添加了自定义域名配置方式,在 2 安装…… 添加了官网炸了的替代下载网址。

2020.7.10 更新:添加了主题设置解释

先摆上效果:这里

作者真的准备了好久,求赞QAQ

0 此方法的优点和缺点

优点:

缺点:

看完这么多优点,是不是很想要呢?那就接着往下看吧!这么好的一个东西,你值得拥有!

1 准备工作

1.1 不想付钱怎么办

如果你还没有自己的空网站,在Github创建是一个不错的选择。这样创建出来的网站会长成这个样子:https://xxx.github.io(比如我的就是https://qz-cqy.github.io)。首先,你需要在Github上创建一个账号。这个注册方法和正常网站没有太大区别,我在这里就不详细讲解了。如果不清楚,可以到这个博客看一下,我认为讲的还是不错的。

有了Github账号以后,我们创建一个仓库。仓库名称设置成账号名称.github.io,然后选择“创建空仓库”选项,设置为公开仓库,就可以进入编写界面了。你可以看到你写的代码,例如我的项目。神犇们可以自己写html的代码,搭建出漂亮的网页,但如果我们不会,怎么办呢?

2 安装博客静态写作软件Gridea

Gridea官网(更新:貌似炸了,可以直接从 github releases 下载对应操作系统的文件,例如 windows 请下载那个 .exe)

这里可以下载不同操作系统(Mac OS/Windows/Linux)下的程序。下面我以Windows系统为例讲解。

2.1 如何下载

进入官网以后,你将看到如下画面:(注:Gridea官网最近更新,页面可能有些差异,下载请点击“立即开始”)

接下来单击中间的按钮:

就会自动下载。

2.1.1 网速慢怎么办

没办法。我把Windows的最新版本上传到了百度网盘,永久有效,可以去提取一下。

链接:https://pan.baidu.com/s/1fCsM8qmXFJf9fjQyL4_GnQ

提取码:z459

2.2 下载以后

下载后双击运行博客部署程序,会在桌面建立快捷方式,双击进去就可以写博客了。让我们先来熟悉一下每个选项的用处。

2.3 熟悉操作

这里,我们可以看到左边有五个栏目:文章、菜单、标签、主题、远程。

2.3.1 文章栏目

文章栏目会显示所有写过的文章(如下图)。

我们看到右上角有一个加号,单击进去就可以写文章了。里面使用Markdown编写,使用方法参见这里,可能不完全一样,但大体上几乎相同。进入编辑文章界面后,将鼠标移动到右侧,会发现六个图标。上面写了功能简介。如果你对Markdown语法足够了解,那么你是不需要前四个按钮的。第五个用于更改URL、标签等设置,第六个用于预览。

写完文章以后,将鼠标移动到靠上的位置,出现三个图标:左箭头、黑勾和绿勾。左箭头用于退出,黑勾是存为草稿,绿勾是保存并发布。发布后页面不会自动跳转,需要点一下左箭头退出编辑。

2.3.2 菜单栏目

菜单会在网页上标题下方显示,初始状态有四个菜单:首页、归档、标签、关于,在网页里可以找到他们的作用。加号用于新建菜单,里面有详细的说明和备注。这一栏目对我们的博客作用不大,且浅显易懂,在这里就不过多介绍了。

2.3.3 标签栏目

标签栏目用于管理文章的标签。新建文章时直接在上面2.3.1中介绍过的第五个按钮里加标签即可,不必手动添加。当一个标签下没有文章时,标签不会自动移除,会出现删除选项,手动移除。

2.3.4 主题栏目

主题栏目主要是网站的设计。

基础配置界面是关于网站样式的设计。默认含有四个主题,可前往官网预览,可以在这里下载其他主题。

自定义配置中是一些杂的网站样式设计,在里面有详细的备注,在这里不过多解释了。

网页图标头像配置就是更改网页图标和头像的,没有其他功能,大家可以自行探索。

2.3.5 远程栏目

如果你想要把博客放到网站上,这里非常重要!!!

基础配置中,选择Github Pages就可以把你的Github地址传上去,用于更新博客。域名填写https://xxx.github.io,仓库写xxx.github.io,分支写master(注:最近GitHub将默认分支名称改为main,请以实际情况为准),仓库用户名写xxx,邮箱写你Github的注册邮箱,最后Token写你的密码就好了。至于CNAME,不需要自定义域名则直接空着,否则填自定义的域名网址,并在域名服务商添加 CNAME 解析指向 github 仓库。

评论配置中你可以更改评论的设置,里面有教程,跟着教程走就好了。

如果配置完全正确但还是无法建立远程连接,可以参考这篇文章,应该是Gridea的bug。

3 更新博客

每次更新完博客之后不会自动同步到网页,需要点击首页页面左下角的“同步”按钮,等不到一分钟就同步好了。Gridea会自动在输入的Github地址同步文件,同步期间全程不需要手动操作。

同步完以后,等一两分钟就可以在网页查看效果了。我的博客也是这么搭建的。不得不说,有了这个应用之后,在自己的网站上写博客非常方便,在这里给作者点个赞!

4 成功列表(所有同意我在这里展示的人的博客)

关于如何操作,请私信rui_er;另外garbage2说他有加速方法,需要的人可以私信他。