博客框架有很多，本文以使用最多的hexo框架来搭建。
搭建网站骨架
准备工作
-
安装Git -
安装Node.js
第一步 安装Hexo
-
全局安装
npm install -g hexo-cli
第二步 创建博客目录
这个目录就是你要搭建的博客网站的项目目录
hexo init myblog # myblog是博客目录的名字
cd myblog # 进入
npm install # 编译
第三步 启动项目
在项目目录中执行
hexo server
然后访问http://localhost:4000/。
至此，不出意外的话，博客网站的雏形就出来了。
自定义主题
hexo里面可以集成各种花里胡哨的主题：https://hexo.io/themes/，现在里面已经有392个主题供你选择，基本可以满足大部分人的审美需求。
下面以其中一个主题(NexT)来美化我们的博客网站，NexT是一个干净漂亮的主题，使用的人数也很多。
下载NexT主题
在项目目录中执行
git clone https://github.com/next-theme/hexo-theme-next themes/next
修改hexo配置，将默认主题改为next主题。
打开myblog/_config.yml文件，修改此处：
重启，再次访问http://localhost:4000/
使用GitHub Pages部署
第一步 注册GitHub账号
略
第二步 创建博客代码仓库
点击右上角+号，选择New repository
注意：Repository name 这里必须填 <你的github账号>.github.io；别问为什么，问就是规定。
然后选择 Public，创建仓库。
第三步 配置GitHub Pages
在新建的仓库中，点击此处
拉到最下面，找到GitHub Pages
点击Save，配置成功。
第四步 hexo配置github地址
打开myblog/_config.yml文件，修改此处：
repo填刚刚创建的仓库地址
branch 填main，GitHub现在创建仓库默认是main分支。
第五步 发布
前面说的本地可以通过 hexo server在本地启动服务
但是这里需要将博客项目打包成静态文件上传到github仓库(GitHub Pages只支持部署纯静态项目)。
执行以下命令：
hexo clean
hexo g #打包
hexo d #发布
第六步 访问
访问你的项目：https://<你的github账号>.github.io
自定义域名
第一步 薅域名
去各个域名运营商那里薅个便宜域名。（阿里云、腾讯云等运营商新用户都可以一元购域名，便宜的很）
第二步 添加域名解析
在运营商后台添加域名解析，选CNAME，解析到你的GitHub pages访问地址（<你的github账号>.github.io）
第三步 GitHub Pages中添加自定义域名
进入博客仓库的GitHub Pages配置页面
这里输入前面配置的运营商解析域名，点击Save。成功了以后，在项目仓库里会多一个CNAME文件。
第四步 访问
访问上面在运营商配置的解析域名，例如：https://blog.zhanpg.top，这样就能访问到你部署的博客项目了。
往期推荐
本文分享自微信公众号 - pipi蛋（pipidan_fuyun）。
如有侵权，请联系 [email protected] 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。