hexo+github搭建博客(手把手超详细)

hexo+github搭建博客

• hexo+github搭建博客
  • 1. Git配置和SSH链接
  • 2. hexo安装
  • 3. 修改主题
  • 4. 部署
  • 5. 问题

1. Git配置和SSH链接

1. 准备

   1. 首先注册github账号github
   2. 安装node.js 下载
   3. 安装Git 下载

2. Git配置

   1. 桌面右键 Git bash here 进行账户名和邮箱，账户名和邮箱就是你github的账户名和邮箱
      格式:

      git config --global user.name "你的账户名“
      git config --global user.email “你的邮箱”
      配置完之后再输入命令看反馈结果，确保自己输入正确
      git config --global user.name
      git config --global user.email
      不要关闭 git 还有用

3. SSH 链接

   1. git输入

      ssh-****** -t rsa -C "邮箱名“

   2. 可以看到你的public key保存的文件地址，找到以后用记事本打开，全选复制粘贴；如果找不到，就把隐藏文件名勾选，就可以找到。
      
      

   3. 登录github，先创建一个仓库，仓库名固定格式为"你的账户名.github.io"，例如你的账户名为"abc",那仓库名就要设置为"abc.github.io"

   4. github 点击个人头像进入 settings，点击 “SSH and GPG keys” 再点击"new SSH key" 把第二步复制的public key 粘贴到" Key “中，Title 可写"Blog” 最后点击 "add SSH key "
      
      

   5. 回到git 输入命令确保 链接正确

      ssh -T git@github.com
      

2. hexo安装

1. git 输入

   npm -v //看版本号
   npm install -g hexo //用git直接安装
   如果很慢 可在 命令提示符输入"npm install -g hexo" 进行安装
   
   

2. 配置文件

   1. 在非C盘的任意一个盘建立一个空白文件夹用于放置配置文件

   2. 在git 中进入你建立的文件夹，进行hexo初始化 输入"hexo init"
      

      git输入:
      npm install hexo-deployer-git --save
      方便后续部署
      git 输入
      hexo server
      产生你的博客地址，右键复制以后在浏览器中打开,预览在本地的博客
      不要用Ctrl+c复制，这个快捷键会终止本地服务，就没办法在浏览器预览，所以右键复制即可
      预览之后，不要关闭git

   3. 回到github，找到"用户名.github.io"仓库，点击进入，复制SSH
      

   4. 在你建立的博客文件夹中找到并打开"_config.yml"文件, 找到最下面的"Deployment" ，修改如下，保存退出
      

   

   6. 回到 git 使用Ctrl+C 关闭上条未关闭的本地服务
   7. git输入

      hexo generate //产生静态文件
      hexo server //本地预览 看有没有问题

3. 修改主题

1. 进入官方网站 hexo主题 找到你喜欢的主题

2. 假如想用的是这个next,点击主题名会进入主题对应的github仓库

3. 可以把整个文件下载到本地，解压，解压之后的文件名建议改成主题名，

4. 打开博客文件夹->themes，把刚才 解压的整个文件夹复制到themes中，大概这样:
   

5. 打开博客文件夹下的"_config.yml"中修改主题名为刚才的主题文件夹名，保存退出
   

6. git中 输入

   hexo generate
   hexo server //查看本地预览是否修改成功

4. 部署

1. git输入"hexo deploy" 即可部署到github，在线也能打开你的博客地址了

5. 问题

1. "无法连接github.ioIP地址 "

   解决: 修改DNS即可解决 查看链接1链接2
   修改之后即可在线打开