分类 Typecho 下的文章

写在前面

买了个虚拟主机可以设置ssl证书设置之后发现只能设置一个，开启强制https访问，一个没有证书的网站会显示证书不正确，要利用.htaccess伪静态各自设置

所以

.htaccess伪静态强制https跳转访问

根目录

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://loveyjn.ml/$1 [R,L]

子目录

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteCond %{REQUEST_URI} soft
RewriteRule ^(.*)$ https://loveyjn.ml/这里是子目录 [R,L]

如果你要设置伪静态就这样写

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://loveyjn.ml/index.php/$1 [R,L]

然后在后台设置地址重写即可

前言

比较喜欢摄影吧这能说比较自己拍的也比较烂哈哈，所以找了一独立页面放照片

演示

https://blog.hrlni.cn/index.php/26.html

项目

https://github.com/616620131/Multiverse-page-typecho

优点

流畅的运行
体验单页模板
可与主题共存
后台编辑简单
公共资源全球CDN加速
支持缩略图云处理
由HTML5UP设计前端
两种可选样式

安装

将photo-page-for-typecho文件夹内的.php文件上传至你所使用的主题根目录（可选两种模板），如默认主题路径/usr/themes/default，然后在typecho后台创建空白单页，根据你所上传的文件，将模板选择Multiverse风格照片集或Lens风格照片集。鉴于GoogleFont服务在国内完全正常使用，暂不使用第三方镜像加速。
注：你无需下载master下的所有文件，静态文件均采用了jsDelivr公共CDN加速；强烈建议使用对象存储保存照片，以便程序自动调用图片云处理功能。
[alt type="info"]只需将压缩包的php文件上传到主题的根目录，然后后台创建独立页面即可[/alt]

调用格式

picture1,2020年01月01日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture2,2020年01月02日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture3,2020年01月03日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg

插件链接

https://github.com/ylqjgm/LoveKKComment

模版

下载安装后，插件theme目录下有三个模版，自己进行修改就可以

模版变量

{card-default width="100%" label="approved.html"}{blogUrl}：博客地址
{blogName}：博客名称
{author}：评论者名称
{permalink}：文章链接
{title}：文章标题
{text}：评论内容{/card-default}
{card-default width="100%" label="author.html"}author.html内变量与approved.html内变量一致。{/card-default}
{card-default width="100%" label="reply.html"}{blogUrl}：博客地址
{blogName}：博客名称
{author}：被回复者名称
{permalink}：文章链接
{title}：文章标题
{text}：被回复者评论内容
{replyAuthor}：回复者名称
{replyText}：回复内容
{/card-default}

模版美化

演示

邮件模板

代码


 <div style="background: white;
      width: 95%;
      max-width: 800px;
      margin: auto auto;
      border-radius: 5px;
      border:orange 1px solid;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);">
        <header style="overflow: hidden;">
            <img style="width:100%;z-index: 666;" src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.4/img/other/head.jpg">
        </header>
        <div style="padding: 5px 20px;">
        <p style="position: relative;
        color: white;
        float: left;
        z-index: 999;
        background: #4e7cf2;
        padding: 5px 30px;
        margin: -25px auto 0 ;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.30)">Dear&nbsp;{author}</p>
        <br>
        <h3>您有一条来自<a style="text-decoration: none;color: #4e7cf2 " target="_blank" href="' . home_url() . '/">{blogName}</a>的回复</h3>
        <br>
        <p style="font-size: 14px;">您在文章《{title}》上发表的评论：</p>
        <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">{text}</p>
        <p style="font-size: 14px;">{replyAuthor}给您的回复如下：</p>
        <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">{replyText}</p>
      <div style="text-align: center;">
          <img src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.4/img/other/hr.png" alt="hr" style="width:100%;
                                                                                                  margin:5px auto 5px auto;
                                                                                                  display: block;">
          <a style="text-transform: uppercase;
                      text-decoration: none;
                      font-size: 14px;
                      border: 2px solid #6c7575;
                      color: #2f3333;
                      padding: 10px;
                      display: inline-block;
                      margin: 10px auto 0; " target="_blank" href="{permalink}">点击查看回复的完整內容</a>
      </div>
        <p style="font-size: 12px;text-align: center;color: #999;">本邮件为系统自动发出，请勿直接回复<br>
        &copy; {blogName}</p>
      </div>
    </div>

美化后的插件

https://hrlni.lanzous.com/ibVGWjexuij
这个评论审核通过的通知不起作用，有能力的大佬修复一下

前言

因为Typecho的字节问题，表情都是超过2字节的默认的2字节存储不了需要将数据库编码改为utf-8mb4

代码

在数据库里面执行以下代码
[alt type="warning"]请备份数据库文件[/alt]

    alter table typecho_comments convert to character set utf8mb4 collate utf8mb4_general_ci;
  alter table typecho_contents convert to character set utf8mb4 collate utf8mb4_general_ci;
  alter table typecho_fields convert to character set utf8mb4 collate utf8mb4_general_ci;
  alter table typecho_metas convert to character set utf8mb4 collate utf8mb4_general_ci;
  alter table typecho_options convert to character set utf8mb4 collate utf8mb4_general_ci;
  alter table typecho_relationships convert to character set utf8mb4 collate utf8mb4_general_ci;
  alter table typecho_users convert to character set utf8mb4 collate utf8mb4_general_ci;

网站根目录数据库配置文件config.inc.php，在60行

    'charset' => 'utf8mb4',  // 将原来的utf8修改为 utf8mb4

表情

😁

介绍

用过哔哩哔哩的朋友都知道，这个平台视频种类多，最重要的还没有广告，在自己的网站文章中插入B站视频无疑是很不错的选择了。

但是呢，直接复制B站的代码粘贴的话，手机端还可以，电脑会很小，对用户不是很友好，像这样：

修改版分享代码插入演示


修改后的分享代码已经实现了自适应，不管是电脑版还是手机版都不会出现太大或者太小，无法全屏的问题

下面是修改版的代码。

<iframe src="//player.bilibili.com/player.html?aid=457514397&bvid=BV1c5411L79v&cid=250662580&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<script type="text/javascript">  
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>

将你要分享的视频里面的aid=后面都需要更改你可以先分享拿到iframe代码里面会有完整的地址，将其替换即可。
[alt type="warning"]请将js代码放到合适的位置[/alt]

我是放在我主题自定义js代码里面的，不需要添加script标签
如果你的一个文章里需要多个bilibili视频的话请添加多个js代码并将spkjid更改为spkj,spkj1,spkj2依此类推，记得iframe标签里面的spkj也需要更改

  1. 1
  2. 2