标签: 评论系统

  • 汇总整理下本站所有使用的WordPress插件-精选WP博客插件推荐

    汇总整理下本站所有使用的WordPress插件-精选WP博客插件推荐

    网站到目前为止应该不会再有大的变动了,为了后续其他网站也有类似需求,故此,整理下本站在使用的所有插件。

    本站所有样式、页面、文章内容、侧边栏等等都是基于古登堡块。因此,轻松地:

    由于发现很多古登堡的块/样式插件使用时都会出现类似样式丢失的情况,而多次刷新后又恢复正常,反反复复,不厌其烦,因此,本鱼直接抛弃了所有的古登堡区块插件,转而使用wordpress内置区块编辑器完成所有的一切样式。但部分不影响主功能的古登堡插件保留了下来。

    插件下载地址:

    后台设置图:

    二、Bookmark Card

    这是一款将外链嵌入文章变成卡片式/列表样式风格的美化插件,兼容Anylink插件,本站没有使用这个插件,此处仅为收藏。该插件也有2年没有更新了。

    样图:

    三、Cachify

    用于做下网站基础的缓存,连接服务器的memcached使用。可以方便的完成缓存清除!

    后台配置图:

    设置区域,需要在nginx conf中添加的部分:

    以下是本站的nginx配置代码,含伪静态:

    location /
    {
    	 try_files $uri $uri/ /index.php?$args;
    	 error_page 404 405 = @nocache;
     
        if ( $query_string ) {
            return 405;
        }
        if ( $request_method = POST ) {
            return 405;
        }
        if ( $request_uri ~ "/wp-" ) {
            return 405;
        }
        if ( $http_cookie ~ (wp-postpass|wordpress_logged_in|comment_author)_ ) {
            return 405;
        }
    
        default_type text/html;
        add_header X-Powered-By Cachify;
        set $memcached_key $host$uri;
        memcached_pass localhost:11211;
    }
    
    rewrite /wp-admin$ $scheme://$host$uri/ permanent;
    ## GZIP
    gzip_static on;
    
    
    location @nocache {
        try_files $uri $uri/ /index.php?$args;
    }
    

    四、Code Snippets

    由于本站使用的是wordpress 默认的2024主题,因此没有地方可以用来放置部分php代码片段,因此,该插件能帮不少忙,同时能够清晰的知道那行代码是用来做什么的【手动备注】,删除修改也方便,

    免费版后台界面一览:

    五、IZ Block Editor Tooltips

    这个插件是找了好久才找到的一个插件,能够做到,快速添加tooltips,鼠标悬浮这里,你就可以看到什么叫tooltips了。强推!尤其是那些惜字如金的,有时候真的难以理解某些缩写/代号是什么意思,那使用这个插件即可,几乎没有占用。而且后台添加操作简直不要太丝滑!

    这就是所有的设置项:

    六、Prismatic

    这是一个代码高亮插件,内置了3种代码高亮方案【prissm.js/ highlight.js/ Plain Flavor】,对本鱼来说,其使用比很多代码高亮插件要简单,因此毫不犹豫地就上了。代码高亮对本站来说太有必要,还有代码复制功能,自己去集成这些总没有直接使用插件方便,快速。

    后台设置:

    七、Simply Static

    这个插件是为本站后续做纯静态化做准备,有试过 WP2STATIC ,出现了安装报错,可能是PHP版本问题,而这个插件还可以,可以生成全站链接的静态压缩包然后可以下载下来。方便地后续转移至任何一个能够托管纯静态资源的地方,如: GITEE, Serverless, Github, Cloudflare等等有太多的选择,而且几乎没有费用!

    八、TinyPNG – JPEG, PNG & WebP image compression

    一款图片压缩插件,后台简洁使用方便,压缩效果好。使用邮箱注册即可!如果有域名邮箱的话,可以注册多个,因为免费版限制每月500张图片,对于个人博客应该是足够了。

    九、USS Upyun

    wordpress图片上传UPYUN插件,搜一圈,upyun(及又拍云)可能太小众了?仅有2款插件:

    这款插件可以说是 bookmark card 插件的升级版【功能意思,非同一开发者,之间也没有关系】,做了许多自定义项。主要有:

    • 后台可设置自定义样式模板【不是特别好用以及方便设置】
    • 可点击选择下载获取到的图片/上传自定义图片作为目标网站图片
    • 可编辑网站名称/标题
    • 兼容古登堡编辑器
    • 可以放自己站的链接/站外的链接

    一些个图片:

    后台设置:

    十一、Wenprise Pinyin Slug

    自动转换 WordPress 中的中文文章别名、分类项目别名、图片文件名称为汉语拼音。

    【主要为了防止图片链接的中文编码乱码问题】

    十二、WP Sitemap Page

    通过短代码来输出网站地图,即,短代码输出站点地图。本鱼主要拿来做网站的搜索用,为后续的纯静态化做准备。放弃使用该插件了, 因为短代码有冲突,古登堡编辑器中存在与其他插件不兼容的情况。

    目前改为使用另一款插件:

    输出界面选项够用,html版本样式也不错,可以用来做后续的静态化搜索。

    关于Html的展示效果,你可以点击这里查看。

    十三、Wenprise Pinyin Slug

    一款能将URL中的中文字符转拼音的插件。旨在解决:很多图片上传时命名是用标题命名的,不使用转换直接上传的话,图片的文件名将是中文的,然后,图片链接就会是中文转编码之后的,很长而且可读性差不利于SEO,故此使用这类转换插件就可以解决这个问题。

    设置页面图:

    十四、WPOPT

    一款由果壳剥壳站长开发的wordpress优化插件,功能实用实测能有不错的优化效果,应该说,该插件并不改变站点结构,只是优化掉原wordpress中不适应中国地区使用习惯的部分选项,

    插件作者自述:

    WPOPT插件,是由本站开发的一款WordPress优化插件,能对WordPress底层功能进行优化,支持功能开关,系统加速等功能。

    目前有几十种开关可以供使用,同时,每个功能都有开关说明。将永久免费提供给广大WordPress用户使用。

    2.0版本全新发布,采用vite打包,界面采用Vue3+element-plus制作。无论是外观,还是框架功能,都是空前的强大。

    十五、简易目录(EOC(easy table of contents))

    一款精简的wordpress文章目录插件。具体效果你可以看本文章右侧边栏的文章目录区域。

  • WordPress转纯静态的简单易于实现的评论系统解决方案-Waline

    WordPress转纯静态的简单易于实现的评论系统解决方案-Waline

    之前偶然间看到有群友使用wordpress转纯静态做企业官网,并在更新时上传更新后的静态html文件至各静态服务处。觉得速度很快,而且可以完全不用担心安全问题,也能随时将静态文件丢到任意托管平台。

    遂仔细研究了一番,制作了本站的这个主题,为完全静态化做准备【ps:等服务器到期后,就转入无服务器部署,纯静态方案!】。

    而我并不希望做一个完全静态的博客,希望能跟更多网友交流,不管是了解最新趋势,还是单纯的讨论些问题,因此还要解决评论这个问题。

    搜索一番,有推荐twikoo, artalk的。但仔细翻阅后,发现与我的需求不太符:

    1. 能通过简单的js,css引入
    2. 简洁美观
    3. 数据可控
    4. 最好有用户管理
    5. 简单部署,最好不用部署

    最后找到了Waline这个项目,【配置丰富,部署简单,引入方便!】

    遂将其引入,作为本站评论的解决方案,具体可以看本站文章底部的评论框。

    以下是一些本站的配置:

    一、waline服务端的部署:

    基本参照waline官方教程一步步往下,非常简单直观。如下:

    (一)首先完成leancloud国际版的注册

    注册完成后,创建个应用,以供waline做数据库存储。

    然后点击设置,在应用凭证处查看部署waline所需的全部信息。

    【ps: 绑定自定义域名过程极慢,除了前期的绑定阶段,还有后期的证书部署阶段,建议至少留1天时间,和上传自己域名的SSL证书】

    (二)开始项目主体服务端在vercel上的部署

    请参考官方教程,然后填写相对应的环境变量,本站的一些变量参数如下:

    waline官方有对基本环境变量的解释,自行查阅。=.=上述参数不一定全有用,有些并没有实际用上。

    二、waline客户端的部署

    waline客户端引入非常简单,只需要一个绑定div和引入js即可,官方版本如下:

    <head>
      <!-- ... -->
      <link
        rel="stylesheet"
        href="https://unpkg.com/@waline/client@v3/dist/waline.css"
      />
      <!-- ... -->
    </head>
    <body>
      <!-- ... -->
      <div id="waline"></div>
      <script type="module">
        import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
    
        init({
          el: '#waline',
          serverURL: 'https://your-domain.vercel.app',
        });
      </script>
    </body>

    不建议用第三方资源库了,尤其哪些有投毒前科的,建议自托管,本身没多大的文件。

    三、waline的前端配置

    <div id="waline"></div>
      <script type="module">
        import { init } from '/waline/2.15.8/waline.js';
    
        init({
          imageUploader: false,
          el: '#waline',
          serverURL: 'https://comments.waoww.com',
        });
      </script>

    四、还有更多的一些

    waline的配套部署应该还有很多,但配置到现在这样,已经完全能够满足本站的需求了,因此后续将看情况继续添加和优化,并不断在本文继续补充。如果你有什么推荐的配置,欢迎留言评论!

    【更新补充】

    移除waline第三方静态资源库托管,转为自托管。(最近这些第三方静态库屡屡爆出投毒,除了大厂的,其他的真不敢用了,有些投毒藏得太深。)

    五、接入waline社交登陆系统

    Waline已经集成了社交登录,但是并没有默认开启,且文档资料也比较凌乱,仅在高级配置项有指向链接:

    对此本站理解不深,但最后运行起来了。就是Deploy, 绑定域名,然后添加各自平台登录的环境变量appket secret 之类。