Hexo搭建个人博客

Hexo是一款快速、简洁且高效的博客框架

Hexo搭建个人博客

前言:在百度查阅相关代码资料时,发现某个博主的Blog加载极快(原谅我见识少,但真的被它的点击即刻加载完成惊呆了..),在页尾看到了Hexo的链接,就此入坑,以此博客记录工作学习中的笔记,自勉!

Hexo是一款快速、简洁且高效的博客框架,搭配GitHub(或者码云)的Pages搭建个人博客简直天合之作。并且主题种类繁多,不同风格也给广大的博主提供丰富的选择,更换起来也很方便。以下是它官网的特点概述:

  • 超快速度 :Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
  • 支持 Markdown :Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
  • 一键部署 :只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
  • 丰富插件 :Hexo 拥有强大的插件系统,安装插件可以让 Hexo 支持 Jade, CoffeeScript。
  • 官网链接:https://hexo.io/zh-cn/

安装

安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

这两个的安装过程的不详细叙述了,他们的官网链接有详细叙述。在完成上述安装后,使用 npm 即可完成 Hexo 的安装(可以在创建的博客文件下右键使用git Bash Here)

1
$ npm install -g hexo-cli

安装完成后需要初始化Hexo

1
$ hexo init

初始化博客空间,生成博客运作所需要的文件,接下来安装依赖包

1
$ npm install

完成时你的目录大约是这样

img

本地测试

在本地上测试预览自己的博客也很简单,只要输入以下命令(开头字母缩写)

1
2
$ hexo g
$ hexo s

如果一切成功,就会出现以下提示

img

嗯,意思显而易见,你可以在浏览器地址栏输入*http://localhost:4000/*预览你的博客,Ctrl+C停止服务

发布

在发布之前,你可以用以下命令来创建一篇新的文章

1
$ hexo new "我的第一篇博客"

这样就会在博客目录下source_posts中生成相应的 我的第一篇博客.md文件( 例如 C:\blog\source_posts\我的第一篇文章.md ),你可以使用支持Markdown语法的编辑器进行打开,例如我用的是Typora,编辑完成之后你就可以重复上面的本地测试进行预览。

你可以使用以下命令生成以及部署(生成部署两条命令合一)

1
$ hexo d -g 

但是在此之前你必须安装一个扩展

1
$ npm install hexo-deployer-git --save

当然在在此之前你必须配置好git 的public key,有关git的学习推荐https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000.
要是安装扩展过程出现注意的提示可以不用管它。之后你就可以在你git生成的地址上看到你的网站啦。

重点:踩坑提醒

  • 首先你必须在你的git上添加公匙,而不是在项目中添加 。不然上传过程中会出现无法获取远程的报错。

  • 根目录下的_config.yml文件是配置你的网站信息,但是要注意添加对应的属性时必须有空格,例如下面这个root: /myblog,:后跟着一个空格

  • _config.yml文件配置deploy参数来部署的git地址,repository是填的ssh地址

  • 主题的更换是放在themes文件夹下,也有一个_config.yaml文件(必须有),有的主题是重命名过这个文件的,必须手动改回才能看到效果

  • 要是出现部署到github上之后不能显示主题样式,更改一下_config.yml文件,其中的url和root属性。
    url: http://www.xxxxxxx.com/blog/
    root: /blog
    root 下面应该设置成 /你的项目名 而不是/

    然后重新部署一下就成功了。

  • 关于代码高亮,使用主题的代码高亮必须将hexo的heightline自带的设置为false,两者只能启用一个切记


Hexo搭建个人博客
http://www.kju147.com/2018/02/01/Hexo搭建个人博客/
作者
个人学习
发布于
2018年2月1日
许可协议