如何在win10上利用hexo和github部署一个属于自己的博客呢?这件事情其实不难,大概分为三个部分:
- 配置环境
- 搭建博客
- 同步到github
1. 配置环境
- 下载安装node.js
- 下载安装git
测试是否安装完成,在命令行分别输入node -v
和git --version
能够显示 node.js 和 git 的版本号,即为安装成功。(此处一路next即可)
2. 搭建博客
- 在自己的文件夹中创建一个放置自己博客的文件夹,然后在创建的文件夹中右击鼠标,从中找到
Git Bash Here
选项,打开 git 窗口。 - 在 git 窗口中输入
npm install hexo -g
开始安装hexo。 - 安装完成后输入
hexo -v
查看hexo版本号,确认是否安装完成。 - 输入
hexo init
初始化存放博客的文件夹。 - 文件夹初始化完成后,输入
npm install
安装所需要的组件. - 在git窗口中输入
hexo g
将文件夹中文件进行编译。 - 输入
hexo s
打开本地服务器,此时便可以通过访问本地服务器来访问我们的博客啦!(打开本地服务器后,打开浏览器,输入http:localhost:4000
即可访问博客)
3. 将博客同步到github上
-
打开Git Bash Here
-
配置name 和 email
输入git config --global user.name"yourname"
设置Git的用户名
输入git config --global user.email"youremail"
设置Git的邮箱 -
生成密钥
- 在Git Bash Here中输入
cd ~/.ssh
检查是否有.ssh的文件夹- 如果有.ssh文件夹,输入
ls
查看文件夹下的内容 - 如果没有.ssh文件夹,输入
ssh-keygen -t -rsa -C "yourEmail"
连续输入三个回车,生成密钥(密钥的存放路径是:C:UsersAdministrator.ssh)
- 如果有.ssh文件夹,输入
- 输入
eval "$(ssh-agent -s)"
,添加密钥到ssh-agent - 再输入
ssh-add ~/.ssh/id_rsa
,添加生成的SSH key到ssh-agent
- 在Git Bash Here中输入
-
注册github账户
-
在github上创建一个以
yourname.github.io
命名的仓库,创建时使用默认选项即可 -
添加密钥
-
登陆github,点击右上角头向下的setting —> SSH and GPG keys —> SSH keys
-
新建一个SSH key 将 C:UsersAdministrator.ssh 下的 id_rsa.pub文件里的内容复制上去.
-
输入
ssh -T git@github.com
,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了 -
配置Deployment
在你搭建博客的文件夹中找到_config.yml
文件,修改repo
值(在末尾)deploy: type: git repository: git@github.com:yourname/yourname.github.io.git branch: master
注意:每一个
:
后面都有一个空格
-
-
将本地的博客上传到github上
- 在部署博客的文件夹下打开
Git Bash Here
输入hexo g
编译文件 - 输入
hexo s
打开本地服务器,在本地预览效果 - 输入
hexod
将博客上传到github上(可能需要等几分钟才能够在网页上看到更新后的效果)
- 在部署博客的文件夹下打开