【1】Hexo博客系统配置+连接github数据仓库

1.安装git、node.js、Hexo

1.1 安装git

(1)官网下载:https://git-scm.com/download/win ,选择好自己电脑的版本。我的是win10-64位
(2)一直点 Next,继续安装,之后一路next默认安装即可。
安装完成之后打开cmd命令,输入

where git

以检测是否安装成功,如下所示即为安装成功。
在这里插入图片描述

1.2 安装node.js

(1)官网下载:https://nodejs.org/en/download/ ,选择与自己电脑数位一致的版本安装,不要都装在C盘底下,不然电脑会很卡 。
(2)安装一直next ,然后install ,再然后Finsh , 就OK了。
然后输入:

where node

检测其是否安装成功,出现如下界面即为成功。
在这里插入图片描述

1.3 安装Hexo

(1)在电脑中新建一个文件夹存放自己的博客,名字自己起。例如:D盘里面新建一个 blog 的文件夹
(2)在文件夹内,鼠标右键点击,选择 Git Bash Here 。出现命令窗口
在这里插入图片描述
之后点击Git Bash Here,则会出现如下所示界面。
在这里插入图片描述
(3).然后在里边输入,如下命令来安装hexo

npm install -g hexo-cli

输入之后如下所示:
在这里插入图片描述
(4).由于默认的 NPM 镜像实在太慢太慢,我们把源替换成淘宝的镜像,
需要注意的是,这一次切换是暂时的,如果下回从 npm 下载一些东西还是觉得非常慢,记得再执行一次这一条命令。

npm config set registry "https://registry.npm.taobao.org"

更换淘宝源,其结果如下所示:
在这里插入图片描述

1.4 建立hexo站

(1).初始化

hexo init Hexo  #初始化 ,会在然来目录下新建一个Hexo 的目录
cd Hexo  #进入到Hexo 目录
npm install

其结果分别如下所示:
在这里插入图片描述
进入博客主目录:
在这里插入图片描述
执行

npm install

其结果如下:
在这里插入图片描述
换了淘宝的镜像后,大约两三分钟后执行完毕。执行完成之后其结果如下所示:
在这里插入图片描述
(2).然后再在这个目录下,先后执行如下命令,来执行建站和启动站点。

hexo generate
hexo server

在这里插入图片描述
启动hexo站点服务:
在这里插入图片描述
(3).然后再在浏览器输入http://localhost:4000/即可访问该静态界面,其结果如下所示:
在这里插入图片描述

2.配置到github

2.1 github设置

(1). 在配置到GitHub之前务必确保之前已经注册了github账号,并且推荐使用邮箱注册,在github官网登陆自己账号。
然后再右上角的
在这里插入图片描述
(2). 选择新建一个数据仓库,要注意的是Repository name内的值最好为Owner.github.io
下图中是我的设置,例如我的github用户名为kingback2019,所以其命名就是这样。此处需要注意的是最好就是按照这样命名,因为后边绑定github数据仓库还要用到。完成之后即可点击Creat
在这里插入图片描述
(3).创建完成之后,在主界面的右上角,如下操作,点击Your profile,如下所示:

在这里插入图片描述
(4).并且找到自己刚刚创建的仓库,以我的为例,如下所示:
在这里插入图片描述
(5).点击即可,进入该仓库界面,点击setting选项

在这里插入图片描述
(6).并且找到Theme Chooser,为我们的建站选择一个主题,
在这里插入图片描述
点击即可到这界面,如下所示:
在这里插入图片描述
选择一个主题即可,因为之后我们还会更换更加主流的主题。

2.2 git设置

(1).在博客目录右键Git Bash Here,进入如下目录,开始设置Git信息

git config --global user.name " GitHub 用户名 "
git config --global user.email "github用户的邮箱"

在这里插入图片描述
出现错误,解决方案,原来是因为我的命令语句敲错了,所以才会出现以上错误,讲语句改正后就可以了。
然后接下来将当前的目录赋予操作权限,也就是进行初始化,在当前目录下执行如下语句:

git init

进行一下初始化,其结果如下:
在这里插入图片描述

2.3生成SSH公钥和私钥

ssh-keygen -t rsa -C " 邮箱地址 "

输入该命令,并且执行,接着输入三次Enter回车,即可完成密钥的生成。
例如我的是这样::
在这里插入图片描述
生成密钥位置:
在这里插入图片描述
将生成的密钥中的id_rsa.pub使用notepad打开,将其中的内容复制到粘贴板上,我们需要将配置到github上,实现免密登陆。

2.4 github设置

在github界面,选择settings进行设置
在这里插入图片描述
然后按照如下图示,进行操作将刚刚复制的密钥,粘贴入github中即可。
在这里插入图片描述
添加完成之后就会像我的一样,出现一个已经配置好的,如下所示:

在这里插入图片描述
接下来就要去复制我们创建的github仓库的地址,如下所示:
在这里插入图片描述
红色部分就是我们需要的地址。将其复制到剪切板。
之后修改如下路径下的_config.yml文件
在这里插入图片描述
将其使用notepad打开,将内容的最后的deploy属性改为这样

deploy:
  type: git #部署的类型
  repository: https://github.com/kingback2019/kingback2019.github.io.git # 仓库地址
  branch: master #分支名称

这里边的地址就是刚刚我们复制的我们的创建的仓库的地址。完成之后,记得一定要将格式设置为utf-8,因为我们这里加入了中文注释,否则会出现乱码现象。

2.5 新建一篇博客

在博客目录执行如下语句,创建博客

hexo new post "Hello"

在这里插入图片描述
在生成以及部署文章之前,需要安装一个 hexo-deployer-git 插件扩展
输入

npm install hexo-deployer-git --save

其结果如下:
在这里插入图片描述
执行下面的代码命令:

 hexo d -g 

将 hexo 项目以及文章托管到 GitHub 上。
在这里插入图片描述
如果是第一次安装的话会让你登陆一下

在这里插入图片描述
输入自己的github账号密码就可以了,其成功界面如下所示:
在这里插入图片描述
部署成功之后,访问

http://用户名.github.io //例如我的就是访问http://kingback2019.github.io

就可看到,已经部署成功。
在这里插入图片描述

3.更换主题

3.1 clone next主题

更换一个网上应用上比较火的主题next,在博客目录执行如下命令,对文件进行clone。

git clone https://github.com/iissnan/hexo-theme-next themes/next

在这里插入图片描述
下载成功之后,我们便可以在themes文件夹下找到,刚刚下载的主题,如下所示:
在这里插入图片描述

3.2 更改主题

使用notepad打开博客目录下的_config.yml文件
在这里插入图片描述
找到 theme 字段,修改参数为:theme: next,(注意:后面有一个空格)
修改完,保存。
在这里插入图片描述

3.3 更改主题样式

再次打开next路径下的_config.yml文件
在这里插入图片描述
使用notepad打开,将定位到 Schemes,想要哪款主题就取消前面的#
在这里插入图片描述
之后保存退出即可。

4.重新上传一下博客

使用命令

 hexo d -g 

然后再次访问自己的,例如我的是

http://kingback2019.github.io

5.发布csdn博客到hexo博客

首先进入csdn博客编辑界面,然后选择右侧的导出为markdown文件,
在这里插入图片描述
将文件复制到hexo文件路径下的source文件夹里边,我的为这里:
在这里插入图片描述
然后再打开Git Bash Here,输入命令

 hexo d -g 

即可完成部署。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章