github+hexo来搭建个人博客——保姆级教程

1. 在github创建仓库

  • 仓库名字一定是:用户名.github.io的模式,如我的用户名是hxd250,故该仓库名为 “hxd250.github.io” 。在这里插入图片描述

  • 将 “Add a README file” 勾上,然后点击 “Create repository”
    在这里插入图片描述

  • 创建成功后进入仓库主页,点击“setting”进入设置
    在这里插入图片描述

  • 在最后面哪里点击Change theme选择主题在这里插入图片描述

  • 任意选择一个主题,到此你的仓库就创建成功了!在这里插入图片描述

2. 下载安装Git和node.js

  • git : 在官网下载很慢,可以使用阿里巴巴的镜像源下载,地址:https://npm.taobao.org/mirrors/git-for-windows/, 选择最新的就好了。

  • git安装成功会在你的鼠标右键的列表中多出Git GUI here 和 Git Bash here

  • node.js : https://nodejs.org/zh-cn/download/, 根据你的系统选择就好了

  • 在终端运行 node -v 和 npm -v ,安装node.js成功会显示:

    在这里插入图片描述

3. 安装hexo

  • 在你觉得适合的位置创建一个blog文件夹,进入该文件夹,右键点击Git Bash here,会进入如下界面:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jvqdcxfH-1626782600116)(https://s3.ax1x.com/2020/12/21/rBEpI1.png)]

  • 更新npm

    • 换成阿里源:npm config set registry https://registry.npm.taobao.org

    • 验证命令: npm config get registry //返回https://registry.npm.taobao.org, 说明镜像配置成功。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2yEWx4sQ-1626782600117)(https://s3.ax1x.com/2020/12/21/rBEiRK.png)]

  • 使用 “npm m -g hexo" 命令来安装hexo主题在这里插入图片描述

  • 使用 "hexo -v"来查看hexo是否安装成功,成功就会返回hexo的相关信息[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IcuYtoZK-1626782600120)(https://s3.ax1x.com/2020/12/21/rBEEse.png)]

  • 输入 “hexo init” 初始化文件夹,需要等好一会,最后会出现 “Start blogging with Hexo!" 字样。在这里插入图片描述

  • 输入 npm install,安装所需组件

  • 输入 “hexo g”
    在这里插入图片描述

  • 输入“hexo s” , 启动本地服务器,通过“http://localhost:4000”来访问
    在这里插入图片描述
    成功界面如下:​ 在这里插入图片描述

  • 更换主题:

    • 首先你要先找到你需要的主题,可以去百度或者github搜索hexo主题,找到你喜欢的主题,得到其github地址。如我找到的:https://github.com/Fechin/hexo-theme-diaspora.git[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-g6wlMZUL-1626782600127)(https://s3.ax1x.com/2020/12/21/rBElz8.png)]
    • 在git终端输入:git clone + 你找到的主题的git地址 + themes/主题名, 来下载该主题。你下载的主题都会保存在themes文件夹内。如:git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora在这里插入图片描述
  • 上一步操作我们把主题下载好了,然后就得修改配置文件。在这里插入图片描述
    在你创建的blog文件下有_config.yml文件,打开该文件,将里面的"theme: "后面接的主题修改为你下载的主题名。如:theme: diaspora

4. 部署到GitHub上

  • 使用Hexo deploy 部署到github

    • 编辑根目录(我们创建的blog目录)下_config.yml文件,翻到最后修改为代码(hxd250换成自己的用户名),并进行保存。注意:冒号和后面的内容有一个空格!
      在这里插入图片描述
    • 在git终端输入:npm install hexo-deployer-git --save 来安装Git部署插件
  • 检查SSH Keys设置

    • 在git终端输入cd ~/.ssh , 如果出现“bash: cd: /c…” 的错误,说明不存在.ssh

    • 解决办法:

      • 输入:ssh-keygen -t rsa -C “xxxxxxx”(自己邮箱),提示你输入时不用管,回车就完了
      • 在输入 cd ~/.ssh 没有报错,说明成功了
    • 输入eval “$(ssh-agent -s)” , 添加密匙到ssh-agent(以下两个操作可有可无)rBE8sg.png

    • 输入 ssh-add ~/.ssh/id_rsa , 添加生成的SSH key到ssh-agent
      在这里插入图片描述

  • 添加SSH Key到GitHub

    • 进入你的主页设置(右上角):
      在这里插入图片描述

    • 点击“SSH and GPG keys”,然后点击“New SSH key”新建SSH keys[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0LtOh1g3-1626782600134)(https://s3.ax1x.com/2020/12/21/rBEtds.png)]

    • 在终端输入cat id_rsa.pub , 复制显示出的所有文本[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-207zX5l6-1626782600135)(https://s3.ax1x.com/2020/12/21/rBENon.png)]
      在这里插入图片描述

    • 输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了(有一个会让你输入 yes)

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tanxFtA7-1626782600137)(https://s3.ax1x.com/2020/12/21/rBEwWV.png)]

    • 设置账号信息,需要你的你的用户名和注册时使用的邮箱
      在这里插入图片描述

  • 部署到GitHub上,输入hexo d -g , 使用网址:https://你的用户名.github.io 访问博客。在这里插入图片描述

  • 好了,安装完毕了,如果想使用阿里云的ECS实例+hexo来搭建博客,请参考大神的博客:

    • https://zhuanlan.zhihu.com/p/126243913
    • https://blog.csdn.net/qq_44747221/article/details/105045390
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值