利用Github搭建博客教程
一、写在前面的话
曾经我也有过自己的博客网站,当时是租的阿里云服务器,再租个域名,搭配宝塔面板以及wordpress、zblog、typecho等知名博客搭建平台的一键部署,写文章、换主题等都是比较方便的。
然而后来由于囊中羞涩,再加上资本家利用用户对已有的服务器和域名的依赖疯狂压榨无产阶级,我租不起服务器和域名了,因此决定利用GitHub创建一个静态的博客网站,虽然在写文章、个性化等方面比较麻烦,但是胜在它不要钱,也没有过期了需要进行数据迁移的烦恼了。
二、前期准备
1. 首先得有一个GitHub帐号,具体就不讲解了。
2. 新建一个Repositories,名称格式为:用户名.github.io
,下面选择Public
并且勾选Add a README file
。
3. 新建完仓库后,访问https:// + 你仓库的名字
即可打开你的网站。
4. 打开个人设置,依次在左边栏选择Developer settings
->Personal access tokens
->Generate new token
,然后按下图选择和创建token,并记录,后续会使用到。
三、用到的软件
1. GitHub桌面端应用
本人不太习惯用命令行,因为太多命令有时候会记不住或者记错,为了减少写博客时的麻烦,我选择使用了GitHub官方的桌面应用。
使用方法很简单,现在本地仓库上传文档图片等,然后在桌面端应用选择相应的仓库和分支,点击左下角按钮后点击右上角按钮即可。唯一难受的地方就是可能有时候网络连接不好,会导致上传失败。多试几次就好了。
2. Gridea
Gridea是一个静态博客写作客户端,支持markdown语法、插入图片、标签分组、修改主题等常用功能,操作简单,可以将博客文章保存在本地,然后再上传至GitHub,因此非常便于管理。
下载安装完Gridea之后,在左侧远程
中按照下图设置,然后点击保存
和检测远程连接
,连接成功就说明大功告成了。容易出问题的地方是明明能够远程连接但是却在同步时出错,这个一般与网络有关,多试几次就好了。
3. VS Code
VS Code主要用来写博客的内容,因为Gridea中的编辑器不能实时预览,所以为了方便可以在“全世界最好的编辑器”中安装相应插件进行文章的撰写。
我使用了两款插件,一个是Markdown All in One
,一个是Markdown Preview Github Styling
。
该插件可以在编辑文章的时候点击右上角按钮实时预览文章效果。
四、其他
1. 关于插入图片:我的解决办法是另外建了一个仓库,每次写博客的时候将需要用到的图片上传至该仓库,然后获得一个图片地址,再在文章中引用。
2. Gridea左栏的主题中可以选择不同的主题以及一些具体配置。
3. markdown语法中可以用  
实现首行两个(中文)字符的缩进,可以用
实现空行。
4. 在Gridea中写文章时可以在右边栏中设置封面图片、标签、时间、是否置顶等,也可以插入图片和表情以及分隔符。