今天一时兴起, 看见别人使用的github.io搭建了属于自己的个人博客, 我也使用github搭建一个自己的博客系统;
步骤一:创建一个自己的github账号;(略)
步骤二:创建一个自己的项目
注意: 我自己的github账号是junzaivip,然后我的github.io的前缀也是junzaivip,【必须是你的用户名,其它名称无效】所以我的地址就是junzaivip.github.io
第三步:创建好之后,拉取到本地,然后采用下面的命令进行添加;
echo "# junzaivip.github.io" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/junzaivip/junzaivip.github.io.git
git push -u origin master
然后就可以访问了:比如我的是https://junzaivip.github.io
后面的步骤可选,因为目前网站已经可以正常使用;
第四步:绑定自己喜欢的域名
ping junzaivip.github.io
然后在自己注册的域名供应商那里进行添加,如下:
只添加了上面, 还是无法访问, 还需要最后一步, 就是在junzaivip.github.io项目中, 根目录新建一个CNAME,在里面写上自己刚才注册的域名;比如我的写的是:shihuijun.cn
注意:
- 如果你写的是shihuijun.cn,那么你访问www.shihuijun.cn还是会跳转到shihuijun.cn;
- 反之,如果你写的是www.shihuijun.cn,那么你访问shihuijun.cn还是会跳转到www.shihuijun.cn;
- 绑定了新域名之后,原来的你的用户名.github.io并没有失效,而是会自动跳转到你的新域名。
步骤五:采用hexo搭建自己博客
新建一个空白的文件夹,比如hexo_blog, 然后采用命令行窗口进入
npm install -g hexo-cli
检查是否安装成功
hexo -version
然后运行初始化命令
hexo init
运行成功会得到如下提示:
运行下面来启动服务:
hexo s
在浏览器输入http://localhost:4000/,可以看到博客已经生成
步骤六:实现自动部署
安装 hexo-deployer-git。
npm install hexo-deployer-git --save
在_config.yml中配置
deploy:
type: git
repo: git@github.com:junzaivip/junzaivip.github.io.git
branch: master
需要注意下面, 改为git获取,才能正常deploy
可以参看官方文档:https://hexo.io/zh-cn/docs/deployment
第七步:发现部署完之后,shihuijun.cn无法访问了, 是因为还有最后一步:
这个位置要添加自己的域名, 然后就可以正常访问了。
可以尝试一下哦: http://shihuijun.cn
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)