搭建hexo博客

Veröffentlicht am

准备工作

  1. (有Node的请忽略)搭建hexo需要安装Node 下载node -> Node官网
    "node官网" 会出现三个平台 选择自已的电脑系统然后下载 按照指示一步步下载

  2. 安装git 这里就不多说了 网上一堆教程 还不是因为我装了xcode就有git 哈哈哈
    你要部署你的git到github上的话必须要和github连接在一起 那么就让我们来设置我们git和github连接在一起吧

    • 首先要设置ssh key到github
    • 在终端输入cd ~/.ssh 回车后进到ssh文件夹 ls 一下看看有没有公钥和私钥(有就顺便备份一下) 一般文件名为id_rsa.pub 或者 id_dsa.pub 没有就要生成
      • 生成ssh key的方法 : 生成public/private rsa key pair
        在命令行中输入ssh-keygen -t rsa -C '自已的email地址' "生成公钥和私钥效果图"
      • 按三下空格就会生成一个默认路径下的空密码的shh key
      • 查看一下自已的~/.ssh中的两个文件
        "生成公钥和私钥文件夹效果图"
    • 复制自已电脑上公钥的内容 一般是.pub文件里面的内容 用vim打开然后command + c
    • 去到github上面设置
      • 打开settings
        "github步骤图1"
      • 点击ssh and GPG keys
        "github步骤图2"
      • 点进去把刚刚的内容复制 add就好了
    • 最后一步了，只需测试一下链接是否正常了，接着输入：ssh -T git@github.com，这时会问是否继续连接，我们输入 yes，这样，我们的git配置就完成
      "github步骤图3"

  3. 安装主要的工具hexo啦.
    简介自已可以去百度搜一下 我这里直接写安装步骤了
    输入sudo npm install -g hexo 回车然后输入密码就开始安装啦(这里我没出现过问题 如果出现错误请仔细查看错误 应该就是有一些工具没装好或者是工具版本太旧 升级一下)

搭建一个属于自已的博客

  1. 创建一个文件夹(名字自定义) 然后使用终端cd进去 执行命令hexo init(注意这个文件夹内必须是空文件夹才能初始化成功)
    —- > 我在这里出现过一个问题: 安装时会卡在node scripts/install.js 这个步骤下 我等不及又找个文件夹重新init一遍就好了 - - 总之要耐心等耐初始化 不要急 OK
  2. 部署一下博客页面 hexo generate(hexo g 也可以）
  3. 启动server hexo server 浏览器输入http://localhost:4000 就会看到这样的界面
    "github步骤图4" 这是hexo的一个初始化界面

  4. 将你的hexo和github进行连接,因为现在的域名和服务器都是基于自已电脑的

    • 在github上面建立与你github用户名对应的仓库,仓库名字为your_user_nanme.github.io 比如我的github名字为coderdeyu-> 那么我建立的仓库名字就是coderdeyu.github.io (这个很重要 不然找不到)
    • 配置自已博客路径下的_config.yml文件 现在我们需要_config.yml文件来建立关联 cd到这个路径下 用vim来打开这个文件 vim _config.yml 翻到最后进行设置"github步骤图5"
    • 特别说明一下repository 如果你配置了ssh的话就用另外一个地址 github上面有
      示例 :
      deploy:
type: git
repository: https://github.com/CoderDeYu/CoderDeYu.github.io.git
branch: master

  5. 设置好之后执行该命令npm install hexo-deployer-git --save 这样就可以使用git部署自已的博客了

  6. 上传自已的博客到github上 输入命令hexo deploy 然后打开你的博客地址 比如我的https://github.com/CoderDeYu/CoderDeYu.github.io 就可以看到自已的博客了
    • 这一步坑挺多的 !!!!!
      • 要在github上面建好仓库这步才能成功 如果没建仓库你又执行了这步就会报错
        这时候建完后你要去目录把_deploy.git这个文件删除后在npm install hexo-deployer-git --save
        然后再执行hexo deploy 这样就建立关联了
      • 我打开页面发现404 原因是github上面的仓库名称没有按照格式your_user_name.github.ioz这样设置 要去setting哪里设置成这个样子,然后在项目设置中找到GitHub Pages 把Source改成master分支,才能打开

小结 :

  • 我也是看别人的教程搭建的博客,期间发现很多东西自已都不会,需要自已慢慢摸索 关键是要看错误信息 不要害怕终端中密密麻麻的英文 其实找错误还是挺有意思的一件事情 所以说不要害怕 还有就是自已弄懂的东西必须要记录下来 不然过会就忘了自已为什么要这么做 我就是那么记忆力比较差的 所以多记录点东西比较好 大家共勉~