创新路
我们一直在努力

【学习】利用github搭建自己的博客(Hexo+Github基础篇)

准备:没啥好准备的,我直接在win7 上开搞了 为什么会搞这个呢,因为有个插件好耍

GIF.gif

相关步骤:

1、安装Node.js和配置好Node.js环境,打开cmd命令行,成功界面如下

安装包网上找一哈就行

2、安装GIT,百度一哈安装包和安装配置就行(然而如果仅仅是基础使用并没修改啥子)

查看版本

3、Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README

例如

image.png

4、找个合适的地方安装hexo

image.png

就这么愉快的丢到了桌面

进入文件夹 空白地方右键 GIT bash here 或是通过cmd方式也行

进入命令行 开始安装hexo   安装命令 npm install hexo -g

输入hexo -v,检查hexo是否安装成功

输入hexo init,初始化该文件夹(有点漫长的等待。。。)

“Start blogging with Hexo!”  到了这里,前戏已经做足。

输入npm install,安装所需要的组件

输入hexo g,首次体验Hexo

hexo s,开启服务器

默认是4000端口,根据情况可以修改 hexo server -p 端口号

然后就可以本地访问了

image.png

5、将Hexo与Github page联系起来,设置Git的user name和email(如果是第一次的话)

6、生成密钥拷贝到Github上

然后登陆Github 

输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

假如ssh-key配置失败,那么只要以下步骤就能完全解决

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
删除你在github中的public-key

重新生成ssh密钥对
ssh-keygen -t rsa -C "xxx@xxx.com"

接下来正常操作
在github上添加公钥public-key:
1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板
2、在github上添加公钥时,直接复制即可
3、保存

测试:
在终端 ssh -T git@github.com

7、配置Deployment,在其文件夹中,找到_config.yml文件,修改repo值(在末尾)

image.png

image.png

repo值是你在github项目里的ssh(右下角)

image.png

7、新建一篇博客,在cmd执行命令:hexo new post “博客名”

image.png

在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git –save


hexo d -g,生成以及部署了

部署完后用 账户名.github.io 就可以访问了

例如:https://someone54czz.github.io/

image.png

到此结束,其他的进阶使用我也还在摸

未经允许不得转载:天府数据港官方信息博客 » 【学习】利用github搭建自己的博客(Hexo+Github基础篇)

客官点个赞呗! (0)
分享到:

评论 抢沙发

评论前必须登录!

天府云博 - 做有态度的开发&运维&设计学习分享平台!

联系我们百度云主机