因为本站点是运行在阿里云最便宜的虚拟主机上面的,为提高运行效率、节约成本以及学习使用相关技术。现将原有wordpress站点迁移导出部署为hexo站点。
hexo的优势:

  1. 原生使用markdown来进行文本编辑;
  2. 渲染生成静态文件后部署,省去了PHP环境和数据库环境;
  3. 基于HTML页面,无论是oss、virtualhost、virtualmachine都能快速灵活部署;
  4. 以下部署方案在Windows 10的wsl子系统上测试正常。

环境部署

  1. 部署NODE.JS
    # 使用Ubuntu Desktop 20.04 LTS环境
    sudo apt update 
    sudo apt upgrade -y
    sudo apt install -y curl git
    curl -sL https://deb.nodesource.com/setup_12.x -o nodesource_setup.sh
    chmod +x nodesource_setup.sh 
    sudo ./nodesource_setup.sh
    sudo apt udpate
    sudo apt install -y nodejs build-essential
    
    # 使用CentOS 8 环境
    sudo dnf update -y
    sudo curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash -
    chmod +x nodesource_setup.sh
    sudo ./nodesource_setup.sh
    sudo dnf install -y nodejs
    
    # 使用华为NPM镜像
    sudo npm config set registry https://repo.huaweicloud.com/repository/npm/
  2. Hexo部署
    # 升级npm
    sudo npm install npm -g
    # 安装升级hexo
    npm install hexo-cli -g
    # 初始化站点
    hexo -v
    hexo init blog
    # 生成站点
    hexo g
    hexo s
    firefox http://127.0.0.1:4000
  3. 插件安装
    # 安装蝴蝶主题
    npm install hexo-theme-butterfly --save
    # 安装sitemap插件
    npm install hexo-generator-sitemap --save
    # 安装RSS插件
    npm install hexo-generator-feed --save
    # 安装本地搜索插件
    npm install hexo-generator-searchdb --save
    # 安装wordpress迁移插件
    npm install hexo-migrator-wordpress --save
    # 安装FTP上传插件
    npm install hexo-deployer-ftpsync --save
    # 安装Git上传插件
    npm install hexo-deployer-git --save
    # 安装阿里云OSS上传插件
    npm install hexo-deployer-ali-oss --save
    # 安装主题所需插件
    npm install hexo-renderer-pug hexo-renderer-stylus --save
    # 安装字数统计插件
    npm install hexo-wordcount --save
    # 安装豆瓣插件
    npm install hexo-douban --save

配置站点

  1. 修改配置
    vim ~/blog/_config.yml
       
       # 站点信息
       # Site
       title: 灰黑化挥花悔黑
       subtitle: ''
       description: "逝者如斯夫,不舍昼夜"
       keywords: sujx
       author: grepsu
       language: en    # 支持 en,zh_TW,zh_CN
       timezone: 'Asia/shanghai'
       url: https://sujx.net
       
       # 新增功能模块
       # Extensions
       ## Plugins: https://hexo.io/plugins/
       ## Themes: https://hexo.io/themes/
       
       # 站点索引
       sitemap:
         path: sitemap.xml
       
       # RSS索引
       feed:
         type: atom
         path: atom.xml
         limit: 20
       
       # 打开本地搜索
       search:
         path: search.xml
         field: post  # 指定搜索范围,可以使用post、page、all
         format: html # 指定页面内容形式,可选 html | raw (Markdown) | excerpt | more
         limit: 10000
       
       # 指定主题
       theme: butterfly   
  2. 主题设置
    # 创建主题配置文件
    touch ~/blog/_config.butterfly.yml
    cat ~/blog/node_modules/hexo-theme-butterfly/_config.yml >> ~/blog/_config.butterfly.yml
    vim ~/blog/_config.butterfly.yml
    
    略……

创建内容

  1. 导入WP
    # wordpress站点导出所有post
    wp-admin->tools->output->givemetime.WordPress.2021-06-27.xml
    # 使用插件导入post
    hexo migrate wordpress ../givemetime.WordPress.2021-06-27.xml
  2. 新建内容
    hexo new post hellowolrd
  3. 新建页面
    hexo new page about

站点部署

  1. 多站点同步部署
    # 编辑站点配置文件,同时设置三种上传方式
    vim ~/blog/_config.yml
    
    deploy:
    - type: ali-oss # 部署在阿里云OSS上
      region: oss-cn-chengdu #bucket地域
      accessKeyId: # 访问ID
      accessKeySecret: # 访问秘钥
      bucket: # bucket名称
    - type: git #部署在Gitee上
      repo: https://gitee.com/grepsu/grepsu.git
      branch: master
    - type: git #部署在Github上
      repo: https://github.com/sujx/sujx.github.io.git
      branch: master
    - type: ftpsync
      host: ftpserver # ftp服务器地址
      user: ftpusername # ftp用户名
      pass: xxxx # 你的ftp用户密码
      remote: xxx # 你要上传到的地址,例如/wwwroot
      port: 21 # ftp端口,不同的ftp可能会不一样
      delete: true # 上传本地文件是否删除ftp中的所有文件
      verbose: true # 是否打印调试信息
      ignore_errors: false # 是否忽略错误
  2. 站点发布
    综上,使用阿里云的智能DNS,海外线路走github、电信线路走oss南方区域、万网虚拟主机走联通线路,实现一个廉价版的多区域部署。