使用Hexo快速搭建个人博客系统

什么是Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。个人理解Hexo是一种基于Node.js制作的一个博客生成工具,可以将我们写好的Markdown文章渲染成静态的html页面。

安装Hexo

安装Hexo需要先安装Node.js和Git,如果电脑中已经安装了这两个程序,可以直接前往【安装 Hexo】步骤。

安装 Git

安装 Node.js

  • Windows:前往 淘宝 Node.js 镜像 下载安装包
  • Mac:使用Homebrew安装, 终端输入 $ brew install node

由于npm的服务器位于国外,安装依赖时速度特别慢,Mac用户成功安装Node.js后,推荐使用淘宝定制的cnpm命令行工具代替默认的 npm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 Hexo

$ npm install -g hexo-cli

使用Hexo建站

安装 Hexo 完成后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init <博客目录>
$ cd <博客目录>
$ npm install

新建项目的目录结构如下:

.
├── _config.yml              // 博客配置文件
├── package.json             // 应用程序的信息(依赖,版本号等)
├── scaffolds                // 生成文章的模板
├── source                   // 用户资源(博客文章、主题配置等)
└── themes                   // 主题文件夹(页面样式)

预览效果

使用$ hexo g命令来生成静态页面,之后使用$ hexo s命令来启动本地服务,在浏览器就输入http://localhost:4000即可看到搭建好的博客了。

新建一篇文章

$ hexo new <文章标题>

使用上面的命令创建一篇新文章,文章保存在 <Hexo项目路径>/source/_posts/<文章标题>.md,使用你熟悉的Markdown编辑器编辑文章后输入$ hexo g重新生成静态页面,在浏览器中刷新一下就可以看到你的第一篇Hexo博客了。

总结

经过上面的操作步骤,一个使用Hexo搭建的博客系统就建好了,当然这里我们看到的只是Hexo自带的博客效果,并且只能在本机查看,相当于学习编程时成功运行了Hello Word而已。想要我们的博客丰富起来还要修改Hexo的配置,选取个人喜欢的主题,部署外网服务器,这些都是我们需要进一步去学习的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容