基础环境

  • Git v2.33.0

  • Windows10 21H2

  • Node v16.14.1

  • SSH

搭建流程

配置ssh密钥

  • 全局配置本地git账户
1
2
3
#对应github邮箱和用户名
git config --global user.name "用户名"
git config --global user.email "邮箱地址"
  • 生成ssh key
1
2
#默认生成路径在C:\Users\用户名\.ssh目录下
ssh-keygen -t rsa -C "邮箱地址"
  • 查看公钥内容，先在github添加生成的公钥

image.png

  • 然后添加到本地信任列表，顺序不能反，否则会提示权限错误
1
ssh -T git@github.com
  • 出现 Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access 即为配置成功

新建github仓库

  • 新建名为用户名.github.io的仓库，如下，该页面会自动认为是gitpage仓库，过几分钟后访问用户名.github.io即可访问页面内容

image.png

下载和部署hexo

  • 下载cnpm，国内速度较快
1
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 初始化hexo
1
2
3
4
cnpm install -g hexo-cli#下载hexo
hexo init Blog			#初始化hexo 新建Blog文件夹
cd Blog
cnpm install			#进入文件夹安装依赖

  • 配置Next主题，下载主题，解压到Blog的themes文件夹，在解压好的Next文件夹使用cnpm install安装依赖

  • 在Blog目录下_config.yml中的theme修改为next

image.png

1
2
3
hexo clean					#清除缓存，尤其是在更换主题后
hexo g						#生成静态文件
hexo d						#部署网站
  • 在Blog文件夹启动hexo服务，访问本地4000端口即可访问，这是已经配置好Next主题的页面
1
hexo s

image.png

部署到github

  • 修改Blog下配置文件，格式如下：
1
2
3
4
deploy:
  type: git
  repo:
    github: git@github.com:msfisgood/msfisgood.github.io.git,master
  • 安装部署插件
1
2
cnpm install hexo-deployer-git --save
hexo g -d 								#部署上传
  • 修改git仓库分支，运行完上一步还需要修改分支，hexo的配置为master分支，仓库默认为main分支，需要在仓库设置->页面中修改分支为master

image.png

后记

  • 后续会继续整理一些hexo技巧和美化方面的内容