我的个人博客搭建历程

Washy
2023-05-20 / 0 评论 / 162 阅读 / 正在检测是否收录...

前言

一直以来,我都希望拥有一个个人网站,这些年来也尝试过很多次,接触了一些相关知识。

最初是在大学期间,自学了一段时间HTML语法,仿照学校教务处网站写了一个很粗糙页面。印象中主页是类似表格形式的一堆链接,点开后可以跳转到相应的页面,页面布局非常丑,颜色也只有黑色和链接的蓝色。最终由于只懂一点html的皮毛知识,鉴于实现一个网站的工作量巨大,且很多功能都实现不了,在写了几个界面后就不了了之了。

大学毕业后,有段时间一个程序员朋友搞了一个个人网站,但只是搭建了框架。我听说后就找他要了一个账号,上去逛了一圈,总觉得有各种不满意的地方。跟他讨论后,觉得还是自己从底层写才能够得到自己想要的内容。在他的建议下,我自学了两周的vue,跟着网上的视频教程写了一些简单的框架。然后我发现,因为完全没有美术功底,即使学会了这些,也设计不出来满意的页面,而且他说还要学习其他的东西,仅靠vue是不行的。至此,再次搁浅。

至于为什么不使用网站搭建软件,是我觉得那些不能够搭建出我想要的内容。直到有一天我跟一个师弟聊搭建博客网站的事情,他说现有的搭建工具足以设计出想要的网站。

之后的一个假期,我再次萌生了搭建网站的念头,并想起了师弟的话。于是我按照网上的教程,安装了宝塔面板,使用Wordpress搭建了一个“Hello World”网站,并从阿里云购买了一年的云服务器和域名。在了解到需要域名备案以及公安备案后,申请填了一半,发现很多东西都不知道怎么写,也没找到说的清楚的教程。假期结束后,这个事也就没有了后续,云服务器有效期内的一年,也就偶尔通过公网IP访问下“Hello World”网站。

再后来,我觉得网站只是一个工具,重要的是博客本身,记录与分享才是核心,与其花大量的时间和精力搭建一个永远不会使用的网站,不如养成写笔记的习惯,然后把有用有价值的东西分享到现有的博客网站上。于是我开始利用起来几年前注册的CSDN账号,并注册了微信公众号以及博客园的账号。CSDN用来写程序相关的,博客园用来写科学相关的,公众号用来分享生活。

这个时候,我想个人网站可能跟我再无瓜葛了。

入坑——感谢Hexo

一个多月前,我在B站偶然刷到一个名称大概叫《半小时搭建一个博客网站》的视频,里面讲述的是如何使用Hexo + GitHub Pages搭建博客网站,up主在视频最后说到“先做起来,网站搭建好了,用起来了,之后再怎么修改都可以,如果一直不行动不会有任何结果”。这句话触动了我,于是我立刻按照视频教程搭建了一个静态博客网站,上传了几个之前写的md文件,渲染效果也不错。之后的几天,我购买了一个域名,并尝试了众多主题,最终确定了butterfly主题。

秉持着内容大于形式的理念,我想着Hexo博客可能就是我的最终归宿了,重要的是坚持写博客,记录与分享自己的知识、经验与生活。

在用了几天后,发现搭建在GitHub上访问容易受限,于是在腾讯云上购买了一个云服务器,并折腾了一天多把网站从GitHub移植到了云服务器上。然后我又发现,Hexo博客虽然非常轻便简洁,但图片、文件上传非常麻烦,即然都购买了域名和服务器,那不如搭建一个有后台、可操作性更高的网站。这段时间同时进行了域名备案流程。

看了很多视频教程后,大致了解到四种博客网站框架,分别是Hexo、Halo、Wordpress和Typecho。后面三种都有后台,可操作性比较高。在横向对比了一番,以及测试搭建后,想着作为一个轻微强迫症,与其后期再迁移,不如直接选择最为强大的Wordpress,以免后续返工。

使用Wordpress搭建后之后,尝试了市面上主流推荐的几乎所有的免费主题,但界面上都不能让我完全满意,然后又不想直接购买付费主题,以免买了又不喜欢。就在纠结之时,发现了blocksy主题,可以完全定制页面结构,而且不需要接触任何代码,最重要的是免费版的功能就已经非常强大。于是,花了半天的时间,初步设计了页面布局,并在最近的一个月修修补补。

这期间发了一些博客分享生活,也写了一点工作学习中解决的问题。

深入——“处女座”的老毛病

Wordpress + blocksy主题搭建的网站在布局上让我非常满意,非常的简洁,但也遇到了一些问题。

最初遇到的问题有LaTeX公式显示不友好、Markdown语法的支持不友好等。对于这两个问题,我采用了Typora导出无格式HTML文件,然后复制HTML代码到编辑器中,得到了一定的解决,但页面渲染的时候,会出现格式、间距变得混乱的情况,每次都要全文检查一遍。

博客文章中总会出现代码,代码高亮在美观方便就很重要。但不知为何,Wordpress并没有一个很好用的高亮插件(可能是我没找到),尤其是在显示Fortran程序时(上古语言不配高亮吗)。

这段时间经常会在网上搜一些Wordpress和blocksy主题的视频教程,看了一圈后发现,使用Wordpress的人好像更关注商业方面的界面设计,而不怎么在乎写博客的体验。这时候我重新开始了博客框架的调研,并整理分析了这段时间来对博客网站的需求。

对我而言,写博客分享是主要目的,所以对博客框架的需求有以下几点:

  • 对Markdown语法支持友好:习惯了使用Typora做笔记,不能直接粘贴过去很难受
  • 对LaTeX语法支持友好:数学是一切科学的基石,优雅的显示公式很重要
  • 可简单的实现代码高亮:必须可以支持Fortran语法,我只是想要代码好看些
  • 可简单的实现明亮/暗黑模式切换:不能关灯的网页不是好网页
  • 布局美观、对称:说的就是你——侧边栏,文章页如果不居中,我就浑身难受,而且文章页的侧边栏除了目录都是多余的。不少主题就是因为侧边栏的可操作性太低而被我嫌弃

即然明确了需求,框架的选择就有了标准,接下来就是对各个框架进行测试以及打分评级,于是我在本地使用Halo和Typecho分别搭建了博客网站。

Wordpress毕竟使用了一个多月,也主观的打下分吧,如下:

  • Wordpress
    • Markdown语法支持:1分
    • LaTex语法支持:2分
    • 代码高亮:2分
    • 明亮/暗黑模式:3分
    • 布局美观、对称:4分

至于LaTeX插件提供的短代码,我是不可能用的,Typora不支持的东西没有任何价值。

Halo博客是一个新兴的博客框架,基于Java开发,我测试的是当前最新版2.5.2,由于他们的开发团队非常活跃,所以天然有一个很不错的印象。经过我的测试,主观评分如下:

  • Halo博客
    • Markdown语法支持:5分
    • LaTex语法支持:5分
    • 代码高亮:5分
    • 明亮/暗黑模式:3分
    • 布局美观、对称:2分

后两项其实是由主题决定的,但Halo 2.0可供选择的主题非常少,而且个个都不能让我满意,谁让我是处女座呢。

Typecho在2017年更新了1.1版本,2022年才更新1.2版本,这个更新频率让我对其产生了天然的坏印象。但Halo已经在我这里倒了,网上对Typecho的评价还都挺高,就也测试了下。测试后,我的主观评分如下:

  • Typecho
    • Markdown语法支持:5分
    • LaTex语法支持:5分
    • 代码高亮:5分
    • 明亮/暗黑模式:5分
    • 布局美观、对称:4分

这个评分有大的原因是joe主题的加持,测试结果出奇的好。对于最后一项,本来评分只有2分,但joe主题是完全开源免费的,可操作空间非常大。比如我不喜欢侧边栏有作者信息、文章页有除目录以外的侧边栏内容、评论区的存在等等,都可以直接去源代码删除相应的内容或修改。最重要的是,我想要的内容基本都有,删代码比写代码容易多了。

最终我确定了使用Typecho + joe主题搭建博客,然后在迁移数据的时候,发现WordpressToTypecho插件是官方不知道多少年前发布的,官方写着仅支持Wordpress 2.7版本,而现在是6.2版本,测试了下非常不好用。emmm,幸亏我的博客文章还不多,一条条搬吧。

总结

折腾了许久,终是找到了一个比较满意的博客框架和主题,值得记录一下。

0

评论 (0)

昵称
邮箱
网址
取消