系列1:Hexo+github配置个人博客(环境搭建,主题设置,主题配置与更新)

一、环境搭建:

1.下载Git:地址:Git下载

2.安装步骤:



3.后面的一路默认即可

二、安装node.js

1.node.js下载地址-(选择推荐版本即可)

2.安装步骤只需一路默认即可。

三、安装hexo

说明:hexo是通过命令来安装的不是一个可下载的软件。这个需要用git命令行下载,没有安装包,需要在电脑的某一个盘里新建一个文件夹,名字可以随便取,比如hexo,用来存放你的博客代码,进入这个文件夹,右键,你会看到有git bash hexo的选项,点击,你就进入了git命令行,输入命令 npm install hexo-cli -g,稍等片刻,下面出现一堆英文,那证明已经下载完hexo了!


1.新建一个文件夹,比如我的:hexo

2.打开hexo,然后右键鼠标点击下图中的红色的地方。


3.开始搭建

如果下面的方法不行,有可能是被“墙”了,可以参照这篇文章:被“墙”了,用淘宝镜像安装

初始化

在命令中输入:

hexo init

稍等一会儿,出现下图就完成了


最后hexo文件夹中有下图的文件夹:

生成网页代码

hexo g

出现下图就完成了。


多了一个public的文件夹,如下图:


本地预览

输入命令:

hexo s

出现下图:

这时不要关闭命令行界面,打开浏览器,输入网址localhost:4000。

出现下图:

注意,如果你以前安装了福昕pdf阅读器肯定会失败,因为阅读器占用了4000,可以采取下面这个办法。

方法来自:当localhost:4000无法访问时候该这样做(安装了pdf阅读器)

1.ctrl + c退出

这样才能继续输入命令,退出以后输入以下命令:

hexo s -p 5000

然后输入localhost:5000就可以了。

注册一个github账户

1.注册github网站(建议看下面的3一眼,眼):github官网

2.有了账户以后,点击

3.建立仓库,你建立的仓库名需要与你的用户名保持一致,不然会出现问题,所以慎重起名字。格式如下,前后保持一致。

配置ssh

说明:目的是在你的电脑和coding之间建立联系的通道,不然谁都能往上面增加内容。

1.输入以下命令:

ssh-keygen -t rsa -C "这里填上你的邮箱地址"

然后一直回车键,直到下图出现:

2.查看目录C:Users\用户名\

的.ssh目录,


然后打开PUB文件,记住是PUB文件(用notepad++),然后将里面的东西复制,

3.打开github网页并按照下图做:

(1)点击settings

(2).点击Emails,去激活,我的已经激活了,若没有激活就要发送一个邮件,很简单。


(3).点击SSH and GPG keys,


将刚刚复制的密钥,也就是上面说的那个PUB文件中的内容,将其放入其中,提交即可。

管理博客

参照下面连接的“管理博客”中的内容。

连接:参照这篇文章的:管理博客这个小节

发布博客:hexo d -g

主题设置

见这个文章的换主题换主题

主题的界面设置

初级的设置:有选择的看这篇和下一篇

这篇我解决了问号的问题:2.2主题配置中的3)

高级设置(非常全面):各种设置,很多

设置界面的底部:界面底部logo设置

最后谈一下我遇到的一个问题

当我输入以下命令来部署我的主题设置时候,我在本地预览是可以的,但是没法部署。错误是由于下图:

网友方案:


后来我解决的方案:

我把repository:

[email protected]:my-love/my-love.github.io.git换

为:https://github.com/my-love/my-love.github.io.git

然后输入

hexo clean

hexo generate

 hexo deploy

但是还是不可以就报错,下面这样:


然后我又将repo换位原来的[email protected]:my-love/

my-love.github.io.git,然后执行


最后成功了,


你可能感兴趣的:(系列1:Hexo+github配置个人博客(环境搭建,主题设置,主题配置与更新))