如何用github+hexo搭建个人博客

来源:互联网 发布:福利软件 编辑:程序博客网 时间:2024/05/02 21:51

想着期末考试后自己做个独立的博客的,如今考完了,就跟人请教如何搭建,朋友介绍了这种github+hexo技术
前几天,我就尝试做了一下,发现网上查到的搭建方法有些不太适合我,可能它们过程顺序有些漏洞。我查了很多资料,综合了几个方法终于搭建成功了
下面,我就按顺序跟大家讲下我搭建的步骤吧,大家可以试试看哈哈
首先我们需要的工具有:

windows系统、Git、Node.js这三样。
我是win8.1系统
Git我是去官网下载的:https://git-for-windows.github.io/
而Node.js呢我是在这里下载的(win64位):https://nodejs.org/dist/v0.12.7/x64/node-v0.12.7-x64.msi。

一、安装工具
Git安装时要注意这一步:
git安装
中间Git Bash Here 和Git GUI Here 要记得勾选。
Node.js安装很简单,这里就不说了。

二、拥有一个github帐号并建立仓库(已有账号的请忽略这一步)
到 https://github.com/ 注册一个帐号、登录,然后start a project
开始github项目
建立仓库:
建立仓库
仓库名(repository)最好要与你github的用户名对应,例如我github用户名为hpq1314,则我的仓库名格式最好为hpq1314.github.io/com/·····

三、建一个文件夹(如D:\hexo)

四、添加SSH公钥到github账户
1、设置你的用户名和用户邮箱(你github的用户名和你注册github时填的邮箱)
进入到你所建的文件夹中,右键空白处,选择Git Bash Here
git bash
输入:git config - -global user.email “(你注册github的邮箱)”,然后回车
再输入:git config - -global user.name “(你github的用户名)”,然后回车
2、生成密钥
继续在上面的窗口输入:ssh-keygen -t rsa -C “(你注册github的邮箱)”,然后一直回车,直到出现类似下图
ssh key
再输入:ssh -agent -s,回车,
输入 :eval ssh-agent -s,回车,
输入:ssh-add,回车,
命令成功执行,则会在默认C盘的用户(users)中的当前用户的.ssh文件夹中生成两个文件:
ssh key
将这个.ssh文件夹拷贝到你Git的安装目录下
git 安装目录
再回到Git Bash那个窗口
输入:clip < ~/.ssh/id_rsa.pub,回车(这条命令执行后就已经拷贝好你的ssh key了,可以直接粘贴),
然后在你的github选择设置(settings)
设置
ssh设置
再选择左边ssh and gpg keys,选择new ssh key
new ssh key
会出现:
add new ssh key
在title那里你可以给这个ssh key起个名字,在下面key那里粘贴你刚才拷贝的ssh key
点击add ssh key,再输入你github帐号的密码就可以了。

接着,检验一下:
在那个git bash窗口输入:ssh -T git@github.com,回车,出现”are you sure you want to continue connecting?”时输入yes,回车
如果出现hi,(你github的用户名),you are successfully ·······就证明这个步骤你完成啦

五、安装hexo
在桌面右键空白处,选择git bash here
输入:npm install -g hexo-cli,回车

六、初始化
再到你之前建的文件夹,右键空白处,选择git bash here
输入:hexo init,回车
再输入:npm install

七、修改配置文件
到你github建的仓库页面,找到仓库的https的url,复制,
再到git bash那个窗口,输入:vim _config.yml,回车,
找到deploy这一处并修改,在repository处加上刚才复制的仓库https,如图
config文件修改
修改后,按esc退出编辑,再按shift+:,输入wq,回车,保存修改。

八、生成静态页面
在你建的文件夹git bash的那个窗口继续输入:hexo generate,回车
这时可能会弹出一个github登录界面,要你输入你github的用户邮箱和密码,输入即可

九、本地测试
继续在你建的文件夹git bash的那个窗口继续输入:hexo server,回车,本地的服务器启动
这时,你在浏览器地址栏输入http://localhost:4000就能看到这个blog的初始页面效果啦,但这只是在本地才看得到
本地浏览
十、同步到github
在你建的文件夹git bash的那个窗口继续输入:hexo deploy,回车,
这时可能会出现error deployer not found:github的错误,你需要在git bash的那个窗口输入:npm install hexo-deployer-git –save,回车,
再输入:hexo deploy,回车,如果出现deploy done,则同步成功

这时你在浏览器地址栏输入你github仓库名,就能看到你的blog啦,搭建成功!
这里写图片描述

希望我写的步骤对你有用,如果你搭建时遇到什么问题,要积极查阅网上资料,大部分能解决的!祝你搭建博客成功!

0 0
原创粉丝点击