使用GitHub+Hexo搭建个人博客教程(原创)
我搭建这个博客走了许多弯路,查看了一大堆的教程,还请教了一些朋友。
于是乎,我有一个大胆的想法———总结一下我的操作方法及详细的步骤。
简要
- Github Pages
- Hexo 博客框架
- 部署(主题)
工具
- Node.js
- Git
- Hexo
使用 Hexo 之前,需要先安装 Node.js 和 Git.
详细步骤
安装 Node.js
- 进入Node.js下载地址
- 安装后,打开 Node.js Command Prompt, 输入 node -v,会得到一个v x.x.x(x是当前版本号),说明安装成功。
安装git
- 进入Git下载地址
- 安装后,打开Node.js Command Prompt,输入git –version,会得到git version x.x.x(x是当前版本号),说明安装成功。
安装 Hexo
- 打开Node.js Command Prompt,输入npm install -g hexo-cli,然后回车开始安装
- 等安装完成,输入 hexo -v,会得到 hexo-cli……等一串数据,说明安装成功。
创建文件夹
- 在任意磁盘创建文件夹blog
- 打开Node.js Command Prompt,输入cd 你的文件夹地址
- 输入hexo init,将blog文件夹初始化成一个博客文件夹。
- 输入 npm install ,安装依赖包。
- 输入 hexo g 生成网页。
- 输入 hexo s将生成的网页放在了本地服务器。
- 浏览器里输入 http://localhost:4000/ 。 就可以看到一个本地的博客了。
- 输入Ctrl+C ,可以结束对http://localhost:4000/的访问。
如果我们想让别人看到我们的博客,我们就需要把它部署到一个主机上。当然,我选择了一个github提供给每个用户的一个免费的空间。
注册github
- 注册一个github的账号(此处我就跳过了,不会注册账号的可以联系我),然后创建一个仓库,仓库的名称格式:你的用户名+.github.io
打开Git Bash,设置user.name和user.email配置信息:
输入以下命令
- git config –global user.name “你的GitHub用户名”
- git config –global user.email “你的GitHub注册邮箱”
生成并填写ssh**文件:
- ssh-****** -t rsa -C “你的GitHub注册邮箱”
- 然后回车,然后找到生成的.ssh的文件夹中的id_rsa.pub**(不知道目录的,回车后,显示的代码中可以看到),把里面的内容全部复制填写到自己的github(用电脑自带的记事本可以打开)。
- 进入github,点击右下图所标记的。
- 进入SSH keys /Add new后,Title可以随便填写,Key填写的是我们刚才复制的密匙内容。
修改博客的配置文件
- 打开 /任意磁盘/blog/_config.yml文件 (可以用记事本打开)
- 找到 #Deployment,输入以下内容,然后保存:
- deploy:
type: git
repository: https://github.com/你的用户名.io.git
branch: master
安装Git部署插件,并且部署到github。
- npm install hexo-deployer-git –save
- hexo clean
- hexo g
- hexo d
- 完成以上操作,你就可以通过 http://xxxx.github.io 访问你的博客了。
绑定域名
- 购买域名
- 解析域名
如果你不想用一个二级域名的话,你可以去阿里云买一个top的域名,因为top的比较便宜,当然土豪可以买.com、.cn,我们买了域名后,点击解析。
在github设置你的购买的域名
- 打开,你刚才创建的仓库,进入settings,设置Custom domain,输入你的域名,然后保存。
进入自己创建的博客文件夹blog/source目录下,创建一个记事本文件,输入你购买的域名即可(不建议带有www)。保存后,将后缀名.txt删掉。
最终一步——部署到github
- hexo clean
- hexo g
- hexo d
在浏览器输入你购买的域名,就可以直接进入你自己搭建的博客啦。