amazing-austria-dawn-1323550.jpg
开始搭建博客
注册 GitHub 账号
此处略, 不知道 GitHub 的, 百度, 或者看廖雪峰的 Git 教程, 地址:
http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
安装 Git Bash
下载地址:
https://github.com/git-for-windows/git/releases/download/v2.10.0.windows.1/Git-2.10.0-64-bit.exe
安装后打开方法: 所选文件夹中点击右键中的: Git Bash Here
下载安装 Node.JS
下载地址: https://nodejs.org/dist/v4.5.0/node-v4.5.0-x64.msi
安装 Hexo
打开 Git, 输入:
NPM install -g hexo-cli
创建 Hexo 文件夹
在你喜欢的文件夹中打开 Git, 输入:
hexo init
会生成建立网站所需要的所有文件
安装依赖包
NPM install
本地查看
- hexo g(generate)
- hexo s(server)
在浏览器中输入:
localhost:4000
显示出来网页就证明成功了
在 GitHub 上创建 Repository
创建的时候注意 Repository 的名字. 比如我的 GitHub 账号是 tyhjh, 那么我应该创建的 Repository 的名字是: tyhjh.GitHub.io.
修改配置文件
到你刚刚创建的 Repository 下, 点击 Clone or download 按钮, 下面出现一个链接, 复制
image
然后编辑_config.YAML 文件, 在刚才生成的网站的根目录下
image
修改文件里面的 deploy. 其中的 repository 就改成你刚刚复制的地址. 保存这个文件.
image
设置 SSH keys
在 Git Bash 输入以下指令(任意位置点击鼠标右键), 检查是否已经存在了 SSH keys.
ls -al ~/.SSH
如果不存在就没有关系, 如果存在的话, 直接删除. SSH 文件夹里面所有文件:
image
输入以下指令 (邮箱就是你注册 GitHub 时候的邮箱) 后, 回车:
SSH-keygen -t rsa -C "tyhj5@qq.com"
然后它会提示要你输入 passphrase , 我没有输入直接回车
然后键入以下指令:
SSH-agent -s
继续输入指令:
SSH-add ~/.SSH/id_rsa
输入之后, 在我这里是出错了, 不知道你的有没有出错.
如果你的也是这样子出错了的话, 就输入以下指令:
- eval `ssh-agent -s`
- SSH-add
到了这一步, 就可以添加 SSH key 到你的 GitHub 账户了. 键入以下指令, 拷贝 Key(先拷贝了, 等一下可以直接粘贴):
clip < ~/.SSH/id_rsa.pub
然后到 GitHub 里面, 点击右上角的设置图标
image
在 Settings sidebar 那里, 点击 SSH keys
image
点击 Add Key:New SSH key, 输入 Title, 作为这个 key 的描述吧(随意)
然后这个 Key 就是刚刚拷贝的, 你直接粘贴就好(也可以文本打开以下文件):
image
嗯, 最后还是测试一下吧, 键入以下命令:
SSH -T Git@GitHub.com
你可能会看到有警告, 没事, 输入 "yes" 就好.
最后一步, 快要成功了, 键入指令:
- hexo generate
- hexo deploy
OK, 我们的博客就已经完全搭建起来了, 在浏览器输入(当然, 是你的用户名):
http://tyhjh.github.io/
注意: 每次修改本地文件后, 需要键入 hexo generate 才能保存. 每次使用命令时, 都要在 C:\Hexo 目录下. 每次想要上传文件到 GitHub 时, 就应该先键入 hexo generate 保存之后, 再键入 hexo deploy. 大概成功之后是酱紫的:
image
更改为自己的域名
你输入我上面的网址可能会发现网页跳转到了 tyhj5.com
这是因为我把原来 GitHub 的域名更换成我自己的域名,
方法如下:
在你的 Blog(你自己的网站的文件夹)\source 下面创建一个文件
CNAME
内容为你自己的域名
解析域名:
添加如下解析:
image
然后重新运行一下
- hexo clean
- hexo g
- hexo d
应该就 ok 了, 效果如下:
image
我自己差不多就是这么完成的, 也走了不少弯路, 花了很多时间, 但是最后弄好了还是挺好玩的
继续优化和了解或遇到问题可以看以下文章:
搭建 Hexo 并部署到 GitHub 上面
手把手教 GitHub + Hexo 搭建博客
修改网站样式, 更新博客内容 http://yangxiaolei.me/2014/11/18/Hexo-use/
各种好看的 hexo 主题 https://www.zhihu.com/question/24422335
更改个性域名 https://www.zhihu.com/question/31377141
来源: http://www.jianshu.com/p/78107140076d