使用hexo架设个人博客

本站使用hexo在github上架设(主站点:lcsoul.cn
hexo是一款基于Node.js的静态博客框架,本篇教程是针对与Mac的,今天刚把博客搭建完成,地址在上面欢迎大家访问。

从14年开始使用WordPress架设博客到现在也有近两年了,最近想体验下在github上使用hexo架设博客,So 就有了这篇文章。

本文仅供小白使用,大牛请绕道:-D,如有错误之处多多见谅,如果有不清楚的地方可以联系我,我会及时更新本篇文章(^__^) !!!

一、环境安装

1.首先需要安装xcode(以Mac为例)

后面会用到这个环境 不需要手动打开 安装即可

大家可以在苹果商店下载这个软件
xcode

安装好之后进行下一步操作

2.然后在下载Nodejs进行安装

下载地址:官网

建议下载稳定版 现在稳定版版本号为 v4.4.4 (2016.05.11)

点击安装 一路next

显示这个节界面说明安装完成:
nodejs

打开电脑终端(以Mac终端为例)
maczhongduan

运行

1
node -v

出现这个说明成功安装 安装版本号为V4.4.4

node-v

二、本地安装hexo

环境配置好 下面就开始在本地安装Hexo

1.使用终端在桌面新建存放博客的文件夹

1.1在终端中输入

1
ls

会出现当前文件下的所有目录
ls

如图 箭头所指的Desktop 就是我们电脑的桌面

1.2在终端中执行代码进入桌面

1
cd Desktop/

回车 此时我们的终端前缀会变成

cd Desktop/

出现Desktop 说明我们已经进入桌面了

1.3新建我们本地博客的文件夹

输入代码:

1
mkdir blog

桌面会生成blog文件夹 返回桌面 桌面上是不是多了blog文件夹

1.4进入 blog文件夹 在终端执行下面代码

1
cd blog

此时已经进入了blog文件夹

2.开始安装Hexo

执行

1
npm install -g hexo

等待下载安装

安装完成后再执行

1
hexo init

配置hexo环境

下面就可以写博客了 执行代码

1
hexo new 第一篇博客

这样就会生成博客

生成的博客在blog/source/_posts文件夹下 名字为 第一篇博客.md

修改第一篇博客.md 写你的第一篇博客吧

该文件可以使用Sublime 或者Mou 编辑

完成后再运行

1
hexo server

如果上面操作没有出错 此时应该出现这个画面

hexo

至此 本地博客搭建完成

复制

1
http://localhost:4000/

到浏览器就可以看到你刚刚搭建的博客了

1
Ctrl+C

退出本地服务

修改文件_config.yml

repo

将repo 后面添加你的仓库地址

如果没有自己写下

下面执行

1
hexo g

将文件转换

再执行

1
hexo d

如果不能上传 先执行这个再执行hexo d

1
npm install hexo-deployer-git –save

现在可以打开浏览器 输入你的域名查看刚刚上上传的博客了