杂话铺子装修日志

更换到WordPress平台并启用Argon主题。

现已加入WordPress大家庭!

homepage


原因

Mirages这个主题用了好久了,有点产生了厌倦。无疑Typecho平台上还有很多优秀的主题,但是我想,换不如就换个大的,所以直接把Typecho也给换掉了。

说起来现在大家不都是逐渐轻量化、静态化吗,我这是逆其道而行之了。

切换后选用了Argon主题。这一主题我曾经在杂话铺子的阁楼上用过,功能丰富,自定义选项繁多,所以这次依然采用了这个主题。

也考虑过使用Sakura这个主题,这是在我刚建立博客的时候用过的主题,但还是更喜欢Argon一点。


迁移

迁移的过程就十分麻烦了。

在Typecho上使用TypExport这个插件,它能够将Typecho中的文章、页面、分类、标签、评论转化成WordPress支持的.WXR文件。借助WordPress导入工具,可以轻松的将博客主题内容迁移至WordPress平台。

这一工作简单地完成了,但显然,这样做并不能还原我在Typecho上的方方面面,所以后续进行了大量的工作来还原以前的功能。

图片

WordPress有自己的媒体管理器,图片默认上传到服务器本地储存。然而我的文件都存放在阿里云OSS上,而且对于图片文件,我今后想长期使用Chevereto图床程序托管,并不想采用WordPress的媒体库。

我使用了WPOSS插件,该插件能将WordPress的媒体库上传路径更改为OSS。不过如上文所说,我并不会使用媒体库。该插件于我最大的功能是进行OSS图片链接的处理。

在Mirages主题内,内置了图片链接处理,给图片链接自动填写参数转化成WebP格式以及压缩图片,而Argon并没有这样的功能。

在阿里云OSS控制台-数据处理-图片处理中设置想要的样式,然后把类似image/auto-orient,1/quality,q_75/format,webp的样式填入插件里即可。

WordPress的文章主图是其“特色图片”,然而特色图片的选取只能在媒体库中,没法直接使用外链。所以,我使用了Nelio Content插件来实现直接将外链设置成特色图片。

文章

我在Mirages主题中采用的文章显示方式是无摘要的,而Argon主题则会显示摘要内容。虽然它可以自动选取前面一小节文字,但是这样显然不够美观,所以我需要对每一篇文章设置摘要。好在我的产量不高,几十篇文章不用花太多时间就可以处理完。再说了,老文章根本不用写,因为没人看得见

音乐

在Typecho上我使用APlayer for Typecho | Meting来为文章和页面插入音乐,到了WordPress上就要换用别的插件。我用的是Hermix X来实现音乐的插入。插件功能基本一致,但是代码的写法却大相径庭。无奈之下,我只能一个个文章排查是否插入了音乐,然后进行修改。对于音乐平台上没有资源的本地音乐,还需要手动添加到Hermit X的音乐库中,才能在文章和页面中插入。

Hermit X音乐库

表情

Mirages使用OωO表情,并可以制作表情包添加进去。配置文件的格式是这个样子

{
  "type": "usr",
  "name": "2233",
  "displayName": "2233娘",
  "suffix": ".png",
  "retinaSuffix": ".png",
  "imgClass": "medium",
  "container": [
    {
      "icon": "saigao",
      "text": "第一"
    },
    {
      "icon": "wuyu",
      "text": "无语"
    }
  ]
}

我在Mirages中添加了表情包,并在评论中被使用,所以我需要在Argon中添加同样的表情,来确保之前的表情能被正确解析。

然而Argon添加表情的方式与Mirages大相径庭,使用 argon_emotion_list filter 来应用自定义的评论表情列表。

参照主题文档,重新修改了表情的配置文件,写成WordPress插件的形式并启用。

<?php
/*
Plugin Name: Argon表情包
Description: 为Argon主题添加多个表情包
Version: 1.0
*/
    function add_more_emotions($emotionList){
        array_push(
            $emotionList,
            array(
                'groupname' => '2233娘', 
                'list' => array(
                    array('type' => 'sticker', 'code' => ':2233:saigao:', 'src' => $GLOBALS['assets_path'] . '/stickers/2233/saigao.png'),
                    array('type' => 'sticker', 'code' => ':2233:wuyu:', 'src' => $GLOBALS['assets_path'] . '/stickers/2233/wuyu.png'),
                ),
            ),
        );
        return $emotionList;
    }
    add_filter('argon_emotion_list' , 'add_more_emotions');
?>

值得注意的是,Mirages中输出表情的代码是::表情包名:表情名::,而Argon输出表情的代码是:表情名:。所以,直接在配置文件中将表情名更改为:表情包名:表情名:,可以与原来Mirages主题下评论中的表情代码保持一致,从而省去了去评论中修改的麻烦。此外,这样写还能避免不同表情包中有相同名称的表情产生混淆,输出错误。


stickers
原来Mirages还自带泡泡这一表情包,但是我感觉它不好看。虽然曾经在多条评论中被使用,我也决定放弃对它的支持。好在是泡泡这个表情包的代码是@(表情)这样的形式,即使不添加,得益于其汉字描述准确清晰,并不影响整体的阅读和理解。(比我那中日英三国语言混用的表情名称优雅多了)

CDN

Mirages主题中可以在主题设置中填写你的CDN链接,从而为主题启用CDN。Argon内置了jsdelivr作为主题的CDN,我本可以直接在主题设置中启用,但是其jsdelivr用的是原版Argon的源,而我的Argon中额外添加了表情,所以使用了自带的CDN后不能加载新添加的表情。

