堪称史上最完整的Hexo+Github搭建属于自己的博客

1、想要让自己的博客和Github联系起来,首先你得有个Github账号(注册过程省略嘞……)

2、安装Node.js,打开cmd命令行(windows+R,输入cmd)

     node.js 安装官网为:https://nodejs.org/en/(我的 安装路径为D盘下的搭建文件夹中)

     成功界面如下:

堪称史上最完整的Hexo+Github搭建属于自己的博客_第1张图片

3、配置node.js环境变量(important)

   ①在安装好的node.js下创建两个文件夹 node_global 及node_cache 如图:

堪称史上最完整的Hexo+Github搭建属于自己的博客_第2张图片

②创建完两个空文件夹之后,打开cmd命令窗口,输入

    npm config set prefix "D:\搭建\nodejs\node_global"npm          

    configsetcache"D:\搭建\nodejs\node_cache"  如图所示:

堪称史上最完整的Hexo+Github搭建属于自己的博客_第3张图片

③接下来设置环境变量,关闭cmd窗口,这台电脑-右键-属性-高级系统设置-高级-环境变量       点击环境变量                                                                                                                              First: 将【用户变量】下的【Path】修改为【D:\搭建\nodejs\node_global】                           Second:在【系统变量】下新建【NODE_PATH】,                                                                              输入 【D:\搭建\nodejs\node_global\node_modules】

堪称史上最完整的Hexo+Github搭建属于自己的博客_第4张图片

④测试环境是否配置成功

   配置完后,安装个module测试下,我们就安装最常用的express模块,                                   打开cmd窗口。输入npm install express -g

堪称史上最完整的Hexo+Github搭建属于自己的博客_第5张图片

3、安装Git和配置好Git环境

     Git安装官网为:https://git-scm.com/  (我的安装路径为 C盘下的Git文件夹中)

    打开cmd,输入命令: git --version  成功效果如图:


堪称史上最完整的Hexo+Github搭建属于自己的博客_第6张图片

     安装成功的标志如图所示:在电脑上任何位置鼠标右键能够出现Git的两个选择项

堪称史上最完整的Hexo+Github搭建属于自己的博客_第7张图片

4、Github新建项目,项目务必遵守格式:账户名.github.io。并且勾选Initialize this repository with a README


堪称史上最完整的Hexo+Github搭建属于自己的博客_第8张图片

5、安装Hexo(我是在D盘建了一个blog文件夹,然后通过命令行进入到该文件夹里面)

     输入npm install hexo -g,开始安装Hexo

堪称史上最完整的Hexo+Github搭建属于自己的博客_第9张图片

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

堪称史上最完整的Hexo+Github搭建属于自己的博客_第10张图片

输入hexo init,初始化该文件夹

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

输入hexo g,首次体验Hexo

堪称史上最完整的Hexo+Github搭建属于自己的博客_第11张图片

 输入hexo s,开启服务器,访问该网址,正式体验Hexo(鸡冻吗!!!)

堪称史上最完整的Hexo+Github搭建属于自己的博客_第12张图片

复制给出的网址就可以看见Hexo了(个人目前还没在hexo写啥)

堪称史上最完整的Hexo+Github搭建属于自己的博客_第13张图片

6、将Hexo与Github page联系起来,设置Git的user name和email

    在blog文件夹下单击右键 点击Git Base Here

   ①设Git的user name和email                                                                                                       输入git config --global user.name "Da-Jin666"  (换成自己的用户名)                                   输入git config --global user.email "[email protected]"(换成自己的邮箱)

堪称史上最完整的Hexo+Github搭建属于自己的博客_第14张图片

输入cd ~/.ssh,检查是否由.ssh的文件夹                                                                               

输入ls,列出该文件下的内容。下图说明存在                                                                          

 输入ssh-keygen -t rsa -C “[email protected]”,连续三个回车(注意一定要3个回车                                    啊),生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub

  输入eval "$(ssh-agent -s)",添加密钥到ssh-agent                                                                 

 再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

(以上成功图略掉了奥,因为这次二次操作,作为小白的我怕我原有的东西丢失了啥的,反正按着输命令就可以了)

 ② 登录Github,点击头像下的settings,NEW一个ssh

堪称史上最完整的Hexo+Github搭建属于自己的博客_第15张图片

③将id_rsa.pub文件里的内容复制到新建的Key内容上去(注意获取文件内容的方法,我当时查了贼久贼久查到快自闭了,把.pub改成.txt就可以了)

④输入ssh -T [email protected],测试添加ssh是否成功。如果看到Hi后面显示的是你的用户名,就说明成功了

堪称史上最完整的Hexo+Github搭建属于自己的博客_第16张图片

7、配置Deployment,在其文件夹中,找到_config.yml文件                                                        修改repo值(在末尾 repo值是你在github项目里的ssh(右下角))

堪称史上最完整的Hexo+Github搭建属于自己的博客_第17张图片
堪称史上最完整的Hexo+Github搭建属于自己的博客_第18张图片

8、终于终于可以开始写博客了——

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

堪称史上最完整的Hexo+Github搭建属于自己的博客_第19张图片

②在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git --save               使用编辑器编好文章,那么就可以使用命令:hexo d -g,生成以及部署了

③部署成功后访问你的地址:http://用户名.github.io  就可以看到你的文章咯

堪称史上最完整的Hexo+Github搭建属于自己的博客_第20张图片

注:每次打开的方法

    ①windows+R cmd

    ②d:

    ③cd blog

   ④hexo clean

   ⑤hexo g

   ⑥hexo s

   ⑦http://localhost:4000


最后啊, 你可以换下你的Hexo主题,让它变得有逼格(简称装β)!!!

一定要学Markdown编译器啊~~~~~~~~~

欢迎和菜菜的我一起学习 VX:Da-Jin666   QQ:838679027

你可能感兴趣的:(堪称史上最完整的Hexo+Github搭建属于自己的博客)