最近发现还是用Netlify这一套工具链爽(对于无服务器玩家)
先介绍一下工具链
+----------+ +----------+ +----------+
| | GIT | | NETLIFY | |
| TYPORA | --------> | GITHUB | ----------> | PUBLIC |
| | | | | |
+----------+ +----------+ +----------+
嗯。。大概就是这样
How it works?
CSDN或者是博客园的用户往往这样写Blog:
- 在本地/在线编辑器写好
- 复制到博客后台
- 提交
等待审核
但是。。如果我们要自己建Blog的话。。首先要考虑一个问题:什么是网站?
网站
某种意义上,你的Blog是一系列网页(html文件)的集合
无论是CSDN还是博客园,都是在帮你生成这一系列html文件而已
但是。。如果你要自己建blog的话。。首先要解决一个问题:你的网页放在哪里才能让别人看到?
IP与服务器
放你自己的电脑是不行的,你的电脑会关机,会断网,别人在断网/电的这段时间内是看不到你的网页的,更何况,你的电脑没有公网ip,别人根本没办法访问到你的电脑。
那么。。什么是服务器呢?
硬件意义上的服务器是一台(虚拟的)24h不关机的、有公网IP的(Linux系统的)电脑
软件上的话。。是这样的,你的网页,放到你的服务器上,别人是看不到的。只有通过一种叫做”服务器“的软件,才能将网页展示给他人
Hexo
所以。。根据我们的梳理,建Blog需要我们能做到以下事情:
- 根据文章生成网页(html/css/js/images)
- 将网页部署在某个靠谱的服务器上
我们先来解决第一个问题
Hexo是一个用来生成网页的程序,它没有服务器的作用
理解这一点之后可以去看Hexo的文档
工作流是这样的
+----------+ +----------+ +----------+
| | HEXO | HTML | GIT | |
| MARKDOWN | --------> | CSS | ----------> | GITHUB |
| | | JS | | |
+----------+ +----------+ +----------+
Git && Github
Git是一个版本控制程序,具体的使用可以查看《Pro Git》
而Github是一个用来存Git仓库的网站(暂且这么认为)
我们可以将hexo的工作目录建一个Git repo
然后上传到Github上,就可以同步我们的Blog文章了
Netlify
这个网站起到了服务器的作用,也就是我们要解决的第二个问题
当你的Github repo更新时,它会自动抓取,然后生成网页并部署
而且还支持https之类的操作
Get Started
目前我们已经解决了Blog的两大难题,现在我们可以开始动手了
安装必备软件
- nodejs
- - hexo
- Git
- Typora(Markdown editor)
注册一波账号
理论上注册一个Github就够了
Netlify可以绑定Github账号
Github
接下来需要:
- 建立repo
- 学习Git的相关操作
Netlify
这边没有什么设置的。。
写一篇blog
首先我们hexo new
新建一篇文章
然后通过markdown编辑器来写文章
然后git commit
,git push
然后就没有辣,netlify会自动生成新的网页