阅读 95

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

前言

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

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

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

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

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

搭建博客前的准备工作

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

安装Git

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

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

安装NodeJS

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

同意可以通过node -vnpm -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这款主题,你可以详细参考的教程。

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

常用扩展插件

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

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

更多插件可以参考。

Hexo常用命令

总结

终于写完了~

原文:https://www.cnblogs.com/FSCoder/p/15208578.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