使用Github搭建Hexo静态博客!

目录

前言

首先我们中学生马上期末考试了,哥哥姐姐们也马上中,高考了,祝贺中国的考生们:

愿你盖上笔帽的那一刻,有勇士收刀回鞘般的骄傲!

我相信你们一定可以

给自己的人生画上最好的转折号!

正文

步骤一

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

1-1
1-1

步骤二

安装Git和配置好Git环境,安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择

1-2
1-2

注意:

一般出于安全考虑,只有在Git Bash Here中才能进行Git的相关操作。如果需要在cmd命令行里调用Git,那么就要配置电脑的环境变量Path,或者在安装的时候选择use Git from the Windows Command Prompt。这个随你的便,影响不是很大,成功配置的界面如图

1-3
1-3

步骤三

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

1-4
1-4

在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。

1-5
1-5

步骤四

安装Hexo,在自己认为合适的地方创个文件夹,我是在D盘建了一个blog文件夹。然后通过命令行进入到该文件夹里面

不会进入自己百度!

1-6
1-6

输入

text
npm install hexo -g

开始安装Hexo

1-7
1-7

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

1-8
1-8

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

时间可能会有点长,对只是有点长而已啦

1-9
1-9
2-1
2-1

看到后面的“Start blogging with Hexo!”,激动有木有啊!!!!!

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

2-2
2-2

输入hexo s,开启服务器,访问该网址,正式体验Hexo

2-3
2-3

问题:

假如页面一直无法跳转,那么可能端口被占用了。此时我们ctrl+c停止服务器,接着输入“hexo server -p 端口号”来改变端口号

2-4
2-4

那么出现如下图就成功了

2-5
2-5

步骤五

然而然而,别激动!还要上传到Github page

让我们来设置设置Git的user name和email(如果是第一次的话)吧

然而上传设定等参考我的文章

[post cid="39" cover="https://cdn.xsiy.ltd/photo/github/github12.png]

问题:

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

首先,清除所有的key-pair

ssh-add -D

rm -r ~/.ssh

删除你在github中的public-key

重新生成ssh密钥对

ssh-keygen -t rsa -C "[email protected]"

接下来正常操作

在github上添加公钥public-key:

1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板

2、在github上添加公钥时,直接复制即可!

3、保存

步骤六

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

repo值是你在github项目里的ssh,大家都知道吧,我就不多说了!

步骤七

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

这时候在文件夹_posts目录下将会看到已经创建的文件

2-6
2-6

在生成以及部署文章之前,需要安装一个扩展:

text
npm install hexo-deployer-git --save
2-7
2-7

使用编辑器编好文章,那么就可以使用命令:hexo d -g,生成以及部署了

2-8
2-8

部署成功后访问你的地址:

http://用户名.github.io

那么将看到生成的文章

没啦

评论