结合本人的个人经验,自己也摸索很久了,网上的资源很多,翻阅了很多资料,但是感觉不全。原谅作者是一个菜鸟。但是呢, 你摸索久了,自然而然也会总结出经验。好了废话不多,先看看作者的个人网站。DaiSuke。现在结合自己操作流程,你们也来操作一下吧。
工具:Mac
1.安装brew(可以去官网看看Homebrew)
终端输入命令:
ruby -e"$(curl -fsSL --insecurehttps://raw.githubusercontent.com/Homebrew/install/master/install)"
![](https://img.haomeiwen.com/i2203473/6e6c2ba140189ef5.png)
注意:中间执行的时候会有提示,回车和输入电脑密码
2.安装git
终端输入命令:
brew install git
![](https://img.haomeiwen.com/i2203473/e3739affaeef21dc.png)
![](https://img.haomeiwen.com/i2203473/ef37a42f22d0a0a5.png)
注意:红色框框的是git安装的路径
![](https://img.haomeiwen.com/i2203473/f1b32a686fa45041.png)
3.安装Node.js
终端输入命令:
brew install node
![](https://img.haomeiwen.com/i2203473/1597973805ff3852.png)
![](https://img.haomeiwen.com/i2203473/4372a559d4e3ccc9.png)
注意:红色框框的是node安装的路径
查看是否安装成功,显示是v5.11.0版本
终端输入命令:
node –v
![](https://img.haomeiwen.com/i2203473/ef4ea4cc491619f5.png)
4.创建SSH key
在终端输入:
ssh-keygen -t rsa -b 4096 -C "github的邮箱(即你的github账号)"
当然,如果你没有github账号,请移步github注册,注册账号大家都会吧。
在执行的时候,需要以下操作:
回车-输入github账号密码—再次输入(不是电脑锁屏密码)
![](https://img.haomeiwen.com/i2203473/a53c3b7e934074ef.png)
5.添加密钥到你的github中
进入你的github主页, 点击头像--设置
![](https://img.haomeiwen.com/i2203473/027fa605f8716e96.png)
选择SSH and GPG keys --> New SSH key
![](https://img.haomeiwen.com/i2203473/0af04eda47622b63.png)
接下来就是把刚才的生成的密钥复制到这里了。
有两种方法:
1:在终端输入:
pbcopy < ~/.ssh/id_rsa.pub
使用命令把id_rsa.pub文件的内容copy下来
然后粘贴到下面的key中,title随便写
2:从目录进去找到id_rsa.pub文件
一般都在这里:/Users/用户名/.ssh/。这个路径,可以在你生成密钥的时候在终端看到。
![](https://img.haomeiwen.com/i2203473/30de7c15b20a6c8e.png)
打开id_rsa.pub,把里面的东西复制下来
![](https://img.haomeiwen.com/i2203473/035e45c30a4cac72.png)
添加SSH keys
![](https://img.haomeiwen.com/i2203473/3978a2c4f4934e3c.png)
完成时是这样的
![](https://img.haomeiwen.com/i2203473/a1307dbc0d620e4c.png)
6.安装Hexo
不想全局安装的话,就新建一个文件夹。比如我在桌面建一个GithubBlog文件夹,这里专门存放我的博客以及网站样式等
比如:
![](https://img.haomeiwen.com/i2203473/c9250a74a27ee590.png)
在终端进入这个文件夹
![](https://img.haomeiwen.com/i2203473/0212ac831f6d66d0.png)
然后在终端输入:
sudo npm install –g hexo
正在安装…期间会提示你输入密码
![](https://img.haomeiwen.com/i2203473/efbd1f669a3d2d74.png)
![](https://img.haomeiwen.com/i2203473/d45405628552aa6d.png)
![](https://img.haomeiwen.com/i2203473/755cf6e17f6d2f2f.png)
在终端输入:
hexo init
当然你也可以输入:
hexo init <安装的目录>
![](https://img.haomeiwen.com/i2203473/64e4b14b960280fd.png)
![](https://img.haomeiwen.com/i2203473/804bcd3754cd8237.png)
一切差不多准备好了。
在终端输入:
hexo generate
目的:生成静态页面
![](https://img.haomeiwen.com/i2203473/5b9599d16fb18a15.png)
在终端输入:
hexo server
![](https://img.haomeiwen.com/i2203473/fdec4771b497aa4e.png)
打开浏览器,输入你的本地网站的地址:http://localhost:4000
在浏览器上访问以下
![](https://img.haomeiwen.com/i2203473/285744736b97d600.png)
到这里你是不是很激动啊?反正当时我操作到这里就很happy。
没错,这只是本地的一个网站而已,想让更多人看到,那就把它部署到github那里吧。
7.在github创建仓库
(这个就是把你的本地文件上传到开源的github中)
首先,进入github主页
![](https://img.haomeiwen.com/i2203473/585d22068a68e599.png)
![](https://img.haomeiwen.com/i2203473/b0812e8c9a64d3ec.png)
![](https://img.haomeiwen.com/i2203473/8792ca248df1bb4f.png)
8.部署到github中
进入安装hexo的目录,打开_config.yml文件
![](https://img.haomeiwen.com/i2203473/a5cb365f5bb25f42.png)
![](https://img.haomeiwen.com/i2203473/f978f75f20d32fdc.png)
打开_config.yml文件后找到,然后修改
deploy:
# git类型
type:git
# 仓库地址:
repository: git@github.com:DaisukeZJY/daisukezjy.github.comm.git
# 分支:主分支
branch:master
![](https://img.haomeiwen.com/i2203473/4450337ea5449a7d.png)
保存文件
9.克隆主题
我找的是nexT这个,其他你可以google以下hexo主题,很多主题
1、在_config.yml找到这里,theme:填写你的主题,保存文件
![](https://img.haomeiwen.com/i2203473/bafcf9fd1c801ae5.png)
2、在终端输入你要克隆主题的地址
git clone https://github.com/klugjo/hexo-theme-next.git themes/next
克隆完成之后开始部署了
10.最终操作
记住:每次修改_config.yml或其他,都要更新,重新部署
两个步骤:
hexo g//更新
hexo d//部署
![](https://img.haomeiwen.com/i2203473/b895503e5e0c108c.png)
11.终于可以访问网站了
打开浏览器输入:
https://daisukezjy.github.io
12.问题
部署的时候出现错误:
ERRORDeployer not found:github
解决方法,在终端输入:
npm installhexo-deployer-git –save
然后在_config.yml把github改为git
![](https://img.haomeiwen.com/i2203473/838560c6c6ed4539.png)
13.题外话
现在我用的nexT,里面集成很多插件和样式,具体使用修改,参考官方文档nexT
网友评论