注:由于图片使用洛谷图床,有些图片可能会很慢甚至加载不出来,可以前往洛谷博客查看
先来看一下效果
0 优点和缺点
优点:
使用简单
无需写任何代码
快捷、方便
离线编辑博客,随时写,随时传
主题美观、多样
……
缺点:
由于是比较新的软件,可能会有些东西没有详细说明(但是大多数经常使用的都已经在下面介绍了,所以不用怕)
……
看完这么多优点,是不是很想要呢?那就接着往下看吧!这么好的一个东西,你值得拥有!
1 准备工作
准备一个自己的空网站(可以不是顶级域名),如果你已经有了,并且对Github的操作比较熟悉,你可以跳过下面的指导,直接进入第二部分。
1.1 不想付钱怎么办
如果你还没有自己的空网站,在Github创建是一个不错的选择。这样创建出来的网站会长成这个样子:https://xxx.github.io
(比如我的就是https://qz-cqy.github.io)。首先,你需要在Github上创建一个账号。这个注册方法和正常网站没有太大区别,我在这里就不详细讲解了。如果不清楚,可以到这个博客看一下,我认为讲的还是不错的。
有了Github账号以后,我们创建一个仓库。仓库名称设置成账号名称.github.io
,然后选择“创建空仓库”选项,设置为公开仓库,就可以进入编写界面了。你可以看到你写的代码,例如我的项目。神犇们可以自己写html的代码,搭建出漂亮的网页,但如果我们不会,怎么办呢?
2 安装博客静态写作软件Gridea
这里可以下载不同操作系统(Mac OS/Windows/Linux)下的程序。下面我以Windows系统为例讲解。
2.1 如何下载
进入官网以后,你将看到如下画面:
接下来单击中间的按钮:
就会自动下载。
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
,仓库用户名写xxx
,邮箱写你Github的注册邮箱,最后Token写你的密码就好了。至于CNAME,没什么用,直接空着即可。
评论配置中你可以更改评论的设置,里面有教程,跟着教程走就好了。
3 更新博客
每次更新完博客之后不会自动同步到网页,需要点击首页页面左下角的“同步”按钮,等不到一分钟就同步好了。Gridea会自动在输入的Github地址同步文件,同步期间全程不需要手动操作。
同步完以后,等一两分钟就可以在网页查看效果了。我的博客也是这么搭建的。不得不说,有了这个应用之后,在自己的网站上写博客非常方便,在这里给作者点个赞!
另外,也欢迎大家到我的博客来参观!