博客在使用网站评估的时候发现很多js，css等内容有太多的比例都没有完全用上，但是又不知道如何高效的合并删减js，css等内容。又想试着静态博客的意愿，就想着直接迁移到新的完全静态的博客系统了，这里我选择了hugo作为新的系统。

主要步骤

  • 下载安装WordPress to Hugo Exporter插件并导出博客内容
  • 安装hugo静态博客生成程序
  • 修改配置文件
  • 生成全新静态博客网站
  • 修改dns，网站路径等其他操作，audit评价网页

下载安装WordPress to Hugo Exporter插件并导出博客内容

登陆博客所在服务器并进入博客所在目录

cd wp-content/plugins/
git clone https://github.com/SchumacherFM/wordpress-to-hugo-exporter.git
cd wordpress-to-hugo-exporter
php hugo-export-cli.php
mv /tmp/wp-hugo.zip   ../../../

generate_hugo_file

可以看到/tmp/wp-hugo.zip文件已经生成在博客根目录。保存下来。

安装hugo静态博客生成程序

推荐直接下载二进制包的方式安装，如果使用go安装的话没有1个小时是安装不完的，太慢了。 直接进入[hugo release](https://github.com/gohugoio/hugo/releases） 下载自己对应系统的二进制文件就可以了。这里以centos64为例

wget https://github.com/gohugoio/hugo/releases/download/v0.58.1/hugo_0.58.1_Linux-64bit.tar.gz
tar zxvf hugo_0.58.1_Linux-64bit.tar.gz
mv hugo /bin

修改配置文件

首先创建站点,安装主题，移动前面wordpress导出的文件到content文件夹下

hugo new site /www/wwwroot/bobobk.com
mv wp-hugo.zip /www/wwwroot/bobobk.com/content
cd  /www/wwwroot/bobobk.com/themes
git clone https://github.com/rujews/maupassant-hugo.git
cd ../
vi config.toml

我的配置文件给大家做参考

baseURL = "https://www.bobobk.com"
languageCode = "zh-cn"
title = "春江暮客"
hasCJKLanguage = true   # 中日韩语言支持
theme = "maupassant-hugo"   # 主题名称，与themes目录下名称一致
enableRobotsTXT = true  # 爬虫支持
PaginatePath = "page"  # 分页
summaryLength = 140   # 摘要显示字数
googleAnalytics = "UA-118758668-3"

[author]
    name = "春江暮客"

[params]
    subtitle = "一个python学习者的个人网站"
    description = "python技巧，学习心得及其他相关内容分享网站,包括python基础应用，机器学习，深度学习，爬虫以及其他linux服务器相关内容"   # 在页面meta属性里
    keywords = "python,linux,vps,服务器,机器学习,深度学习等内容"   # 在页面meta属性里
    toc = true  # 支持文章大纲
    #busuanzi = true
    registerInfo = "沪ICP备18042563号-1"
    related = true
    googleAd = "ca-pub-3250570391881200"


[[menu.main]]    # 菜单栏，这里是关于页
    identifier = "archives"
    name = "存档"
    url = "/archives/"
    weight = 3
[[menu.main]]    # 菜单栏，这里是关于页
    identifier = "about"
    name = "关于"
    url = "/about/"
    weight = 4
[params.cc]
    name = "知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议"
    link = "https://creativecommons.org/licenses/by-nc-nd/4.0/"

详细配置说明可参考主题github页面，我这里主要添加存档，关于以及google 统计，google广告。

生成全新静态博客网站

配置文件写好，wordpress导出的文件放到content下后就可以使用hugo生成全静态网站了。

hugo

这时可以发现文件夹下多了个public的文件夹，这就是静态博客所需要的全部文件了，修改网站将根目录指向此目录即可。

修改dns，网站路径等其他操作

如果使用的是同一台电脑就不用修改dns了，否则就把网站指向新ip了。由于是纯静态网站，当然也可以直接使用github托管，都不需要有公网的服务器就可以。 在博客迁移之后，可以发现迁移到hugo静态博客的好处:

  • 二进制hugo程序安装简单方便
  • 支持markdown，写博客相当轻松
  • 网站纯静态，反应速度快，渲染时间短，显著降低服务器开销
  • 完全保留wordpress当中的url不变，tag不变，分类不变
  • 有利于seo
  • 安全，由于纯静态网站，没什么安全问题

在迁移完成后，使用chrome的工具测试下网页表现

hugo_performance_desktop hugo_performance_mobile

可以看到无论是在电脑上面还是手机终端表现堪称完美~~