Hexo搭建博客小白教程

Hexo
hexo

前言·

利用hexo在Github上搭建个人博客是我从我对象那里知道的，她学的前端，我学的Java，一直没了解过这个东西，前几天发现了，果断喜欢上了，以前都是在CSDN上写博客。
然后，我就开始了研究，到了现在，终于好了，网上教程确实很多啊，但是其间也有一些问题，然后昨天，我女朋友问了几个问题(女友还是小白啊，毕竟妹子)，在添加主题的地方。
比如：

1
2
3
4
git clone http:.......git themes/icuals
cd themes/icuals
git pull

这样我们觉得很简单的，对于刚学的妹子来说确实是一个挑战啊！！对于Lunix命令基本不懂得啊.So，我就写了这篇博客给我女友看，是不是很有爱的啊。

参考

先放我看过的教程，都可以提供参考的。
使用hexo，如果换了电脑怎么更新博客？
hexo+github快速搭建个人博客

Github项目创建

  • 1.注册Github账号
    Github官网

    [注册账号]

    点击上图的 sign up
    然后就进入下图填写个人注册信息的界面，上面还有总步骤说明

    [注册账号详情]

    然后把三个步骤走完就OK啦！这时候你就拥有了你的Github账号和远程仓库。

  • 2.创建项目
    在你登录过的Github界面，右上方找到一个 + 号，然后点击，再选择new repository,就是新建项目啦。

    [创建项目引导]

    然后就是新建项目界面，输入你要新建的项目名称，这里我们要建一个博客，所有名字要为你的Github账号加上.github.io
    比如我的Github账号为569258yin，那我创建的项目名称就为569258yin.github.io,下图可以看到我的项目名称已经存在了。

    []

    然后描述内容可以不写，或者写…（对了，免费版的Github账号都是public的，也就是你的项目被人都可以看到，但是别人是没有权利修改的）

  • 3.创建分支

    创建分支为了我们能够在不同的电脑上方便修改博客，首先，Github上master主分支存放
的是hexo将我们的源文件转化生成的静态网页，是不存储我们实际操作的源文件的，我刚开
始也不知道，然后去了公司，从Github上克隆了我的项目，准备做修改呢，结果全是静态网
页，并不能直接修改，所有参考了知乎上大神给的方法。

    项目分为两个分支：master主分支用了存放静态网页，hexo(名字随意)分支用了存放项目源文件

当刚创好分支，如果你还没添加任何描述，项目界面是这样的

如果你的也是，就点图中红色标注的README，然后就可以添加一些描述啦。这里可以简单写一句话，关于如何使用README，可另行百度。
如果你的界面是下面的这种，那就可以直接点Branch:master,(branch的意思就是分支,master代表主分支)，在文本框中输入hexo（分支名）
然后点击create branch:hexo就可以了。
[]

  • 4.设置hexo分支为默认分支
    点击项目设置,进到如下界面[] 然后再选择Branch设置，可以看到当前默认分支为master，点击选择我们创建的hexo，然后点击右边update就可以了[]

本地搭建Hexo博客

  • 1.在本地创建一个文件夹，比如我的取名为hexo，然后鼠标右键git branch，调出git控制台工具。如果你还没有装过这个软件，
    那就需要先安装软件下载地址,不会安装的同学可以参考
    廖雪峰的Git安装教程及使用说明
    打开控制台后输入

git clone https://github.com/569258yin/test.github.io.git

克隆你在Github创建的项目到本地，后面的网址是我的，你的项目网址在Github网站项目可以查看到，如下图：
[]
克隆完成后就会在hexo生成对应的项目文件夹
[]

  • 2.安装Node.js

下载地址：Node官网，下载任意版本，安装就可以了，这个很简单。安装完成可以在git bash控制台输入 node -v 如果能显示版本号就说明安装成功！

  • 3.安装hexo插件

在git bash中利用node 自带的包管理器进行安装：

1
输入 npm install -g hexo(或者npm i -g hexo)
  • 4.初始化hexo

首先需要将git bash 当前文件路径选到你的项目根目录下，不会命令的可以直接将当前的git bash关掉，然后直接鼠标点进去项目文件夹，鼠标右键选择 git bash 就可以了
然后执行

1
hexo init

这一步，我只能说超级慢的啊，视网络情况，反正我是等了很久…….

  • 5.测试是否安装完毕
1
输入  hexo generate(或 hexo g)

初始化本地文件，这时候hexo会把我们的源文件转化为静态网页，

然后

1
输入  hexo server(或 hexo s)
[]

意思是在本地创建一个服务器用了展示我们生成的网页，这一步是非常方便的，以后我们有任何修改只需在本地查看，确保正确后再发布到github上。

之后打开你电脑上的浏览器，输入http:\localhost:4000访问，能显示就说明大功告成啦，安装完毕！！！

将本地项目源文件上传到Github上

Comments