浊以静之徐清,安以动之徐生

0%

blog搭建教程

1. 前言

  • 本教程源于几位大佬的教程,连接附上!

  • 如果有未标注的,请联系我

  • 以下是我的愚见(自我理解),如果大佬又向看到了错误,还请不要嘲笑我,刚接触没几天

  • 欢迎积极留言

2. hexo blog搭建2.1环境

    2.1.1 Node.js
    2.1.2 Git
    2.1.3 安装hexo
      npm install hexo-cli -g
    2.1.4 根据官网配置hexo,在要创建blog的文件夹目录右击 git bash

1
2
3
4
   hexo init blog #初始化blog
   cd blog #cd到blog文件夹
   npm install #用npm安装
   hexo server #启动本地服务

    2.1.5.启动服务器,在你的blog目录下右击,git bash ,输入hexo server #也可以简写为 hexo s
  
    2.1.6.不出意外的话你打开git bash里的连接,进入浏览器就可以看到你的本地预览的blog了!     

3.部署到云端 (以github为例)3.1 创建github账号

  3.1.1 创建储存库,名称为你的github账号名称(重要的说三遍:github账号名称、github账号名称、github账号名称),例如你的github账号名字是 abc66,你就要创建一个为:abc66.github.io的储存库
  3.1.2 部署到github

  • 安装hexo-deployer-git插件。在blog目录下右击使用 git bash 运行以下命令即可:
      npm install hexo-deployer-git --save
  • 添加SSH,避免重复输入密码。
    • 创建一个 SSH key,右击 git bash 输入:
      ssh-keygen -t rsa -C "邮箱地址"
      • 邮箱地址是你注册github的邮箱
    • 根据提示目录。找到.ssh,一般位于C:\Users\Administrator.ssh
  • 添加到 github。 复制密钥文件(.ssh)内 XXX rsa.pub,使用记事本打开并复制,粘贴到`github的New SSH Key即可
    • 测试是否添加成功。在目录右击使用 gitbash 依次输入以下命令,返回successfully 、yes一类的表示成功
      ssh -T git@github.com

  3.1.3 修改_config.yml(在站点目录下)。文件末尾修改为:

1
2
3
4
deploy:
type: git
repo: https://github.com/abc66/abc66.github.io.git,master
#一定注意缩进

  3.1.4 推送到GithubPages.

1
2
3
hexo clean #缩写hexo cl
hexo generate #缩写hexo d
hexo deploy #缩写hexo d

4.完成收工

  4.1 等待
   4.1.1 待1分钟左右,浏览器访问网址: https://abc66.github.io ,就能在线看到你自己的blog了!
   4.1.2 如果github没有收到新的提交,请查找是否hexo d 部署成功且无报错! 如果还有问题请百度、google或者留言,我尽量帮助!