【Hexo】(一)使用HEXO配置环境,创建Hello World

现场直播,呵呵,就是我完成一步,就记录一下;

一、配置环境

1.安装 Node

下载地址:Node.js

2.安装 Git(win环境下)

下载地址:Git

Git 绑定 GitHub账户:

①打开Git Bash,然后输入两句命令

 git config --global user.name "Your Name"
 git config --global user.email "email@example.com"

如图:

【Hexo】(一)使用HEXO配置环境,创建Hello World

②配置SSH

PS:可以先打开  C:\Users\Administrator  目录下,有没有  .ssh 目录,如果有,再看看这个目录下有没有 id_rsa 和 id_rsa.pub 这两个文件,如果已经有了,可直接跳过这步。如果没有,则开始创建 SSH Key,

首先,输入命令  ssh-keygen -t rsa -C "youremail@example.com" ,你需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可,由于这个Key也不是用于军事目的,所以也无需设置密码。

如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsaid_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。

如图:

【Hexo】(一)使用HEXO配置环境,创建Hello World

③登陆GitHub,打开 Settings —— SSH and GPG keys 页面,然后点击  New SSH Key 按钮,结果如图:

【Hexo】(一)使用HEXO配置环境,创建Hello World

然后 title随便填,key填写  id_rsa.pub 文件里的所以内容,然后保存,这步就OK了。

3.正式安装hexo

打开cmd,输入命令  npm install -g hexo-cli

安装完成之后,可以输入命令  hexo -v ,来验证版本

如图:

【Hexo】(一)使用HEXO配置环境,创建Hello World

二、创建 Hello Word

1.初始化
在项目目录下创建好Blog目录,比如我的是  D:\projects\web\arvin0-blog ,然后执行命令 hexo init
如图:
【Hexo】(一)使用HEXO配置环境,创建Hello World
创建完成之后的结果,如图:
【Hexo】(一)使用HEXO配置环境,创建Hello World
 
2.生成静态页面
执行命令 hexo generate (hexo g 也可以) 
如图:
【Hexo】(一)使用HEXO配置环境,创建Hello World
 
3.启动本地服务
启动本地服务,进行文章预览调试,执行命令  hexo server 
如图:
【Hexo】(一)使用HEXO配置环境,创建Hello World
 
打开浏览器,输入http://localhost:4000
效果如图:
【Hexo】(一)使用HEXO配置环境,创建Hello World
 
三、把本地hexo文件部署到Github上
1.建立Repository
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法 然后建立关联。
2.然后打开上面建立的hexo项目,找到 _config.yml 文件,打开,翻到最下面,如图:
【Hexo】(一)使用HEXO配置环境,创建Hello World
红框部分,改成这样
deploy:
  type: git
  repository: https://github.com/arvin0/arvin0.github.io.git
  branch: master

注意:  repository: 后面要加空格,还有注意要修改名字,arvin0 改成你自己的,我建议你copy这段话,然后直接改名字;

3.然后使用Git Bash,执行命令  npm install hexo-deployer-git --save ,执行这句命令才能使用git部署

【Hexo】(一)使用HEXO配置环境,创建Hello World

4.执行命令 hexo deploy 或者 hexo d

如图:

【Hexo】(一)使用HEXO配置环境,创建Hello World

5.然后再浏览器中输入http://arvin0.github.io/就行了 ,记得把名字改成你 github 的账户名。

 
PS:参考资料
 
 
上一篇:我已看过的TVB剧集目录(陆续更新)


下一篇:Python进阶之路---1.1python简介