一次Github+Hexo搭建个人博客的踩坑

起步

本人博客欢迎来访。

  1. 先在github创建一个仓库,名称为你的用户名.github.io
  2. 仓库setting 下拉看见GitHubPages然后Choose a theme随便选一个主题。
  3. 在这里插入图片描述
  4. 稍等片刻后,浏览器打开你的用户名.github.io即可访问到你的网站

配置

  1. 安装Node.js、Git
  2. node.js直接上官网下载就好。
  3. 测试node安装是否是否
    在这里插入图片描述
    node自带npm,一测试就知道npm也有了
  4. Git安装,上官网下载安装就好。
  5. git配置

1.检查SSH keys的设置;如果没有显示“No such file or directory”,说明这是你第一次使用 git;
2. 生成新的 SSH Key:$ ssh-keygen -t rsa -C "邮件地址@youremail.com"ssh-keygen -t rsa -C "Github的注册邮箱地址"
3. 然后系统会要你输入密码:Enter passphrase (empty for no passphrase):<设置密码>Enter same passphrase again:<再次输入密码>
4.找到id_rsa.pub文件
在这里插入图片描述
5. Ctrl + a复制里面的所有内容,然后进入Sign in to GitHub:你的github主页点击头像后边的箭头,选Settings进入设置界面后在左侧选SSH and GPG keysNew SSH key ;点击添加Add SSH key
6. 测试是否配置成功 ssh -T git@github.com
在这里插入图片描述
7.设置用户信息 git config --global user.name "username"//输入注册时的usernamegit config --global user.email "yourname@yourmail.com"//填写注册邮箱

  1. 配置hexo;_config.yml是配置文件,在文件中打开它找到# Deployment并配置它;repo写自己的地址就行了。该文件的具体配置见hexo
    在这里插入图片描述
    注意注意,配置的时候一定,一定,一定要有一个空格在前面,都保持一致,要不然配置无效的。后面根本deploy不上github
  2. 初始化hexo博客hexo init [folder] folder为文件夹名称,会自动创建;
  3. 生成静态文件hexo generate 简写hexo g 会生成public目录;
  4. 开启服务hexo server 简写 hexo s;然后打开http://localhost:4000即可看到hexo博客
  5. 生成博客 hexo new post ‘名称’ 即可在source文件夹下生成博客,可编辑md文件,编辑md文件是记得在前面加个空格,不然会报错,如下;
  6. 在这里插入图片描述
  7. 清除数据和静态文件 hexo clean
  8. 部署到github hexo deploy 生成部署到github hexo d -g;然后打开http://你的用户名.github.io即可看到部署以后的网页;
  9. 吐槽一下,hexo init 文件名从github上拉取资源真的很慢,好好等等吧。

域名配置

  1. 在你博客的仓库里setting下拉到GitHub Pages
  2. 在这里插入图片描述
  3. 在里面配置你的域名,
  4. 本地hexo目录下的source文件夹下新建CNAME 没有后缀名,把你的域名填写进该文件
  5. 在这里插入图片描述
  6. 部署上github,hexo d -g
  7. 在域名注册管理里面填写解析记录值,记录类型为CNAME,记录值是你的用户名.github.io
  8. 在这里插入图片描述
  9. 返回github可以看到

在这里插入图片描述
10. 绑定完成可能要等一段时间才会生效,然后服务你的域名即可访问到你的网站了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值