从WordPress转到Hugo

laoliu

02 Nov 2023 — 2 min read

在cloudcone上买的VPS马上就要到期了，由于去年买的是黑五预售，比正经黑五的机子要贵20来块钱，而且配置还要低一些。所以，续费是不能续费的了。原本打算在荷兰的liteserver这个上面暂时放一段时间。这是一台2c2g的机子，装完php、MySQL、和Nginx之后，只要运行一段时间，内存就基本上爆了。再加上最近lnmp和oneinstack都被收购而且被挂恶意代码，也不想用宝塔之类的面板，自己编译环境又很麻烦。于是，就产生了转成静态博客的想法。在这里也要感谢阿甘和韩宇的帮助。

原本以为很复杂，其实操作下来发现也是挺简单的。

首先，WordPress的文章转换成md文件

这里有大佬已经整好了，我是使用的插件的形式。在WordPress的插件目录wp-content/plugins/下，直接克隆WordPress to Hugo Exporter的源码。

$ git clone https://github.com/SchumacherFM/wordpress-to-hugo-exporter.git

然后进到网站的后台，在插件里启用这个插件。在工具里，点Export to Hugo。会下载一个压缩包，这个压缩包就是你网站的文章转换成的md文件。这个插件很好用，能保留网站原来的目录，换成Hugo后，搜索引擎的收录不会受到影响。

第二步，安装Hugo

我是用的系统是Ubuntu22.04，所以直接安装就好了。

sudo snap install hugo hugo new site youweb

然后进入到你的网站文件夹，找一个喜欢的主题。一般主题都会有使用的方法，按照使用方法安装即可。另外主题里面也都会有网站设置的样板，把样板文件hugo.yml放到网站的根目录，按照自己网站的域名啥的设置一下。

安装设置完成后，把你下载的文件，md文件copy到content这个文件夹，图片之类的放到static。然后

hugo server

打开浏览器，localhost：1313，文章是不是显示出来了？

第三，生成HTML文件，并上传

使用代码

hugo

然后把public这个文件夹的内容传到你的虚拟主机、VPS或者GitHub，Cloudflare page等，再绑定域名就可以了。至于如何操作，网上的教程大把的，直接参考就行了。

测试一下代码高亮

代码：

<link href="/artalk/Artalk.css" rel="stylesheet"><script src="/artalk/Artalk.js"></script> <div id="Comments"></div> <script> Artalk.init({ el: '#Comments', pageKey: '{{ .Permalink }}', pageTitle: '{{ .Title }}', server: '{{ $.Site.Params.artalk.server }}', site: '{{ $.Site.Params.artalk.site }}', // ...你的其他配置 }) </script>