Typecho简单配置

2025年2月10日 00:47:07

记录typecho 插件

截屏2025-02-10 13.45.19

AdsAndStats: Google analytics
https://typecho.work/archives/AdsAndStats.html
https://github.com/flyhunterl/AdsAndStats

CommentNotifier: 评论邮件通知
https://github.com/typecho-fans/plugins/tree/master/CommentNotifier

TePostViews: 主题推荐,统计查看次数
https://typecho.work/archives/TePostViews.html

Sitemap: 生成Google引索的站点地图
https://github.com/typecho-fans/plugins/tree/master/Sitemap

RunTime: 显示网站运行时间
https://github.com/ponycool/typecho-plugins/tree/master/RunTime

PageViews: 显示网站总访问量
https://github.com/ponycool/typecho-plugins/tree/master/PageViews

TagsList: 后台编辑文章时增加标签选择列表
https://github.com/ponycool/typecho-plugins/tree/master/TagsList


主题使用飞蚊话的千禧年主题
https://www.bwsl.wang/csother/140.html

自用修改

  1. 修改了header.php<head>16行左右添加了一行代码用来显示favicon。
截屏2025-02-10 13.47.01
    <link rel="shortcut icon" href="https://media.joomaen.top/favicon.ico" type="image/x-icon" />
  1. footer.php中的<footer>部分底部添加以下代码调用RunTime和PageViews
截屏2025-02-10 12.57.49
    <?php PageViews_Plugin::showPageViews(); ?>
    <?php RunTime_Plugin::show(); ?>
  1. 调整字体大小
    style.css17行的font-size设为92.5%,这个是电脑端文字大小;435行调整手机端文字大小同理:
截屏2025-02-10 13.28.13 截屏2025-02-10 13.30.48
# 17行左右
body {
  background-color: #FFF;
  color: #444;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei","Microsoft Yahei", serif;
  font-size: 92.5%;
}

# 435行左右
@media (max-width: 767px) {
  body {
    font-size: 92.5%;
  }
  #nav-menu a {
    float: none;
    display: inline-block;
    margin: 0 -2px;
  }
}

还有一种更简单粗暴的方法就是注释掉这两个地方的font-size设置,也会变得比较大

为了立刻生效,可以在header.php中将引用style.css代码后面加上?v=1.1,每次修改CSS文件后换一个代号即可直接刷新。 像这样:

截屏2025-02-10 13.27.51
    <link rel="stylesheet" href="<?php $this->options->themeUrl('style.css?v=1.1'); ?>">
  1. 主题配置
    我关掉了 首页展示最新文章文章归档 选项,我有一个专门的归档页。

这是在 设置外观-联系我 中填入,主题页面有详细解释。

憹人懌夢,https://blog.joomaen.top,,憹人懌夢
RSS,/feed,fa fa-rss,RSS

标签页面

这是我让AI结合网上的模板写的一个页面模板,新建一个页面作为标签页,应用这个模板就行。
下载php文件放在主题根目录即可。
https://media.joomaen.top/Typecho/tags.php


归档页面

也是AI生成,和标签页面外观一致。
不过原主题中已有archive.php文件了,所以我命名为archive-zyg.php
https://media.joomaen.top/Typecho/archive-zyg.php

Tags: