本站使用hexo在github上架设(主站点:lcsoul.cn)
hexo是一款基于Node.js的静态博客框架,本篇教程是针对与Mac的,今天刚把博客搭建完成,地址在上面欢迎大家访问。
从14年开始使用WordPress架设博客到现在也有近两年了,最近想体验下在github上使用hexo架设博客,So 就有了这篇文章。
本文仅供小白使用,大牛请绕道:-D,如有错误之处多多见谅,如果有不清楚的地方可以联系我,我会及时更新本篇文章(^__^) !!!
一、环境安装
1.首先需要安装xcode(以Mac为例)
后面会用到这个环境 不需要手动打开 安装即可
大家可以在苹果商店下载这个软件
安装好之后进行下一步操作
2.然后在下载Nodejs进行安装
下载地址:官网
建议下载稳定版 现在稳定版版本号为 v4.4.4 (2016.05.11)
点击安装 一路next
显示这个节界面说明安装完成:
打开电脑终端(以Mac终端为例)
运行
1 | node -v |
出现这个说明成功安装 安装版本号为V4.4.4
二、本地安装hexo
环境配置好 下面就开始在本地安装Hexo
1.使用终端在桌面新建存放博客的文件夹
1.1在终端中输入
1 | ls |
会出现当前文件下的所有目录
如图 箭头所指的Desktop 就是我们电脑的桌面
1.2在终端中执行代码进入桌面
1 | 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 写你的第一篇博客吧
完成后再运行
1 | hexo server |
如果上面操作没有出错 此时应该出现这个画面
至此 本地博客搭建完成
复制
1 | http://localhost:4000/ |
到浏览器就可以看到你刚刚搭建的博客了
1 | Ctrl+C |
退出本地服务
修改文件_config.yml
将repo 后面添加你的仓库地址
如果没有自己写下
下面执行
1 | hexo g |
将文件转换
再执行
1 | hexo d |
如果不能上传 先执行这个再执行hexo d
1 | npm install hexo-deployer-git –save |
现在可以打开浏览器 输入你的域名查看刚刚上上传的博客了