美文网首页关于hexoHexo
系列1:Hexo+github配置个人博客(环境搭建,主题设置,

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

作者: 自由的明日 | 来源:发表于2018-03-08 18:52 被阅读64次

    一、环境搭建:

    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:

    git@github.com:my-love/my-love.github.io.git换

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

    然后输入

    hexo clean

    hexo generate

     hexo deploy

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

    然后我又将repo换位原来的git@github.com:my-love/

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

    最后成功了,

    相关文章

      网友评论

        本文标题:系列1:Hexo+github配置个人博客(环境搭建,主题设置,

        本文链接:https://www.haomeiwen.com/subject/lsvyfftx.html