前言
这篇文章详细记录了自己使用Hexo搭建博客的一些过程,减少以后更换设备后重新搭建博客所花的时间。
文末给出了搭建博客过程中参考的一些文档,这里也记录下来了。如果这篇哪里说得不太清楚,也可以参考别人的文章来解决自己心中的疑惑。
关于Hexo是什么,怎么使用这里也不会详细介绍,文末给出了官方文档链接,我觉得看官方文档来的更直接些。
正如标题所述,该博客平台是在Win10环境下搭建的。如果是其他平台,可能安装软件的过程会有略微差别,但是使用Hexo搭建博客的过程是一致的。
废话不多说,开始正文吧!
搭建博客前的准备工作
在搭建博客前,你需要先下载安装一些软件。
安装Git
Win10的Git安装包下载链接。如下图所示,安装红框里的版本即可。
安装完成后需要检查Git是否配置正确,可以通过git version
来检查:
安装NodeJS
Win10的NodeJS安装包下载链接。如下图所示,安装红框里的版本即可。
同意可以通过node -v
和npm -v
来检查NodeJS是否安装正常:
安装Hexo
npm install hexo-cli -g
安装完成可以通过hexo -v
检查是否安装正常:
创建博客并下载Butterfly主题
软件安装完成后,我们就可以开始创建博客并使用主题了。
创建博客
使用命令hexo init
可以创建博客,比如说要创建的博客名为gitee-blog,则命令如下:
hexo init gitee-blog
一般创建成功的输出如下图所示:
红框的错误可以忽视,我这里是因为没有KeXue上网的缘故,Github访问超时导致的。
通过cd gitee-blog
看下博客目录结构:
有几个目录这里简单说一下:
- 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常用命令
总结
终于写完了~