【前人入坑，后人爬坑】系列，基于Gridea+Github搭建个人Blog

关于搭建自己博客时的一些小问题

木木有话说：

​上学期就想搭建博客，然后因为太懒就没有搭建，假期呢心血来潮就想搭建了，我是搭建在Gridea上，同时也看过搭建在hexo的视频，发现有点麻烦，但Gridea不论是搭建还是专门操作平台都很简便，所以我就选择了Gridea。当然在整个搭建过程中自己摸索是很难受的，第一次熬到凌晨四点，仅仅是为了一个外链路径（当时还不知道图床）。第二次中途因为PicGo的设置导致图床搭建不成功，但皇天不负有心人，最终找到了问题所在！
这篇博客不讲教程只讲我遇见的问题。一是因为“前人入坑，后人爬坑”，让一些人少走弯路，二是因为搭建教程b站很多。下面就是我在搭建过程中在GitHub、Gridea、Gitee、PicGo和typora等几个软件中遇见的小问题。前提的下载好Git和node.js。

GitHub

• 注册

  • 邮箱建议用outlook、gmail、126邮箱、163邮箱。不是很建议用QQ邮箱，因为QQ邮箱有时候会当做垃圾邮件放入垃圾桶而没有显示。当然有人也注册成功了，这我不可否认的。

  • 在注册过程中还会出现连接不到服务器或者是服务器无响应。因为GitHub是国外的，所以这些是正常现象，这个就建议找个网络好点的地方（我家里网不是很好，当时我在家里注册时就失败了，然后去学校后就注册成功了。也不知是不是玄学问题，我晚上上GitHub特别快）。

• 仓库设置

  • 创建一个搭建在Gridea上的仓库，格式：用户名.github.io。

• 私人令牌

  • 令牌只有一次查看机会，所以生成的新令牌保存到剪贴板或者文档里以便于后续操作时可以查看。

Gitee

​中国版的GitHub，因为是国内的服务器所以速度很快。所以图床也可以搭建在Gitee上，建仓库以及私人令牌与Github如法炮制。

Gridea

• 远程
  • CNAME这个就是有网站域名的填，一般没有就不用填。其他的设置有视频教程就不赘述。
• 主题
• 主题上我用的主题商店里得fog。在设置中遇见了一些问题。图片加载方式建议使用外链。目的是进博客时可以加载的快点。这时图床作用就大了，这里先不说后面会详细说。
• 外链：

​注意：记得将blob/改成raw/后即外链生成。
​当然有了图床后就不需要那么麻烦。

PicGo

​在这儿就得说说“图床”，说通俗一点是图片储存的地方或者服务器，网上有收费的，但是我们可以自己搭建一个免费的图床。这里说两种方法。

• 搭建在GitHub上的图床
  • 那么就需要在GitHub上再创建一个专门放图片的仓库，仓库名不要有空格和花里胡哨的符号，如±%等。
  • 设置自定义域名。因为GitHub是国外的加载会很慢，此时就需要cdn加速，免费链接双手奉上https://cdn.jsdelivr.net/gh/用户名/仓库名。

• 搭建在Gitee上的图床，和GitHub的方法一样。不过不需要cdn加速。
  • customUrl可以不用填。

• path指的是图片存储路径。填入路径后就会在仓库建立一个文件夹。

• 当所有设置好后但照片还是上传失败,原因可能是

  • 在设置PicGo中若出现此情况，解决办法：

  

  

  • 在C:\Users\用户名\AppData\Roaming\picgo\data.json。找到文件后右键属性；
  • 在文件属性界面常规选卡下，点击更改按钮；

  

  • 接着就会弹出选择打开程序界面，我们只需选择PicGo点击确定保存即可！(若没有看见PicGo，就查看更多应用，再或者浏览文件找到picgo.exe保存确定即可)。

node.js

• 配置环境变量

  • 前提: 先安装node.js，版本要大于8,然后配置环境。
  • 先找到环境变量，打开控制面板搜索编辑系统环境变量，点击环境变量，点击Path，点击编辑。

  

  • 然后新建，把 %APPDATA%\picgo\data.json粘贴到上面。重启使环境变量生效。

    

Typora

• 偏好设置中PicGo的路径设置

  

这样让你的Typora更加顺滑。

结束语

到这儿我这两天在搭建中所碰见的问题和感悟都总结完了。从刚开始的什么都不知道，经过两天的摸索了解了许多。这是我的第一篇博客，亲手记录是发自内心的高兴。