本文所有的命令行都是在Git控制台下运行,后面不再说明
一、下载安装 git ,Node
Node下载地址:https://nodejs.org/en/
(安装过程自己百度,很简单的)
二、安装,配置 Hexo
Hexo官方文档:https://hexo.io/zh-cn/docs/
· 安装
前面已经安装了Git和Node.js,然后用npm,安装Hexo
找个文件夹,右键“git bash here”,打开git控制台
$ npm install -g hexo-cli
· 配置
新建博客文件夹(例如:G:\07Blog\Linton_Blog),进入Linton_Blog文件夹,输入以下命令行
$ hexo init
$ npm install
(注意1:如果出现 hexo not command类似的报错,说明hexo的环境变量没有设置或是Node.js版本过低)
新建完成后,Linton_Blog的文件夹下的目录:
.
├── _config.yml #配置信息
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts #博客内容
└── themes #主题
其中,大部分操作在_config.yml中,包括博客标题,作者,邮箱,网址等
这个文件如果是新手先不用改,我们先把hexo在本地搭建起来,项目部署在GitHub上以后,在详细说明里面的配置和修改。
详细可参考Hexo说明文档:https://hexo.io/zh-cn/docs
三、本地启动Hexo
$ hexo g # 生成
$ hexo s #启动本地服务器,这一步之后就可以通过http://localhost:4000 查看
浏览器输入:http://localhost:4000/;显示如下:
四、将Hexo部署到GitHub上
1.注册GitHub账户(默认大家都有了,就不写过程了)
2.创建仓库
3. 进入新创建的仓库,点击settings后,下拉页面找到GitHub Pages选项。
可以看到“https://linton6.github.io/linton.github.io/”,这个是GitHub给你提供的自定义博客样式,在没有部署Hexo前,你可以点开看看,也是一个博客,可以在下面的choose a theme 旋转主题。部署Hexo后,点击这个链接,就是你刚才在本地运行Hexo的那个页面了
我的页面在没部署前,如下图。待会看下部署完后的页面,做下对比
4.使用Hexo deploy 部署到GitHub
1)编辑根目录下_config.yml文件
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: [email protected]:linton6/linton.github.io.git # 这里的网址填你自己的
branch: master
(注意:在配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错。)
保存后,安装一个扩展
npm install hexo-deployer-git --save
2)添加SSH Key 到GitHub
在Git Bash中输入
cd ~/.ssh
ls #此时会显示一些文件
mkdir key_backup
cp id_rsa* key_backup
rm id_rsa* #以上三步为备份和移除原来的SSH key设置
ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成新的key文件,邮箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
#接下来会让你输入密码
3)进入GitHub首页
4)点击New SSHKey
然后找到当前用户目录下C:\Users\用户名\ .ssh id_rsa.pub文件以文本方式打开。打开之后全部复制到key中
5)测试一下是否成功
ssh -T [email protected]
如果提示:You've successfully authenticated, but GitHub does not provide shell access. 说明你连接成功了
6)设置用户信息:
$ git config --global user.name "恰克与飞鸟" #给自己起个用户名,可以不用时Git的名称
$ git config --global user.email "[email protected]" #填写Git的邮箱
7)部署到GitHub上
hexo d
部署完以后,会发现自己的GitHub这个项目的代码已经更新为你本地的文件!
8)此时再次刷新git网址
(我的是https://linton6.github.io/linton.github.io/),就可以看到自己的博客了,可以对比下看看,两个页面访问的都是同一个地址
会发现,现在这个页面没有主题,需要进行下一步设置
9)加载博客样式文件
需要修改_config.yml文件中的url地址和根目录
url:是github Page给我们分配的网址
root:是搭建该博客的仓库名
这样就可以加载样式文件了
10)重新部署到github
$ hexo clean
$ hexo g
$ hexo d
访问网址,如下
好了,自定义的博客已经搭建完毕,后期可以对博客的主题,样式,上传博客等再做教程~
参考博客:
1.https://blog.csdn.net/u014385892/article/details/80196115
2.https://blog.csdn.net/dazhaodai/article/details/73730069
3.http://blog.sina.com.cn/s/blog_a03baecd0102xp7i.html
4.https://blog.csdn.net/xudailong_blog/article/details/78762262
5.https://www.jianshu.com/p/8681ab76da08
以上