GitHub+Hexo+gulp搭建博客网站

一.前期准备

1.注册GitHub账号。

不做说明

 

2.创建仓库

创建一个新的仓库来放置我们的文件。

 

 

 

3.下载安装Node.js

https://nodejs.org/en/   两个版本，选择右边那个最新版

 

4.下载安装git

https://www.git-scm.com/download/

 

5.检查安装

打开你的cmd命令窗口

 

检查Node.js

node -v

npm -v

 

检查git

git --version

右键也可以看到你git bash

 

准备工作结束，开始搭建博客！

 

二.建立静态网站

1.创建存放博客文件的文件夹

在电脑上找个合适的地方，创建一个myblog文件夹，路径中别有中文，我的是在D:\myblog

 

从cmd中进入到myblog文件夹，当然你直接进到Blog文件夹右键 git bash here 也可以，都是在Blog文件夹执行命令。

（下面的一系列操作都是在myblog文件夹中进行的，cmd保持图片中打开的位置）

 

2.安装Hexo

输入命令

npm install hexo -g

 

3.检查

输入命令

hexo -version

 

4.初始化文件

输入命令

实验室网差，等吧... 找个网好的地方...

现在实际上就是在往myblog文件夹装入hexo文件了，可以去文件夹看看。

 

5.安装完毕！

 

下面6,7不想看的直接输入命令

hexo g&&hexo s

 

6.生成静态文件

输入命令

hexo generate

 

7.开启服务

输入命令

hexo server

如果开启失败，显示端口已经被用了，换一个即可。我的是因为做过一个网站了，这个是做教程弄的。

更换端口命令：

hexo server -p 4444

 

Hexo已经在运行了，按两次Ctrl+C结束

 

8.搭建完成

 

现在我们仅仅是在本地测试完成，接下来要弄到GitHub仓库中，才能在网上访问

 

三.绑定仓库

1.下载powershell

https://www.mls-software.com/opensshd.html

按住Ctrl+shift+右键，如果出现“此处打开powershell”，那就不需要安装。

 

2.生成公钥

输入命令

ssh-keygen -t rsa

 

输入命令后，一直回车就行，公钥放在上面powershell显示的文件夹中，我的是在：C:\Users\10245/.ssh/id_rsa.pub

找到文件，打开复制。

 

3.创建ssh公钥

在GitHub打开

 

输入公钥，增加SSH KEY

 

顺便去仓库，把仓库的ssh地址，复制了

 

4.配置deployment

打开，根目录下（myblog中）的_config.ymlm，拉到最下面，找到deploy,配置为下图：（注意冒号后面都有一个空格）

 

5.打开powershell检验（cmd和git都可以）

使用powershell打开myblog文件夹

输入命令，测试连接

ssh -T git@github.com

出现这种，带有“hi 用户名”的才是成功。

 

****在上传静态文件之前，你可以创建第一篇自己的博客。

cmd打开myblog,输入命令

hexo new post “博客名”

文件路径，也就是紫色文字，

 

 

6.上传静态文件

在cmd中打开myblog,执行命令

npm install --save hexo-deployer-git

输入命令

hexo g -d

 

5.访问博客

上传完成之后，就可以访问我们网上的博客了。我的地址是：https://mayflyhk.github.io/

你的博客地址，参照 https://用户名.github.io/ 填写

 

gulp的优化方法记录在了这里：https://www.cnblogs.com/Mayfly-nymph/p/10623234.html

 

其他博客美化教程，抽时间会继续添加。

 

有什么问题，欢迎加我联系方式询问，喜欢的小伙伴可以关注一波！！！

转载于:https://www.cnblogs.com/Mayfly-nymph/p/10627478.html