基于github搭建自己的个人博客

版权声明:本文为博主原创文章,更多请访问www.junzaivip.com 未经博主允许不得转载。 https://blog.csdn.net/junzaivip/article/details/82722112

今天一时兴起, 看见别人使用的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

 

没有更多推荐了,返回首页