用Hexo在本地搭建一个博客

1.环境部署

1.安装Hexo

1
http://nodejs.cn/ 丢个链接自己装,傻瓜式安装

2.安装git

1
https://git-scm.com/downloads 安装毫无技术含量

3.使用npm安装Hexo

1
npm install -g hexo-cli //一键搞定

2.快速开始

1.进入命令行找到要部署Blog的路径

1
2
3
4
hexo i blog //init的缩写 blog是项目名
cd blog //切换到站点根目录
hexo g //generetor的缩写
hexo s //server的缩写

2.打开浏览器输入localhost:4000查看:

看到这个样子就说明成功了,这个就是hexo默认的博客主题。现在你已经可以在这个主题下写博客了。

当然,我是不喜欢这样的,幸好,github上有大量的主题可供选择,这里我选择使用nexT主题。

3.选择主题–nexT

1.选择主题

安装的过程就一行代码,你需要在博客根目录出打开命令行输入以下命令:

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

读者可以在https://hexo.io/themes/可以查看你喜欢的主题。 这里我主要说下NexT主题的相关配置。其他主题可以多看看官方文档。

完成后,打开 站点配置文件, 找到 theme 字段,并将其值更改为 next

2.在终端输入

1
2
3
4
5
hexo clean  //清除缓存
hexo g //重新生成代码
hexo s //部署到本地

//然后打开浏览器访问 localhost:4000 查看效果

在 站点根目录/themes/next/_congig.yml 文件中修改

4.将本地博客上传到github

进入github

1
https://github.com/ 甩个链接自己看着办

1.创建一个新项目

2.按格式输入项目名称

3.点击设置 创建一个page

4.选择一个主题,没什么用,反正马上就被覆盖掉了。

这个时候访问一下你的链接,应该可以看到效果

5.接下来将我们Hexo的代码部署到github上。

改成这样就好了,记得保存 !注意!!!冒号的后面一定一定一定要有一个空格!!

6.安装部署插件

1
2
3
4
5
npm install hexo-deployer-git --save
//先装个插件压压惊
hexo d // 部署的命令

//等一会就好了

7.访问你的主页

1
StartZYP.github.io

8.发布你的第一篇文章

在博客目录下输入

1
2
3
4
hexo new [可以写模板] "postName"
//hexo n 也可以
//你自己的博客名称,名为postName.md的文件会建在目
//录/blog/source/_posts下。

文章编辑完成后,终端在根目录文件夹下,执行如下命令来发布:

1
2
hexo g //生成静态页面
hexo d //发布

后记

1
本次的教程就先到这里,这只是最基础的,对于主题,你还有更多的选择更多的设置,甚至自己写一个静态博客界面。撤了Hexo,你还可以用其他的方式来搭建。如果你不喜欢github提供的域名,你可以自己买一个域名做绑定,不过我觉得没啥必要,所以我就不写了,毕竟很多大的组织也直接用github.io。生活嘛,就是用来折腾的。