Drizzy

Drizzy

Zi Yang
XMUM
Coleworld Dreamville fan

1-Minute Read

建站经历分享

首先感谢jab老师对俺滴技术支持,规划了建站的路线 (这里是jab老师滴网站 Jukrb0x

这个blog是用hugo+vercel+CloudFlare(CDN加速)建成的

hugo是这几年比较比较流行的webpage generator

vercel则是提供serverless等方案的供应商

对于国内的朋友来说,vercel可能会被墙,所以我加上了CloudFlare作为CDN加速

对于这个网站,需要掌握的知识及技术其实不算难,但因为本人的拖延症所以花了一段时间hhhhhhh

如果你也想试试看,你需要掌握:

  1. markdown的运用(编写博客时的需要
  2. HTML语言的掌握(看懂一些文件
  3. 对于hugo的掌握(可根据官方的tutorial走
  4. linux系统的一些操作(我使用wsl
  5. git和github的使用(因为vercel支持直接导入github的repo,比较方便
  6. 应对各种error的耐心hhhhh

开发使用的是wsl,所以开发时经常会遇到一些奇奇怪怪的错误,也再一次巩固了linux的知识hhhhhh(配置一个新系统真的很麻烦

所以第一步来说就是配置一下Linux,常规的pip,vim,npm,巴拉巴拉都得装,后期还装了其他的包

然后就是安装hugo,这里不推荐使用sudo指令安装,因为版本比较低,推荐先安装homebrew再用brew指令安装

安装homebrew也遇到了问题,有很多是来自resolve host的报错,搭上梯子能够解决

(btw,homebrew其实还是蛮方便的

安装hugo成功之后就可以跟着hugo官方的tutorial走了,建议开个梯子去油管看看giraffe的视频

了解架构和一些基本使用操作的话就能去hugo官网挑选themes了,每个themes的结构都有点不同,想要了解详细特性并且更改一些内容的话得去自己读一读(但是基本的配置文件config.toml还是很好理解的

不过现在市场上的theme功能都很齐全,跟着作者的给的wiki就能很好地使用了

hugo支持用md文件生成页面,所以稍微看一下md就能开始写blog

hugo支持本地server的实时运行,可以开着本地网页边更改内容,对于理解架构来说很方便

然后就是上传到github上,github教程很多,不多废话

之后就是vercel的serverless方案了,连接一下github的repo就能直接部署

到这一步的时候网站就能部署上线了,vercel会自动生成一个vercel.app的网址,到这一步理论上来说就能用了


但是!!!


既然要搞个blog,那就要弄一个顺眼的域名hhhhhh

所以就要买一个域名,国内的话可以在阿里云或者腾讯云买,但是要备案,所以我选择了国外的域名服务商

namecheap和godaddy(人称狗爹)都是不错的选择但是namecheap不支持银联,只能用visa和master等

狗爹支持支付宝,果断选择了狗爹

作为全球最大的域名服务商,狗爹的价格会稍微贵一点点

买完域名之后,就开始域名绑定了

我一开始选择的是直接使用vercel的nameserver,但是在初期测试中有些朋友不开vpn就访问不了(之前vercel被墙过

随即使用CloudFlare

步骤是这样

在狗爹那边连接到CloudFlare的nameserver

然后把vercel的DNS reord添加到CloudFlare上就行 (具体参照vercel的官方教程




虽然总结的时候步骤看起来很简单,但是大部分时间都在跟报错抗争!!!!

这只是一个粗略的流程而已,有一些报错的解决办法之后有时间再写吧 (懒b实锤

随便写写的,只为记录简单记录一下学习流程,请勿上纲上线!!!

欢迎大佬们的技术指点,也欢迎同学们的技术交流

封面图是咖啡店里的doggy

结尾分享一张2021年9月6号的小破岛天空

Source 20210906 sky2

Recent Posts

About

For tech and issues