博客搭建记

desc

前言:

​ 这两天在网上无意间点到了别人的博客,顿时又动了搭一个博客的想法,为什么是又呢?因为之前用过阿里云服务器搭建过一个,记着用的是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的方式,具体做法可以看这里:

免费CDN:jsDelivr+Github 使用方法

  • 图片保存在github仓库,是有1个G的容量限制的,不过可以创建多个仓库对吧

这里是jsDelivr的地址现在写这篇文章的时候也是可以用的。

​ 到这里,就会发现另一个问题,就是在使用图片的时候需要先上传到GitHub仓库中,然后通过将图片地址变成jsDelivr加速后的地址,就像这样:

1
2
https://raw.githubusercontent.com/你的用户名/你的仓库名/master/文件路径
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名/文件路径

这个过程其实是很麻烦的…当然是不能容忍,于是就在网上去找一些简便操作,发现倒是有很多人写过关于粘贴图片时候返回加速后的链接的内容,不过很多都是七牛云等等…不过还是找到了一个可以在粘贴图片的时候将图片上传到GitHub同时返回jsDelivr的链接地址

项目地址是这个实测可用。

当然这个也是需要去安装一个软件AutoHotkey,这个可以去运行一些windows脚本语言,可以去绑定快捷键完成操作等等…下面就是它的脚本:

1
2
3
4
5
6
7
8
9
10
11
12
;上传图片github,剪切板markdown
;#==win
;!==Alt
;^==Ctrl
;+==shift
;=====================================================
^+v::
{
runwait, python {你本地的文件路径}\src\github\github_pic_picker.py, , Hide
send ^v
return
}

​ 配置之后就可以不用麻烦的去拼接地址了!!!

快捷键:

本地部署预览效果

1
hexo clean && hexo g && hexo s

部署到github

1
hexo clean && hexo g && hexo d
- - - - - - - - - - - - - 文 章 结 束 感 谢 阅 读 - - - - - - - - - - - - -