Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

前言

这篇文章详细记录了自己使用Hexo搭建博客的一些过程,减少以后更换设备后重新搭建博客所花的时间。

文末给出了搭建博客过程中参考的一些文档,这里也记录下来了。如果这篇哪里说得不太清楚,也可以参考别人的文章来解决自己心中的疑惑。

关于Hexo是什么,怎么使用这里也不会详细介绍,文末给出了官方文档链接,我觉得看官方文档来的更直接些。

正如标题所述,该博客平台是在Win10环境下搭建的。如果是其他平台,可能安装软件的过程会有略微差别,但是使用Hexo搭建博客的过程是一致的。

废话不多说,开始正文吧!

搭建博客前的准备工作

在搭建博客前,你需要先下载安装一些软件。

安装Git

Win10的Git安装包下载链接。如下图所示,安装红框里的版本即可。

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

安装完成后需要检查Git是否配置正确,可以通过git version来检查:

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

安装NodeJS

Win10的NodeJS安装包下载链接。如下图所示,安装红框里的版本即可。

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

同意可以通过node -vnpm -v来检查NodeJS是否安装正常:

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

安装Hexo

npm install hexo-cli -g

安装完成可以通过hexo -v检查是否安装正常:

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

创建博客并下载Butterfly主题

软件安装完成后,我们就可以开始创建博客并使用主题了。

创建博客

使用命令hexo init可以创建博客,比如说要创建的博客名为gitee-blog,则命令如下:

hexo init gitee-blog

一般创建成功的输出如下图所示:

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

红框的错误可以忽视,我这里是因为没有KeXue上网的缘故,Github访问超时导致的。

通过cd gitee-blog看下博客目录结构:

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

有几个目录这里简单说一下:

  • node_modules(常用的一些扩展插件会安装在这个目录下)
  • source(我们的博客文章markdown源文件一般在这里,如果有引用到图片或者其他外部资源,比如css、js什么的,也可以在source目录下创建一个assets目录来存放静态资源文件)
  • themes(一般主题都是放在这个目录下)

使用并配置主题

Hexo的主题还是挺多的,你可以在此处精挑细选一番,选择使用你中意的一款。如果你有幸和我选择的一样都是Butterfly,那么这部分你可以细细看下,不然的话还是建议你看你选择主题的官方文档,这里举个例子,比如你选择了Volantis这款主题,你可以详细参考官方Demo的教程。

至于使用Butterfly主题,建议参考这里的教程。非常详细!非常靠谱!!非常新手向!!!这里我就偷个懒,不再赘述了。因为我打算把文章重心放到别人没有讲述的下个环节---扩展插件的使用

常用扩展插件

下表列出了我常用的一些插件,点击插件名称可以跳转到使用文档链接。

名称 描述
hexo-abbrlink 一个hexo博客链接永久化的解决方案
aplayer 一个非常好用的HTML5音乐播放器
hexo-deployer-gi 快速部署到GitHub的插件,也可以部署到Gitee,只要指定正确repo地址即可
hexo-butterfly-charts charts图表插件,既美观又简单易用
hexo-generator-calendar 一个仿博客园日历的插件
hexo-generator-feed RSS Feed订阅功能
hexo-generator-indexed 带置顶和隐藏文章的索引器,替代默认的hexo-generator-index
hexo-neat 对js和css进行压缩
hexo-tag-mmedia 多媒体文件播放,如集成了aplayer、bilibili等
hexo-bilibili-card bilibili卡片
hexo-wordcount 字数统计

更多插件可以参考这里

Hexo常用命令

总结

终于写完了~

Win10环境下使用Hexo+Butterfly+Gitee搭建自己的博客平台

上一篇:WIN7下Virtualbox虚拟Ubuntu共享文件夹设置


下一篇:WinForm界面控件开发入门指南 - 自定义打印外观