1.总结

最近几天一直在玩hexo个人博客,因为一直就想弄一个这样的博客平台,一个是为了兴趣,还有一个就是为了找工作的时候能够让面试官觉得自己很牛逼(这里涉及到社会学知识点,下次有机会我们再谈),所以就花了一点时间,弄了一下,也发现了一些坑,这里和大家一起分享一下。

2.开始搭建hexo平台

2.1 前提

因为hexo是一个基于node.js开发的一个博客平台,可以将Markdown文件也就是以.md为扩展名的文件生成为静态文件,然后在自动将其部署到整个系统的其他固定页面(比如:tags,archives等)中。我们还可以将其部署到GitHub上,这样就实现了可以通过互联网访问的目的了,我们最终的目的也就是通过互联网访问。

  • 安装git 建议大家的所有操作都在git控制台进行操作,git控制台的类似Linux的命令,但不是所有Linux命令都支持,基本命令都已使用,真的很好用。力荐
  • 安装node.js
    大家安装提示进行安装就可以,安装完成之后,我们才可以进行下面的操作

2.2 通过npm(node package manager)安装hexo

npm install -g hexo-cli或者npm i -g hexo-cli或者npm
hexo可以支持代码简写:
hexo generate = hexo g 编译网页文件
hexo deploy = hexo d 部署到GitHub等平台
hexo server/start = hexo s 开启本地预览服务,访问地址:http://localhost:4000
这里是几个hexo主要用到的命令,其他的可以通过命令hexo –help查看

2.3 生成自己的hexo博客

随便找一个目录,存放我们的个人博客所有的源代码,为了后期维护,大家尽量找一个空间大一些的盘进行文件存放
第一步:

hexo init or hexo i

是你的存放个人博客文件的文件夹的名字
比如:hexo i hexo-blog 那么系统会自动生成一个名为hexo-blog的文件夹,并且会配有相应的文件目录结构,如下所示:

第二步:

hexo generate or hexo g 生成编译之后的静态网页文件

第三步:

hexo start/server or hexo s

第二步和第三步可以通过下面的一条语句执行:

hexo s -g //但是这样做的话,是不会生成public/文件夹的,该文件夹是存放编译完之后的所有静态网页的文件夹

第四步:
在浏览器中输入http://localhost:4000地址进行访问,访问效果如下:
image

2.4 修改hexo主题

通过git控制台,cd到我们的博客目录下,然后在hexo themes网站上找到自己喜欢的主题,使用git clone命令将其克隆到自己的博客目录下即可。这里以我的主题为例,我用的是基于melodybutterfly
通过下面的命令克隆主题,该主题需要一个渲染插件,还得安装一下下面的插件,否则不会生效。

1
2
3
$ git clone https://github.com/Molunerfinn/hexo-theme-melody.git themes/melody
$ npm install hexo-renderer-jade hexo-renderer-stylus

如果想修改该主题的参数,进行自定义的话,可以参开这个文档

2.5 发布博客

发布post博客,有如下命令:

hexo new “title” 如:hexo new “my first post”

创建完的post博客文件格式如下:image

下面这条命令是发布一个网页,不会在主页或者archives中显示的,类似于【主页】这么一个静态网页

hexo new page “my first page” 如:hexo new page “tags”

hexo中只有主页和archives是已经创建好的,其他的都是需要我们手动创建的,用的就是这条命令,创建完的文件如下:image

创建完post博客之后,我们通过Markdown编辑器编辑好,我们就可以发布到GitHub上,发布命令:

hexo deploy or hexo d

2.5.1 如何写博客

博客的front master也就是上面的固定格式,我们可以通过一些参数进行修改,这里附上官网的一些修改意见。

  • tags: 标签修改
  • top_img: 置顶图片
  • cover: 博客封面
  • categories: 分类,我这里一直显现不了,所以大家看看你们的情况吧,书写规范类似tags

2.6 部署到GitHub

修改博客根目录下的_config.yml文件(注意:这里不是themes目录下的_config.yml文件
image
安装上面的形式配置完自己的GitHub参数即可

  • type: 这里写git 因为是通过GitHub部署
  • repo: 仓库的意思,写自己存放博客的仓库,必须是page版的
  • branch: 分支,一般是master,如果有变动的话,写自己的博客文件分支

3.hexo博客美化

3.1 为hexo博客添加本地搜索引擎

写在最后

欢迎大家关注鄙人的公众号【麦田里的守望者zhg】,让我们一起成长,谢谢。
微信公众号