去主题的functions.php中,将jsdelivr链接修改成自己的CDN链接,并在主题设置中启用jsdelivr作为CDN的选项即可。

友情链接

Typecho上每个主题对于友情链接的写法大都不太一样,而WordPress上可以用自带的链接库,在其中添加,然后用Argon主题的一句简单的代码在页面上输出即可。

Argon主题的友链可以显示Bio,所以我为每一个友情链接都添加了Bio。Bio的来源是曾经在杂话铺子申请友链时候提供的话,没提供的我就只能去其他人的博客上找啦。实在是找不到的,我添加了「这是一条由杂话铺子自主分发的原装介绍(逃)」这样一句话。如果有需要的话可以在评论中告知我替换。

我给友链列表设置了乱序输出,所以每一次刷新的顺序都不同,这下真的是“排名不分先后”啦。

其他

剩下的就是一些杂七杂八的配置了。启用评论邮件提醒、使用Markdown编辑器,以及主题的乱七八糟的设置。目前F12控制台会报错,猜测是某插件导致的兼容性问题,貌似不影响正常的使用和浏览,我也就懒得去排查了。

本来依旧像采用衬线体,但是尝试过后,衬线体的浏览体验在Argon主题下并没有无衬线体好,达不到Mirages中的效果,于是就没有使用。


结语

费了一番周折,完成了这次杂话铺子的搬家和装修。

本以为这次装修是十分安静的,但是直到昨天晚上mikusa提醒我,他的RSS收到好多条消息,我才想到换完主题RSS也刷新了这回事。

对订阅了杂话铺子RSS的小伙伴,说声对不起,产生了好多重复的文章,打扰到大家了<(_ _)>

旧站的样式依然保留,地址在杂话铺子旧址上,怀念的小伙伴可以去看看(怎么感觉只有我自己会)

目前看来,搬家和装修已经基本完成了,达到了之前Mirages主题的状态。如果在某些地方发现了奇奇怪怪的bug,还请在评论区中指出。不过我会不会修又是另外一回事了

这次竟然写出来像是Yearly Issue一样的东西了(逃


文章主图:さすも次郎ー夏の影

评论

  1. Meteor
    4周前
    2021-8-26 13:21:22

    一年前刚从wp转到ty

    • 桜庭夜 博主
      4周前
      2021-8-26 11:36:26

      啊,刚才瞎折腾没备份数据库给网站回了一下档,导致有三条评论消失了!
      抱歉抱歉抱歉!∠( ᐛ 」∠)_

    • 4周前
      2021-8-26 2:31:41

      Yearly Issue好耶! (虽然感觉还是Annual Issue比较顺口

      其实也没收到多少条RSS推送,只是看到最近的一篇和“欢迎使用WordPress”。点进来一看发现换平台了XD

    • 4周前
      2021-8-25 22:01:57

      欢迎加入WP家族|´・ω・)ノ

      虽然静态博客确实挺香的,但果然还是更喜欢方便各种折腾的博客平台~

    • 4周前
      2021-8-25 18:38:36

      wordpress自带的那个音频插入其实蛮好的,模样也简洁漂亮,只要插入音乐的源地址就可以了

      • 桜庭夜 博主
        4周前
        2021-8-25 19:27:58

        用插件还是为了能够引用网易云/QQ上的歌曲,不需要本地再上传了。

        • 4周前
          2021-8-25 19:29:18

          QQ的不知道,网易云的直接用网易云那个外链代码也挺不错的~

          • 桜庭夜 博主
            4周前
            2021-8-25 19:30:26

            确实如此。我都忘了网易云自己有外链这回事∠( ᐛ 」∠)_

            • Ojhdt
              2周前
              2021-9-07 15:00:04

              相反地,我正在尽力摆脱对网易云/QQ的依赖,各种因版权问题产生的资源失效太令人糟心了。音频文件基本放在自己的服务器

            • 桜庭夜 博主
              2周前
              2021-9-08 10:43:35

              事实上我插入的音乐也有一部分是在自己的服务器上。使用网易云是图个方便,可是版权确实是个糟心的事情。热门的歌曲还好,冷门的音乐版权难以得到保障。我已经见证《声之形》和《京吹》的OST反复横跳很多次了,最终决定把这两OST自己保存下来。
              当然,网易云到底有没有版权也说不定呢。

    发送评论 编辑评论

    |´・ω・)ノ
    ヾ(≧∇≦*)ゝ
    (☆ω☆)
    (╯‵□′)╯︵┴─┴
     ̄﹃ ̄
    (/ω\)
    ∠( ᐛ 」∠)_
    (๑•̀ㅁ•́ฅ)
    →_→
    ୧(๑•̀⌄•́๑)૭
    ٩(ˊᗜˋ*)و
    (ノ°ο°)ノ
    (´இ皿இ`)
    ⌇●﹏●⌇
    (ฅ´ω`ฅ)
    (╯°A°)╯︵○○○
    φ( ̄∇ ̄o)
    ヾ(´・ ・`。)ノ"
    ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
    (ó﹏ò。)
    Σ(っ °Д °;)っ
    ( ,,´・ω・)ノ"(´っω・`。)
    ╮(╯▽╰)╭
    o(*////▽////*)q
    >﹏<
    ( ๑´•ω•) "(ㆆᴗㆆ)
    颜文字
    2233娘
    kumiko
    蛆音娘
    原神
    上一篇
    下一篇
    Copyright © 2017-2021 桜庭夜 | 杂话铺子
    Theme Argon