美文网首页我爱编程
使用hexo+next打造自己的博客站点

使用hexo+next打造自己的博客站点

作者: 小马将过河 | 来源:发表于2018-06-10 01:35 被阅读0次
    >>>我的博客<<<

    起因

    这段时间工作很忙,2018年,从过了年以后就一直很忙,尤其是3月15号开始到海尔驻场以后,干的工作越来越杂,一开始前面还有个商务,项目上有个产品经理,3月底商务辞职了,再后来产品经理也调走了,项目上也没有测试人员,所以我就变成了一身多职的角色。

    因为总是比较忙,而且无论如何也还是一枚程序猿,还是码农,但是我觉得自己的工作内容离技术路远有点越走越远,所以我起了在还没有荒废技术之前,将已有的知识总结总结,归纳归纳,搭建一套属于自己的博客站点。

    最后的效果暂时是这样的 与时间赛跑

    选型

    1)java+tomcat博客

    过年前后因为在学习spring cloud,docker技术,也是出于想把自己学到的东西积攒起来,而且自己本身就是java奴,所以选择了 Docker+SpringBoot+Mybatis+thymeleaf 结构的博客,主要是那会儿看着这个博客确实也还挺漂亮的。有个成型的 博客 系统,可以看出来样子确实还不错,管理后台也有了,也集成了富文本编辑器(主要是小白我不会markdown语法,也不敢去学)所以觉得很到位了。于是自己clone下来,先用tomcat做服务器配置起来,前后端run起来以后写了一篇文章,发现几个不方便的地方:

    1. 一共有20张定死的首页展示图,并不是随机的,而且获取这些图的地方,随机数总数也是写死了,与我以为每次都从某一图库随机获取有点差异。
    2. 管理后台上传图片不太方便,tomcat重启后图片就没有了,因此我是动用都七牛的图片服务器,拿到链接后在代码里面直接使用,跟预想有出入。
    3. 富文本编辑器的排班不理想。跟发布以后生成的效果有差异。
    4. 首页功能有点少,自己定制的话成本有点大,也不划算,分享、评论等功能缺失。
    5. 发布有点麻烦,还要从新启动服务器。

    2)wordpress博客

    WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。

    WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。

    WordPress有许多第三方开发的免费模板,安装方式简单易用。不过要做一个自己的模板,则需要你有一定的专业知识。比如你至少要懂的标准通用标记语言下的一个应用HTML代码、CSS、PHP等相关知识。

    WordPress官方支持中文版,同时有爱好者开发的第三方中文语言包,如wopus中文语言包。WordPress拥有成千上万个各式插件和不计其数的主题模板样式。

    身边就有两位同事在使用着基于php环境的WordPress的博客,我也查过,这款博客的好评率确实也可以,应用也是相当的广泛,甚至还衍生出了Jpress这样的产品,号称是wordpress的java版,这篇文章里的介绍至少看起来是比较好的,不过我没有亲试,倒是身边就有两个同事用的wordpress的博客。
    一个是Dirk的博客 : 奋力奔跑的蜗牛
    一个壮壮的博客 :StrongFish

    3)hexo+next 超级火的静态博客

    基于docker的博客虽然搭起来了,也写了一篇文章,但是这小半年时间没有再更新了。最近在掘金上看到了不少关于博客的好文,提的比较多的是hexo,因为现在都流行静态网页,所以我打算动手重新DIY一个自己的站点。要走高端大气上档次,炫酷狂拽叼炸天的路线了


    搭建自己的小空间

    网上搭建系统的文章写的很好的太多了,再说也就那么点事,所以不再浪费时间,简单记录下重要过程吧。

    1. 2018-06-05 :clone hexo和next的项目 修改站点名称,使用gitbub作为项目的最终部署地,使用hexo d命令,将原始代码部署上去,发现https://qdhaiqiang.github.io可以访问,第一步完成。
    2. 2018-06-06 :将原来的qdhaiqiqiang.github.io项目拉出来删除部署文件,重新建一个项目叫blog,blog是项目原文件,而github.io是部署后的文件,一开始以为是一个,后来才明白原来可以不是同一个项目。
    3. 2018-06-07 :修改hexo的主题文件,主要修改项参考博文hexo的next主题个性化教程:打造炫酷网站一文,感谢作者的总结。
    4. 2018-06-08 :修改新建文章模板,创建时同时创建图库;添加音乐播放外链;修改【阅读全文】的样式;添加来必力评论系统;添加百度SEO收录,谷歌SEO收录。
    5. 2018-06-09 :添加jiathis分享;添加站内搜索;修改头像;引入daovioce在线交流,并绑定微信接收消息;添加侧栏音乐;关闭canvas线条,关闭打赏(还是脸皮饱,不好意思要);

    至此,本站点基本可以。换遗留几个想搞但没有搞起来的东西

    • 博客上还没有萌萌的宠物,还想养只猫;
    • 文章加密还没有做,有需要的时候再考虑;
    • 百度收录没有成功,https验证没有通过,很遗憾,继续加油;
    • 动态背景;

    鸣谢&推荐

    这里要公布几个查资料时查到的用hexo实现的好的博客,当然,都是next主题的。另外就是针对hexo+next的实现的一些好的博文,在此免费做个推广,博主就不用谢了哈。

    好的hexo站点

    darryrzhong
    Moorez
    WenBo丨星空灬
    时间的朋友

    很巧妙的是,在这次搭建过程中发现的这几个博客博主看起来都是前端工程,而用wordpress搭建的多是后端工程师,不知道这个研究结果值多少钱,哈哈哈。

    好的博文

    浅析 Hexo 搭建博客的原理
    Hexo-NexT主题搭建个人博客
    网易云跟帖关闭服务后转移到来必力
    hexo的next主题个性化配置教程
    踢球动画插件

    特别推荐

    darryrzhong的文章是从基础篇 -> 进阶篇 -> 高级篇 -> 百度收录 -> 谷歌收录一路走过来的,配置截图等都非常详细,非常的教程,感谢博主的努力,真想给扒过来,呵呵呵。

    系列文章

    博客搭建暂时告一段段落,好好丰富内容吧,加油!

    相关文章

      网友评论

        本文标题:使用hexo+next打造自己的博客站点

        本文链接:https://www.haomeiwen.com/subject/cyaxeftx.html