Farallon - 又一款Typecho Theme

2485 次浏览
109 评论

 本文共计2083字,预计需要花费 3分钟才能阅读完成。

AI摘要:Farallon是一款移植自`hugo-theme-farallon`的Typecho主题,支持多种自定义功能,如观影页面、友情链接、说说页面等。主题通过Markdown语法实现好物页面的数据获取,并优化了复制链接方式。更新内容包括增加图片灯箱、删除QQ评论通知、显示评论者IP信息等。主题适用于多种插件和API,如豆瓣、Neodb、Memos和Mastodon。
注意

说明

这是我移植的第一款主题

来自hugo-theme-farallon

主题开发环境php8.3 + sqlite + nginx

预览

预览

更新

2025.6.4 0.7.2
主题增加了友好时间显示的选项{默认超过一年显示Y-M-D}

2025.3.26 0.7.1

两种翻页加载方式

主题设置 travel mid 展示 https://blog.imsun.org/category/photos/ 样式
设置 memos mid 展示 https://blog.imsun.org/category/default/ 样式

首页列表 说说和 图文 根据后台设置的分类mid 混合展示

删除了添加第三方评论的功能

增加了编辑页面的自定义字段的说明

2025.3.18

更改版本号为0.7.0

修改了好物页面的获取方式,使用Markdown语法表格数据获取

以下为示例

| 图片链接 | 商品名称 | 价格 | 商品链接 | 推荐理由 |
|---------|---------|------|----------|----------|
| https://example.com/ | 商品A | ¥99 | https://example.com/product1 | 这是一个很好的产品 |
| https://example.com/ | 商品B | ¥199 | https://example.com/product2 | 非常推荐购买 |

表格的内容不可缺少

优化了复制链接的方式

说说页面统一使用lightbox2

2025.3.15
增加图片灯箱
删除QQ评论通知
删除显示评论归属地

2024.12.25

使用API查询来获取IP归属地
根据等级设置名字颜色,鼠标悬停在昵称时显示等级,在头像显示评论数

2024.12.12

给评论区加上身份等级
显示留言者的IP信息

删除归档中的字数统计

把豆瓣的设置移到了自定义页面,使用自定义字段设置

使用指南

观影页面说明

by 豆瓣

参照Docker 自动同步豆瓣书影音记录部署

使用自定义字段设置douban 默认为https://db.imsun.org

https://blog.imsun.org/movies

by Neodb 0.6.3新增

参照

## 前言使用 neodb.social 的API算是多一种选择.豆瓣数据的获取还是不太方便## 获取neodb的token使用mastodon账号登录 https://neodb.social/ 在...

获得获取neodb API
使用自定义字段设置neodb 默认为https://neodb.imsun.org

https://blog.imsun.org/neodb

友情链接说明

使用此模板功能必须使用links 插件
https://blog.imsun.org/links

可使用 寒泥 大佬制作的版本或者其他版本

说说页面说明

by memos

Memos请自行部署
https://blog.imsun.org/memos/
利用memos实现动态获取说说,仅支持memos v0.20.0以下版本
使用自定义字段设置memos
在自定义字段中填入memos值为memos地址,不带/
在自定义字段中填入memosID默认值为1, 当您的ID 不为1时 需要设置
在自定义字段中填入memosnum默认值为20,默认获取20条最近的memo

by mastodon

https://blog.imsun.org/talks/
支持mastodon gts pleroma
根据

[article id="1643"]根据 Cloudflare Workers 获取API 拉取的时候有些慢,所以使用php 获取到json 数据并保存在本地,通过计划任务定时生成.```php``...

或者
## 使用API创建一个应用 ```curl -X POST 'https://your.instance.url/api/v1/apps' \ -H 'Content-Type:applica...

获得API地址
在自定义字段中填入tooot值为Mastodon API 地址 例如 https://blog.imsun.org/toot.json

标签页面

https://blog.imsun.org/tags/

分类页面

分类图片按照mid.jpg的格式存放在对应的目录中
然后填入相对的url
https://blog.imsun.org/category/

归档页面

https://blog.imsun.org/archives/

首页摘要

优先获取自定义字段summary,其次显示默认字数摘要

好物页面

基于memos
https://blog.imsun.org/goods
在自定义字段中填入memos值为memos地址
在自定义字段中填入memosID默认值为1,不为1时才需要设置
在自定义字段中填入memostag默认值为好物,不为好物时才需要设置

在0.7.0版本移除了以上方式,改用markdown语法实现.

下载地址

https://github.com/jkjoy/typecho-theme-farallon/releases

正文完
 11
