搭建静态网站—hexo

1、本地安装nodejs环境、安装hexo框架 hexo官网：https://hexo.io/zh-cn/

安装博客框架

cmd中运行

npm install -g hexo-cli

出现added 53 packages in 8s表示安装完成

新建博客

hexo init myblog #这里myblog为博客存放目录。可以根据需要自定
cd myblog
npm install

完成后，下面命令就是新建一篇博客文章

hexo new <文章文件名> #可以不用中文，这里就是该文章的存储文件名

---

截至到现在我们在对应的目录中已经建立了一套博客内容，并且也新新建立了一篇博客文章
接下来我们把博客程序部署到github的pages中托管。

2、github初始化仓库、生成访问令牌

仓库名为userid.github.io # userid为用户名
然后选择Public，公开
如图，确定创建仓库

新建一个token，给个名字，然后给上仓库权限

---

3、部署到github、vercel、cloudflare-pages。

文件末尾找到deploy配置如下，改成您对应的用户名和令牌token即可

然后通过vs code打开项目，编辑配置文件，并且部署到github仓库中。
编辑_config.yml
deploy: 
  type: 'git'
  repo: https://yqs1314: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@github.com/yqs1314/yqs1314.github.io.git
  branch: gh-pages
  
  #注意空格、换行，格式不对会出错

然后安装一键部署插件部署到github

npm install hexo-deployer-git --save #安装部署插件
hexo generate 或者 hexo g #生成静态代码
hexo deploy 或者 hexo d #一键部署命令

#其他命令
hexo clean  #清除
hexo s  #本地运行

部署后再回到github仓库中，settings–>Pages，稍等1，2分钟https://yqs1314.github.io/即将出现我们部署的博客首页。

---

4、可自定义域名

参考cloudflare解析域名

部署时的一些问题

---