[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
博客示例:
- https://t0uzi.github.io(还没完事TVT)
- https://t0uzi.vercel.app/(这个得用魔法)
一,本地搭建
- 安装git,官网https://git-scm.com/,安装后运行git查看版本
git --versuon
.出现git version x.xx.x.windows.x
即安装成功 - (可选),设置博客文件位置
- 选好地点,新建文件夹,完成后复制文件夹的绝对路径
- 右键git快捷方式,属性,快捷方式,之后修改起始位置,把起始位置替换为你博客文件的绝对路径
- 安装node.js,官网https://nodejs.org,安装后配置环境变量,
- 配置环境变量步骤:
- 按Windows搜索环境变量,找到编辑系统环境变量,打开
- 点击环境变量,在下方系统环境(s)中找到Path,双击打开
- 点击新建,将安装node的绝对路径放入其中
- 连续确定,别点X和取消!!!
- 配置环境变量步骤:
- node.js安装完成后在git中运行
node -v
显示vxx.xx.x
即安装成功 - 安装Hexo,命令
npm install hexo -g
之后安装依赖包npm install --save hexo-deployer-git
开始本地搭建
hexo init # 初始化个人博客 hexo g # 自动生成静态网页 hexo s # 自动构建本地服务,默认url:http://localhost:4000 # 至此,即可进行本地化访问
二,部署到github,实现托管
- 优点:省心省力,只需调整博客样式即可
- 缺点:博客加载缓慢
- 解决方法:
- 用vercel自动获取github的项目,加快页面访问速度
- 买个域名,将vercel的网址重定向到拟购买的域名(我买不起TVT,我没弄这个)
- (重要!!!),创建GitHub账户,在github中建立一个仓库,仓库名为:
用户名.github.io
配置SSH:
- 生成SSH:
ssh-keygen -t rsa -C "你建立GitHub用的邮箱"
,ssh文件夹会生成在C:\Users\用户
中(电脑不一样,位置会有点小差别,但是都在Users中) - 打开ssh文件夹中的id_rsa.pud文件,复制内容
- 打开GitHub主页,点击个人设置,点击
SSH and GPG keys
,点击New SSH key
,将复制的内容粘贴到key一栏中,title名无所谓,随便起 - 输入测试命令
ssh -T git@github.com
,若回显Hi 你的GitHub用户名! You've successfully ......
即为配置成功
- 生成SSH:
设置GitHub的用户名,邮箱
git config --global user.name "你的GitHub名"
git config --global user.email "你的GitHub邮箱"
- 部署到GitHub
hexo clean # 清理之前生成的文件 hexo g # 重新生成静态资源 hexo s # 进行本地部署,查看文件是否有问题 ctrl+c #停止本地部署 hexo d #远程部署到GitHub #部署完成后过一小会,访问`https://GitHub用户名.github.io`即可查看博客