Typecho博客主题:Salome – 极简风格 专注写作

Typecho博客主题:Salome - 极简风格 专注写作

主题简介

Salome是一款极简风格的Typecho博客主题,专注于写作,排除多余干扰,优化文字显示。据该主题作者说此主题编码工作是由 ChatGPT提供技术支持的。

Typecho博客主题:Salome - 极简风格 专注写作

使用方式

  • 下载将文件夹名修改为 Salome
  • 将 Salome 文件夹放到 typecho/usr/themes,在后台页面-控制台-外观启用。

功能使用

  1. 启用归档:后台页面 -> 管理 -> 独立页面 -> 新建页面 -> [自定义模板]选择:archive -> 发布页面
  2. 首页图标:进入 Font Awesome 选择图标 -> 复制图标代码(如fa fa-facebook) -> 在 header.php内替换
  3. 浏览器图标(favicon.ico):制作 32 X 32 .ico 格式的图片,在 /images 文件夹里替换,apple-touch-icon.png(180 X 180) 同理。
  4. RSS:在你的完整网址后加上 /feed 即可。例如:https://example.com/feed。 header.php 里替换自己的网址。
  5. 代码高亮:Ver:0.2.0 版已移除代码高亮,可以自行使用 prismjs 实现。注意在 prism.css 里需对[背景色]或[其他]使用 !important 声明,否则颜色有错误。
  6. 数学公式:语法可以参考 这篇博文
  7. 黑暗模式:界面和图片可以正常显示,若特定界面颜色有反转,可在 style.css 添加颜色再次反转,例子如下。
@media (prefers-color-scheme: dark) {    html {        filter: invert(90%) hue-rotate(180deg);    }    img, video, svg, div[class*="language-"] {        filter: invert(110%) hue-rotate(180deg);        opacity: .8;    }    # 嵌入 Youtube 视频颜色修正    .iframe{        filter: invert(1) hue-rotate(180deg);         opacity: .8;    }}
  1. 嵌入YouTube:如果直接粘贴嵌入代码,视频宽度和高度不能自适应屏幕,可使用以下方法修正。
1. YouTube 视频界面 -> 分享 -> 嵌入 -> 复制代码<iframe width="560" height="315" src="https://www.youtube.com/embed/4pIJluV19HY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>2. 删除代码内的宽高参数<iframe src="https://www.youtube.com/embed/4pIJluV19HY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>3. 添加 div 包裹<div class="iframe"><iframe src="https://www.youtube.com/embed/4pIJluV19HY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>4. 将内容粘贴到文章页面即可

更新记录

  • 2023.09.06 Ver:0.2.1 Bug Fix
  • 2023.08.14 Ver:0.2.0 全面圆角化/黑暗模式/响应式设计/数学公式/归档样式/视觉优化/代码优化
  • 2023.05.25 Ver:0.1.2 新增代码高亮显示
  • 2023.05.20 Ver:0.1.1 更新 Markdown 标题行间距
  • 2023.04.27 Ver:0.1.0 初始版本
下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 赞助以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即赞助 赞助以后下载立即赞助 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
Typecho

Typecho博客主题:Jblog - 素色简洁列表主题

2024-8-18 17:04:43

Typecho

Typecho博客主题 :Waxy 白蜡 - 简约自适应

2024-8-18 17:10:55

购物车
优惠劵
有新私信 私信列表
搜索