前言:
这两天在网上无意间点到了别人的博客,顿时又动了搭一个博客的想法,为什么是又呢?因为之前用过阿里云服务器搭建过一个,记着用的是wordpress和宝塔面板吧,而且之前不太会用,Linux命令都没记熟…然后就是懒人法hhh,用模板直接搭好了,但是后来也没太写什么东西,就不了了之了…
然后就是这段时间,发现可以使用GitHub+Hexo来搭建一个静态的博客网站,所有就来了兴趣,而且看起来也不是很难,于是说干就干,总算初步搭建成功了,域名正好是之前买的还没到期,正好用到了。然后大概写一写过程吧。
搭建博客必备:
GitHub:需要去创建一个repositories,格式是 用户名
.github.io
Hexo:这是一个基于Node.js的静态博客框架,当然也是在GitHub开源的,就在这里
域名:这个是一个可选项,没有域名也可以通过xxx.io访问的
Git:这个需要在电脑上安装,本地可以直接拉取项目,配置ssh后可以免密登录,这样就可以将代码上传到GitHub仓库了。
Node.js:因为Hexo是基于Node.js的,需要下载配置好环境变量。
当然具体步骤可以看这里,写的很详细了!
Tips:
🆗,上面大概说了说搭建博客必备的东西,然后因为之前一直typora写一些东西,而且图片什么的都是直接存放在本地的,也没有用过什么图床,然后发现也有很多推荐的方式,但是免费的毕竟都不是很有保障,然后我准备采用Github+jsDelivr的方式,具体做法可以看这里:
- 图片保存在github仓库,是有1个G的容量限制的,不过可以创建多个仓库对吧
这里是jsDelivr的地址现在写这篇文章的时候也是可以用的。
到这里,就会发现另一个问题,就是在使用图片的时候需要先上传到GitHub仓库中,然后通过将图片地址变成jsDelivr加速后的地址,就像这样:
1 | https://raw.githubusercontent.com/你的用户名/你的仓库名/master/文件路径 |
这个过程其实是很麻烦的…当然是不能容忍,于是就在网上去找一些简便操作
,发现倒是有很多人写过关于粘贴图片时候返回加速后的链接的内容,不过很多都是七牛云等等…不过还是找到了一个可以在粘贴图片的时候将图片上传到GitHub同时返回jsDelivr的链接地址
当然这个也是需要去安装一个软件AutoHotkey,这个可以去运行一些windows脚本语言,可以去绑定快捷键完成操作等等…下面就是它的脚本:
1 | ;上传图片github,剪切板markdown |
配置之后就可以不用麻烦的去拼接地址了!!!
快捷键:
本地部署预览效果
1 | hexo clean && hexo g && hexo s |
部署到github
1 | hexo clean && hexo g && hexo d |