页面加载中 . . .

构建本站


HEXO部署本站

部署到本地

  1. 安装node.js

  2. 安装hexo插件 + 创建博客

    npm install hexo-cli -g
    hexo init <folder>
    cd <folder>
    npm install
  3. 主题下载

    git clone https://github.com/blinkfox/hexo-theme-matery.git ./themes/matery
  4. 修改主题
    image-20231228113434249
    image-20231228113556831

  5. 本地部署

    hexo clean && hexo generate && hexo server

访问网页 http://localhost:4000

image-20231228113914368

部署到GitHub

  1. GitHub创建仓库,名字为xxx.github.io (xxx是你的GitHub用户名)
    image-20231228114015376

  2. 配置GitHub邮箱和名字

git config --global user.name "xxx"				#提交GitHub的用户名 
git config –-global user.email `xxx@xx.xxx`   	#你的邮箱
  1. 本地生成密钥对

    ssh-keygen -t rsa
  2. 将密钥对的公钥内容拷贝到GitHub上,一般存放在C:\Users\xxx.ssh (xxx是你的电脑用户名)
    image-20231228115654705

image-20231228134437625

  1. 部署

配置_config.yml

deploy:
  type: git
  repository: git@github.com:xxx/xxx.github.io.git # xxx是你的用户名
  branch: master # 可能是main,看你的主干分支命名
npm install hexo-deployer-git --save
hexo d
  1. 加速
    正常访问GitHub网站,可能不能访问,这时候可以使用vercel来托管仓库,加速访问
    image-20231228135603380

外网访问
image-20231228141448622

设置域名

  1. 域名购买,阿里云的6位数字xyz的域名,例如351627.xyz,非常便宜,我买了5年,只花了34。

  2. 获得你的GitHub的IP地址

    ping xxx.github.io

    image-20231228142658113

  3. 域名解析你获取的IP,域名解析控制台记录值填你获取到的IP,解析需要等待10分钟左右,才能解析到你的IP地址,耐心等待
    image-20231228142222926

  4. GitHub配置你的域名,Custom domain填写你的域名

image-20231228143234127

  1. 仓库目录创建一个名为CNAME的文件,文件内容是你的域名,例如351627.xyz,等几分钟就完成网站了,你可以直接ping你的域名,发现和你的GitHub的IP一样的

  2. 后续发现使用hexo d重新部署会顶掉之前的域名绑定,访问出现404,请看此文解决

  3. 如果需要网站加速,请看此文解决

大功告成

image-20231228143326753


文章作者: ZhiQ
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 ZhiQ !
  目录