评论(109 条评论)
  1. 兴起百年 初见 LV.1
    13天前

    这个主题不错,好看!
    收藏 起来,下次想更换主题的时候,我一定要尝试一下

      Windows   Chrome  日本
    1. 老孙 博主
      13天前
      @兴起百年

      谢谢~

        Windows   Chrome  美国科进
  2. Oki 初识 LV.2
    18天前

    老孙,我重装了,然后提示这个报错。
    Warning: imagewebp(/www/wwwroot/okiblog/usr/cache/covers/700a86404beabad8d4ca8dd0ed40e993.webp): failed to open stream: No such file or directory in

    方便的话可以查看 blog.okii.cn

      Windows   Chrome  江苏省苏州市电信
    1. 老孙 博主
      18天前
      @Oki

      这个是因为需要 赋予 usr 目录写入权限 最好设置为0755 用户组和用户为www 缩略图才能正常生成

        Windows   Chrome  美国加利福尼亚
  3. Oki 初识 LV.2
    21天前

    老孙,您好!
    启动主题,提示这个报错:
    Warning: Constant TYPECHO_GRAVATAR_PREFIX already defined in /www/wwwroot/blog/usr/themes/farallon/functions.php on line 164

      Windows   Chrome  江苏省苏州市电信
    1. 老孙 博主
      21天前
      @Oki

      你好 你使用的是哪个版本的呢 你是否在config中配置过__TYPECHO_GRAVATAR_PREFIX__

        Windows   Chrome  美国加利福尼亚
      1. Oki 初识 LV.2
        21天前
        @老孙

        你好,是1.2.1,没有配置过

          Windows   Chrome  江苏省苏州市电信
        1. 老孙 博主
          21天前
          @Oki

          你如果没有定义 过这个变量那么就是与某个插件冲突了

            Windows   Chrome  美国加利福尼亚
        2. Oki 初识 LV.2
          21天前
          @Oki

          我查了下是这个:define('__TYPECHO_GRAVATAR_PREFIX__', 'https://cravatar.cn/avatar/');

            Windows   Chrome  江苏省苏州市电信
          1. 老孙 博主
            21天前
            @Oki

            这个报错就是因为重复定义了'__TYPECHO_GRAVATAR_PREFIX__'这个变量
            建议修改为

            if (!defined('TYPECHO_GRAVATAR_PREFIX')) {
                define('TYPECHO_GRAVATAR_PREFIX', 'https://cn.cravatar.com/avatar/');
            }
              Windows   Chrome  美国加利福尼亚
        3. 老孙 博主
          21天前
          @Oki

          那就看你使用的插件中是否有修复头像 GRAVATAR 加速之类的

            Windows   Chrome  美国加利福尼亚
          1. Oki 初识 LV.2
            21天前
            @老孙

            我把那段删掉了,可以启用,但是访问又提示网址为 https://okoki.cn/ 的网页可能暂时无法连接,或者它已永久性地移动到了新网址。

              Windows   Chrome  江苏省苏州市电信
            1. 老孙 博主
              21天前
              @Oki

              这个错误貌似是web服务器端的错误 不是很懂

                Windows   Chrome  美国加利福尼亚
  4. 说点什么 初见 LV.1
    7月前

    AI抠下来改一改(主题简洁,点赞)

      Mac OS   Edge  陕西省西安市电信
    1. 老孙 博主
      6月前
      @说点什么

      谢谢 :shock: :shock:

        Windows   Chrome  IPv6
  5. 绪风 初识 LV.2
    7月前

    移植的挺完善呀

      Windows   Chrome  广东省广州市电信
    1. 老孙 博主
      7月前
      @绪风

      谢谢 😎😎😎

        Windows   Chrome  IPv6
  6. Meteor 相识 LV.3
    7月前

    发现了一个小问题,评论区已经填写链接的评论名称点击后不能跳转到对应的博客地址而是出现tips,个人觉得tips可以直接放在名称后面恢复名称跳转主页的超链接

      Windows   Chrome  辽宁省大连市移动
    1. 老孙 博主
      7月前
      @Meteor

      个人链接放在头像上了,点击头像就可以了

        Windows   Chrome  摩尔多瓦
      1. Meteor 相识 LV.3
        7月前
        @老孙

        擦 没有头像啊,用的默认的接口和其他接口评论也不现实头像f12的div没有img标签都

          Android   Chrome  IPv6
        1. 老孙 博主
          7月前
          @Meteor

          那看你用的是否是最新的版本,是否有改动了.

          演示站 https://blog.imsun.org

            Windows   Chrome  摩尔多瓦
          1. Meteor 相识 LV.3
            7月前
            @老孙

            知道原因了,网站设置的评论设置的g头像显示没开,之前使用其他主题这里也是一直关闭的,应该是使用了判断了吧

              Android   Chrome  IPv6
          2. Meteor 相识 LV.3
            7月前
            @老孙

            是最新版就是上次更新完时间友好化的版本,而且现在演示站的评论框一点击就提示复制成功不能评论

              Android   Chrome  IPv6
            1. 老孙 博主
              7月前
              @Meteor

              我一直没注意看,是类名相同造成的,谢谢反馈.马上更新

                Windows   Chrome  摩尔多瓦
  7. 耳朵的主人 初识 LV.2
    7月前

    一直感觉Typecho的主题简洁大方,挺喜欢的,想把wordpress转过来,但是一大堆自定义的内容不知道咋搞。

      Windows   Chrome  日本
    1. 老孙 博主
      7月前
      @耳朵的主人

      如果自己用的话,自定义等于已定义.
      按自己想要的样子去移植就好了.
      我是因为无法忍受wordpress的辣鸡编辑器才用法typecho的.
      但是typecho的文件管理有点太简陋了.

        Windows   Chrome  美国加利福尼亚
      1. 耳朵的主人 初识 LV.2
        7月前
        @老孙

        我站的分类栏目较多,文章样式也不同,还有一些播放器啥的自定义栏目,一想到要重新搞,头就嗡嗡的。

          Windows   Chrome  日本
  8. Meteor 相识 LV.3
    7月前

    主题非常棒,能否考虑将时间友好化加入进去,原wp主题这个功能让首页变得很简洁现在有点挤

      Android   Chrome  辽宁省大连市移动
    1. 老孙 博主
      7月前
      @Meteor

      已更新....

        Windows   Chrome  美国加利福尼亚
      1. Meteor 相识 LV.3
        7月前
        @老孙

        现在页码模式那个首页的翻页第二页加载速度还好,第三页开始点击后加载非常慢,控制台报错一个什么变量undefined

          Android   Chrome  辽宁省大连市移动
        1. 老孙 博主
          7月前
          @Meteor

          我这边没有遇到这个问题,你把你网址贴出来我看看

            Windows   Chrome  美国加利福尼亚
          1. Meteor 相识 LV.3
            7月前
            @老孙

            昨天晚上是我手机电脑浏览器都有这个问题,今天发现手机端快了

              Android   Chrome  IPv6
            1. 老孙 博主
              7月前
              @Meteor

              报错应该是与你使用的atuophotos的插件有关

                Windows   Chrome  美国加利福尼亚
              1. Meteor 相识 LV.3
                7月前
                @老孙

                okok感谢,我排查一下

                  Android   Chrome  辽宁省大连市移动
            2. 老孙 博主
              7月前
              @Meteor

              我看了一下是你使用的js的问题哦~

                Windows   Chrome  美国加利福尼亚
          2. Meteor 相识 LV.3
            7月前
            @老孙

            这是我的博客windy.ink

              Android   Chrome  IPv6
      2. Meteor 相识 LV.3
        7月前
        @老孙

        刚刚看到评论,太给力啦

          Android   Chrome  辽宁省大连市移动
    2. 老孙 博主
      7月前
      @Meteor

      当然可以.晚点加上

        Windows   Chrome  美国加利福尼亚
  9. S 初见 LV.1
    7月前

    大发主题,必属精品。

      Mac OS   Edge  江苏省无锡市移动
    1. 老孙 博主
      7月前
      @S

      大家都这么觉得,那就是真的好😂

        Windows   Chrome  美国加利福尼亚
  10. 雅余 初见 LV.1
    7月前

    大发兄的主题呀,挺简洁的

      Mac OS   Edge  IPv6
    1. 老孙 博主
      7月前
      @雅余

      没错没错,简洁美观

        Windows   Chrome  摩尔多瓦
  11. 网友小宋 初识 LV.2
    7月前

    真好,先收藏

      Windows   Edge  IPv6
    1. 老孙 博主
      7月前
      @网友小宋

      谢谢大佬!!❤️

        Windows   Chrome  IPv6
  12. 小黎 初见 LV.1
    8月前

    支持一下老孙,我也想搞一个主题定制,只是不会。

      Windows   Chrome  海南省海口市电信
    1. 老孙 博主
      8月前
      @小黎

      其实不难

        Windows   Chrome  美国加利福尼亚
  13. 情感合盘 初识 LV.2
    9月前

    博主这个单栏主题好赞

      Windows   Chrome  IPv6
  14. 寻鹤 初识 LV.2
    10月前

    真好!用腻了,就可以换换哈哈。

      Windows   Edge  广西南宁市联通
    1. 老孙 博主
      10月前
      @寻鹤

      欢迎~

        Windows   Chrome  美国加利福尼亚
  15. maqingxi 初见 LV.1
    2025-01-07 03:04:11

    我是用过bigfa的豆瓣影音插件,非常棒的。

      Windows   Chrome  新加坡亚马逊
    1. 老孙 博主
      2025-01-07 03:08:59
      @maqingxi

      我的这个影音页面也是直接移植的.

        Windows   Chrome  摩尔多瓦
  16. zephyr 初识 LV.2
    2024-12-01 14:47:09

    你好,问一下,博客的统计和关于页面类似GitHub活跃图样式怎么实现的?🥲

      Windows   Chrome  美国加利福尼亚圣何塞
    1. 老孙 博主
      2024-12-02 00:16:52
      @zephyr

      热力图的话你可以直接F12查看,
      是使用 html+js 代码实现

        Windows   Chrome  加拿大安大略多伦多Telus
      1. zephyr 初识 LV.2
        2024-12-02 18:01:06
        @老孙

        可以为表格和行内代码做些许样式适配吗,尤其是表格,现在表格显示全部靠左挤在一起,而且没有线条分割,而且markdown写成居中也无法正确显示。行内代码显示”不清晰“,字体太过细长,可以稍微加粗放大处理吗?

          Windows   Chrome  美国
    2. 老孙 博主
      2024-12-02 00:15:30
      @zephyr

      统计的话在最新的版本我已经移除了

      可以到 github 下载 .

      https://github.com/jkjoy/typecho-theme-farallon/releases/tag/0.6.1

        Windows   Chrome  加拿大安大略多伦多Telus
    3. zephyr 初识 LV.2
      2024-12-01 17:05:35
      @zephyr

      顺便能优化以下markdown表格样式吗? 全部都挤在一起, 看不出来是表格

        Windows   Chrome  美国加利福尼亚圣何塞
  17. heilzz 初见 LV.1
    2024-11-27 03:35:35

    nice theme,感谢每一个为typechoe发电的开发者

      Windows   Edge  重庆重庆市电信
    1. 老孙 博主
      2024-11-27 03:38:54
      @heilzz

      谢谢

        Windows   Chrome  加拿大安大略多伦多Telus
  18. xin 初识 LV.2
    2024-11-03 01:04:52

    memos能否支持0.20以上版本?想用serv00部署,但freebsd版的memos只有0.20.1

      Mac OS   Chrome  新加坡
    1. 老孙 博主
      2024-11-03 03:45:45
      @xin

      可以,晚点会更新博客

        Windows   Chrome  美国加利福尼亚
  19. 陈雷 初识 LV.2
    2024-10-25 14:51:07

    老孙你好,我想知道分类页面里面的分类缩略图是怎么实现的?

      Windows   Edge  江西省赣州市移动
    1. 老孙 博主
      2024-10-25 23:59:48
      @陈雷

      规则其实很简单,就是先找到分类的mid. 编辑分类的时候地址栏会有category.php?mid=477 这样的,477就是该分类的mid, 其次把图片命名为mid.jpg. 例如 477.jpg 这些图片可以放在根目录或者其他cos cdn 的同一目录下,最后在主题设置处填入url

      填写分类图片路径,以"/"结尾,类似
      https://cdn.jkjoy.cn/farallon/
      访问 https://cdn.jkjoy.cn/farallon/477.jpg 能正常返回即可

        Windows   Chrome  美国加利福尼亚
  20. 陈雷 初识 LV.2
    2024-10-23 03:47:56

    分类要是能再优化一下就好了

      Windows   Edge  江西省赣州市移动
    1. 老孙 博主
      2024-10-23 03:48:35
      @陈雷

      什么意思呢

        Windows   Chrome  美国加利福尼亚
      1. 陈雷 初识 LV.2
        2024-10-23 04:02:29
        @老孙

        就是首页点击分类不是跳到一个单独的分类页面,而是一个展开/收缩项。当然,这只是个人的一个小小建议

          Windows   Edge  美国亚马逊
        1. 老孙 博主
          2024-10-23 04:05:05
          @陈雷

          你的意思应该是一个下拉菜单?

            Windows   Chrome  美国加利福尼亚
          1. 陈雷 初识 LV.2
            2024-10-23 04:07:33
            @老孙

            对对对

              Windows   Edge  美国亚马逊
            1. 老孙 博主
              2024-10-23 15:06:34
              @陈雷

              原主题没有下拉菜单,所以我也没打算做

                Windows   Chrome  美国加利福尼亚