Hello Hexo

前言

由于Wordpress越来越臃肿,并且国内的主题市场又不理想,所以对Wordpress感情越来越平淡,伴随着云服务器到期,备案到期种种原因,我决定更换一个博客平台,这时正好一个很漂亮的博客吸引了我,这里附上原博客地址:无境
之前就对鼎鼎大名的Hexo有所耳闻的我其实是有几分顾虑的,首先Hexo在写作上并没有Wordpress那么的方便,随时随地在什么设备都可以写,图片管理上更是灾难。但是谁让咱是个外貌协会呢,这个主题实在是太漂亮了,而且我写作也从普通的网页编辑,逐渐转到MD,这可能就是程序员的归途吧。

Hexo的几大痛点

  1. 布置繁琐
    这个想必如果同时使用过Hexo和Wordpress的人应该都深有体会吧,从安装上来说,Wordpress因该算是更适合小白,更简单的。而Hexo就要有一些Linux基础或者一些代码基础才能胜任了。
  2. 图片管理拉跨
    在Hexo里面,如果想要插入一张图片,嗯。。。。省略几千字,Wordpress的话只需要添加媒体文件,插入即可,至于Wordpress的其他问题,我们这里不展开讨论,这里只谈上手
  3. 主题配置
    这个主题配置,真的是被折磨的死去活来,其实两个博客软件的主题方面都存在着不太友好的地方,想要与众不同,那么多少要具备一些动手能力去diy自己的网站外观的。这次转到Hexo,我也是学习了很多配置教程,才勉强达到现在这个样子。
  4. 写文章不方便
    如果有在Hexo写过文章,你一定是要本地安装git?安装Node.js?再安装个MD编辑器?,这时候,如果你换一台电脑呢,是不是这些环境还要重新布置一遍呢。当然了,如果你不在乎,或者你写作的设备就那么几个,那么可以忽略,这只是我对Hexo写作方面感到难受的地方。
  5. 暂时还没想好,皮一下

正文开始

从0开始布置一个Hexo博客

我的博客布置方式:

我有一台腾讯云服务器,我在腾讯云用本地的方式布置了Hexo 并且生成了静态网站目录Public,把这个静态目录通过Nginx链接出来。所以我写文章只需要直接修改远程服务器下的文章MD文件就可以了,基于这个前提下才有了下面的一站式写文章体验。

Butterfly官方教程:

  1. Butterfly 安裝文檔(一) 快速開始
  2. Butterfly 安裝文檔(二) 主題頁面
  3. Butterfly 安裝文檔(三) 主題配置-1
  4. Butterfly 安裝文檔(四) 主題配置-2
  5. Butterfly 安裝文檔(五) 主題問答
  6. Butterfly 安裝文檔(六) 進階教程
  7. Butterfly 安裝文檔(七) 更新日誌

Butterfly三方配置过程:
Hexo-Butterfly主题博客建站记录

我的配置:

  1. 评论 : Twikoo
  2. 本地搜索
  3. 备案信息
  4. 主页冒泡特效
  5. 留言板信封
  6. 主题样式修改:主题优雅魔改
  7. 网站导航
  8. 标题标语
  9. 个人信息配置
  10. 侧边栏配置
  11. 网站背景头部背景等

这里先把我用到的配置写一下,里面有很多自己踩了坑的地方,自己不是很满意的地方,这里暂时不过多bb,后面有时间再详细说明下都是怎么配置的。

图片托管及使用

这里我使用的图床是 Chevereto 图床3.X
针对这个图床,我网上找到了一些使用方式在后面这个文章中有详细的说明
Markdown配合Chevereto图床的使用

关于写文章

其实今天写这篇文章,最想分享的是这部分,这里我找了很多种方式,但是都不满意,终于我发现了一些新的方式。

  1. Idea 编辑器 : 地址 https://www.jetbrains.com/idea/
    Idea内置Markdown的支持,只需要支持远程编辑自己的Md文件就行了,这里推荐使用ssh工具链接自己的远程主机,定位到自己的目录就可以开始开发了。因为是连接了ssh,所以还可以直接通过ssh去控制刷新刚刚写好的文章
  2. Vscode : 地址 https://code.visualstudio.com/
    尝试使用了vscode去写博客,因为idea毕竟是收费的,当然idea并不是不好,用不上收费版是我的问题。
    这里vscode链接Linux服务器请参考这篇文章:https://blog.csdn.net/weixin_42096901/article/details/105062195
    因为vscode需要安装插件才能支持MD,所以这里插件安装教程参考这边文章:https://zhuanlan.zhihu.com/p/56943330
    Vscode打开终端的快捷键是 ctrl + j

通过上面两种方式,就可以达到沉浸式的写博客需求啦。此篇博客就是用Vscode写的第一遍博客。感谢观看!!!