一小时快速搭建个人博客

一小时快速搭建个人博客

0.所需工具

    ①node.js    ②git    ③hexo

1.Hexo安装

node.js和git的安装就不详述了,百度一大堆的。
电脑中任意文件夹或桌面上,右键鼠标,点Git Bash Here,输入npm命令即可安装(命令中的-g就是全局安装的意思) 
    npm install hexo-cli -g
    npm install hexo-deployer-git --save 
第一句是安装hexo,第二句是安装hexo部署到git page的deployer,两个都需要安装。
如下图即安装完成。 

 

 

2.Hexo初始化

自己建立一个目录(以此为例E:\Blog\Hexo),进到该目录右键鼠标,点Git Bash Here,输入命令
    hexo init
正常情况下会出现以下文件/文件夹

如果报错请重新执行第一步的操作。

输入命令    hexo generate    hexo s浏览器中输入localhost:4000,可看到这时本地的博客其实就搭建完成了,剩下的就是将博客部署到Github Pages

3.GitHub上建仓库

 
点图中红色框中的New repository图中位置1中输入wardenlzr(替换为自己的github用户名,必须一致).github.io,勾选位置2的复选框

4.配置SSH

可以先到C盘中,看下有没有配置过SSH 没有的话输入命令创建一个
    ssh-keygen -t rsa -C "wardenlzr@qq.com"

输入自己注册GitHub账号时使用的邮箱

创建完成会提示
    Generating public/private rsa key pair.
    Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]
让你改名,建议不要了
接着提示
    Enter passphrase (empty for no passphrase): [Type a passphrase]
    Enter same passphrase again: [Type passphrase again]
设置密码的,建议也不要了
然后会出现
    The key fingerprint is:
    01:0e:c4:2b:c5:85:d6:17:a1:7d:f0:68:9d:****:db your_email@example.com
这时SSH就创建完成了,进到.ssh目录下用记事本打开id_rsa.pub文件,复制里面的key
或者高大上一点,直接命令
    clip < ~/.ssh/id_rsa.pub
 
去自己的GitHub的Setting点击SSH and GPG keys点击New SSH key输入标题(随便输),和刚才复制的key然后点击Add SSH key ,到这里就基本OK了,然后设置一下自己的信息
    git config --global user.name "wardenlzr"//用户名
    git config --global user.email  "wardenlzr@qq.com"//填写自己的邮箱

5.将本地的Hexo文件提交到Github的库

复制GitHub上库的地址(这里我用的是ssh地址)打开一开始创建的Hexo文件夹(这是我的位置E:\Blog\Hexo),记事本打开刚文件夹下的_config.yml文件拉到最下面,改成这样的配置deploy:
  type: git
  repository: git@github.com:wardenlzr/wardenlzr.github.io.git
  branch: master
然后在此打开命令行,输入
    hexo g -d
按理这时会报错,重新输入
    npm install hexo-deployer-git --save
这样,再执行hexo g -d,你的博客就部署到Github上了
 
再在浏览器中输入wardenlzr.github.io,就可以访问了...

参考资料:https://my.oschina.net/ryaneLee/blog/638440

  • 0
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值