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

2021.5.14 更新：在 2.3.5 远程栏目 添加了自定义域名配置方式，在 2 安装…… 添加了官网炸了的替代下载网址。 2020.7.10 更新：添加了主题设置解释 先摆上效果：[这里](https://www.ak-ioi.cf) 作者真的准备了好久，求赞QAQ # 0 此方法的优点和缺点 优点： - 使用简单 - 无需写任何代码 - 快捷、方便 - 离线编辑博客，随时写，随时传 - 主题美观、多样 - …… 缺点： - 由于是比较新的软件，可能会有些东西没有详细说明（但是大多数经常使用的都已经在下面介绍了，所以不用怕） - …… 看完这么多优点，是不是很想要呢？那就接着往下看吧！这么好的一个东西，你值得拥有！ # 1 准备工作 - 下载Git（Gridea最新版本好像说不需要Git了，但是~~Git以后很有用~~保险起见建议下载下来） - 准备一个自己的空网站（可以不是顶级域名），如果你已经有了，并且对Github的操作比较熟悉，你可以跳过下面的指导，直接进入第二部分。 ## 1.1 不想付钱怎么办 如果你还没有自己的空网站，在[Github](https://www.github.com)创建是一个不错的选择。这样创建出来的网站会长成这个样子：```https://xxx.github.io```（比如我的就是https://qz-cqy.github.io）。首先，你需要在Github上创建一个账号。这个注册方法和正常网站没有太大区别，我在这里就不详细讲解了。如果不清楚，可以到[这个博客](https://git-scm.com/book/zh/v2/GitHub-%E8%B4%A6%E6%88%B7%E7%9A%84%E5%88%9B%E5%BB%BA%E5%92%8C%E9%85%8D%E7%BD%AE)看一下，我认为讲的还是不错的。 有了Github账号以后，我们创建一个仓库。仓库名称设置成```账号名称.github.io```，然后选择“创建空仓库”选项，设置为**公开仓库**，就可以进入编写界面了。你可以看到你写的代码，例如[我的项目](https://www.github.com/qz-cqy/qz-cqy.github.io)。神犇们可以自己写html的代码，搭建出漂亮的网页，但如果我们不会，怎么办呢？ # 2 安装博客静态写作软件Gridea [Gridea官网](https://www.gridea.dev)（更新：貌似炸了，可以直接从 [github releases](https://github.com/getgridea/gridea/releases/tag/v0.9.2) 下载对应操作系统的文件，例如 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**编写，使用方法参见[这里](https://www.luogu.com.cn/blog/luogu/how-to-use-markdown)，可能不完全一样，但大体上几乎相同。进入编辑文章界面后，将鼠标移动到右侧，会发现六个图标。上面写了功能简介。如果你对Markdown语法足够了解，那么你是不需要前四个按钮的。第五个用于更改URL、标签等设置，第六个用于预览。 写完文章以后，将鼠标移动到靠上的位置，出现三个图标：左箭头、黑勾和**绿勾**。左箭头用于退出，黑勾是存为草稿，绿勾是保存并发布。发布后页面不会自动跳转，需要点一下左箭头退出编辑。 ### 2.3.2 菜单栏目 菜单会在网页上标题下方显示，初始状态有四个菜单：首页、归档、标签、关于，在网页里可以找到他们的作用。加号用于新建菜单，里面有详细的说明和备注。这一栏目对我们的博客作用不大，且浅显易懂，在这里就不过多介绍了。 ### 2.3.3 标签栏目 标签栏目用于管理文章的标签。新建文章时直接在上面2.3.1中介绍过的第五个按钮里加标签即可，不必手动添加。当一个标签下没有文章时，**标签不会自动移除**，会出现删除选项，手动移除。 ### 2.3.4 主题栏目  主题栏目主要是网站的设计。 **基础配置**界面是关于网站样式的设计。默认含有四个主题，可前往官网预览，可以在[这里](https://www.gridea.dev/theme)下载其他主题。 **自定义配置**中是一些杂的网站样式设计，在里面有详细的备注，在这里不过多解释了。 **网页图标**和**头像配置**就是更改网页图标和头像的，没有其他功能，大家可以自行探索。 ### 2.3.5 远程栏目 如果你想要把博客放到网站上，这里非常重要！！！ **基础配置**中，选择```Github Pages```就可以把你的Github地址传上去，用于更新博客。域名填写```https://xxx.github.io```，仓库写```xxx.github.io```，分支写```master```（注：最近GitHub将默认分支名称改为`main`，请以实际情况为准），仓库用户名写```xxx```，邮箱写你Github的注册邮箱，最后Token写你的密码就好了。至于CNAME，不需要自定义域名则直接空着，否则填自定义的域名网址，并在域名服务商添加 CNAME 解析指向 github 仓库。 **评论配置**中你可以更改评论的设置，里面有教程，跟着教程走就好了。 ### 如果配置完全正确但还是无法建立远程连接，可以参考[这篇文章](https://yeming.site/post/gridea_help/)，应该是Gridea的bug。 # 3 更新博客 每次更新完博客之后不会自动同步到网页，需要点击首页页面左下角的“同步”按钮，等不到一分钟就同步好了。Gridea会自动在输入的Github地址同步文件，同步期间全程不需要手动操作。 同步完以后，等一两分钟就可以在网页查看效果了。我的博客也是这么搭建的。不得不说，有了这个应用之后，在自己的网站上写博客非常方便，在这里给作者点个赞！ # 4 成功列表（所有同意我在这里展示的人的博客） - 122461 rui_er <https://www.ak-ioi.cf> - 55959 AC_Automation <https://ac-automation27.github.io> - 104380 garbage2 <https://garbageblog.github.io> - 99931 我不要爆零 <https://wbybl.github.io> - 126471 Billy2007 <https://ebeo-yvnjiang.github.io> - 151647 无敌的蒟蒻 <https://s-y-c.top> - 239405 yangrunze <https://ravenclawyrz.github.io> - 181378 YCE3216037 <https://yce3216037.github.io> - 63951 逃离地球 <https://yangqianrui.github.io> - 54372 A_DarkHorcrux <https://a-dark-horcrux.github.io> - 183154 UIKIt <https://swift-zym.github.io> - 46197 \_RS_ <https://rensheyu.github.io> - 204619 BinaryTree <https://blueinred.github.io> - 213699 Baylor <https://lbn233.github.io> - 115618 韶浅 <https://shao-qian.github.io> - 58546 CZQ_King <https://2005czq.github.io> - 322108 lovable_TNT <https://tnttian.github.io> - 375241 SunSkydp <https://sunskydp.github.io> - 692647 tanghg <https://tanghgqwq.github.io> - 571147 Special_Tony <https://571147.github.io/> 关于如何操作，请私信rui_er；另外garbage2说他有加速方法，需要的人可以私信他。