在windows环境下创建静态网站
1.使用Node.js框架搭建环境
2.使用Git来下载上传源码
3.使用的hexo博客框架
4.使用Github来存放和发布站点
5.使用Vercel容器来自定义绑定域名
环境搭建
1.安装Node.js
官方下载地址:https://nodejs.org/en
配置环境变量:高级系统设置=》环境变量=》系统变量=》添加node.js安装目录路径至path变量
打开cmd,输入以下命令:
node -v |
返回node版本信息,说明安装配置成功!
2.安装Git bash
官方下载地址:https://git-scm.com/download/win
同样配置好环境变量,把C:\Program Files\Git\cmd配置到path变量中
打开cmd,输入以下命令:
git --version |
返回git版本信息,说明安装配置成功!
下载Hexo框架
在 git bash 中输入以下命令开始全局安装 Hexo
npm install -g hexo-cli |
配置hexo环境变量:C:\Program Files\nodejs\node_global至path变量中
在要下载博客目录文件夹中,右键选择git bash操作,打开git命令操作界面,在 git bash 中输入
hexo init test-blog |
cd test-blog |
hexo g |
编译静态文件到public文件夹,这时test-blog目录下会自动生成public文件夹
关闭git bash,打开cmd,输入:
hexo s |
如果本地地址: http://localhost:4000 ,能正常访问,则启动成功!
如何停掉hexo服务?
在git bash中直接输入命令hexo s启动服务,按ctrl+c停不了服务。直接关闭git bash,hexo服务会在后台运行占用4000端口。这时只能通过任务管理器杀掉node.exe进程,才能停止hexo服务。
而在cmd中,可以直接按ctrl+c停掉hexo服务。
上传至Github发布
1.新建github仓库
为了搭载GitHub Pages服务,新建一个github仓库,仓库名必须是github用户名。e.g: username.github.io
2.生成ssh密钥
在 git bash 中输入如下命令:
git config --global user.name "自己的github用户名" |
git config --global user.email "自己注册github的邮箱" |
生成密匙命令:
ssh-keygen -t rsa -C "自己注册github的邮箱" |
接着按3个回车
在本地电脑目录上:C:\Users\用户名\.ssh找到新生成的公匙,复制id_rsa.pub中的内容,把它添加到github的setting=》SSH keys中。
再使用下面的命令测试是否成功
ssh -T git@github.com |
然后会看到这个内容,输入yes即可 
3.上传至github
打开 _config.yml,重新配置deploy
新配置内容:
deploy: |
安装部署推送命令
npm install hexo-deployer-git –save
然后清理缓存,重新生成静态文件,部署到github上
hexo clean && hexo g && hexo de |
部署推送完成后,可以访问地址:https://自己github用户名.github.io以验证是否部署成功。
Vercel容器配置域名
官方网址:https://vercel.com,用github账号登录。新建project,github库选择要发布的库。
自定义项目名称:coustm-name,最后发布。访问https://coustm-name.vercel.app,能访问,则部署成功。
点击setting,选择domain,配置自己购买的域名。