获取更多博主的动态,欢迎加入我的 Telegram 频道:Fatesinger

WordPress 主题 Farallon

WordPress 主题 Farallon

本主题使用古法制作,不依赖三方框架。

本主题对本人插件都做了适配,强烈建议使用本人全家桶。

本主题chrome lighthouse跑分几乎满分,移动端稍差也只是因为图片过大。

PC lighthouse 跑分
Mobile lighthouse 跑分

项目地址

预览地址

直接下载

直接下载地址可能因为本人懒惰不是最新版本

还有佛系更新的Hugo 版本

Hugo 版本项目地址

Hugo当前版本0.3.3,最后更新日期2023/11/13

首页
卡片分类页
文章详情页

当前版本0.5.2,最后更新日期2024/04/26

英文字体采用了Open Sans

使用方法

菜单设置

主题支持两个菜单,一个顶部菜单,一个底部菜单。

菜单设置,不支持二级菜单。
也可直接选择菜单

在GitHub 项目页直接下载压缩包后台上传安装即可。

建议修改方法,电脑安装nodejs,进入主题目录,执行npm install,使用gulp 命令编译,可自行修改scssjs目录下的相关文件。

也可以直接使用inline css 和js 覆盖。

支持CSS 变量,可在后台直接设置主题色调,示例代码。

:root {
    --farallon-main-color: #4370f5;
    --farallon-hover-color: #3a5f9a;
}

继承老的文章点赞数/阅读数

可编辑functions.phpFARALLON_POST_LIKE_KEY 是文章点赞数的 key,FARALLON_POST_VIEW_KEY 是文章浏览数的key ,把值改成你之前的值就可以了,相信绝大多数主题/插件都是用postmeta 来存储这两个数值的。

卡片分类页使用方法

只需要根据你的分类别名重新命名category-travel.php即可,比如你的分类别名是zine,那么重命名为category-zine.php

主题推荐使用插件经典小工具,本主题并不是区块主题,所以需要使用传统的设置方法。

添加关于站长小工具

主题提供了一些基础设置,比较傻瓜,可自行体验。

更新日志

查看更多

0.3.6

  • 增加pingback 样式

0.3.4

  • 增加文章缩略图支持
  • 增加了一个gravatar 头像代理域名的设置

0.3.3

  • 暗黑样式优化

0.3.2

  • 文章目录优化
  • 更新默认css 样式

0.3.1

  • 修复上下文链接错误

0.3.0

  • 增加文章目录功能

0.2.4

  • 增加一个返回顶部的选项
  • 增加了底部小工具,推荐安装`经典小工具`插件,方便适配
  • 修复一点样式错误

0.2.3

  • 菜单样式改进
  • 修复一个设置错误

0.2.2

  • 增加一个无限加载的开关

0.2.1

  • 增加分类统计

0.2.0

  • 增加暗黑模式支持
  • 修复移动端 footer 样式错误

0.1.13

  • bug 修复
  • 增加插件Marker Pro 的支持

0.1.12

  • 增加了站点 logo 和 favicon 配置选项

0.1.11

  • 增加一个是否展示父级评论的设置

0.1.9

  • 增加一个复制链接分享的配置
  • 评论图标优化
  • 菜单间距调整
  • Marker Pro支持增强

0.1.8

  • 增加上下文链接
  • 增加文章分页链接开关

0.1.6

  • 增加table 样式支持
  • 给文章点赞按钮增加了一个开关
  • 增加了默认缩略图设置
  • 增加了豆瓣专属页面模版

0.1.5

  • 添加了评论分页链接

0.1.4

  • 修复评论表单checkbox 样式问题

0.1.3

  • 增加国内主流CDN 支持

0.1.0

  • 初始化发布

Responses

  1. 东的头像

    作者您好,请问怎么把主题修改成

    这个配色的,

    1. bigfa的头像

      @东 啥配色?不是一样的吗,去掉头部渐变背景的话删除css里的 .main:after 就行了

    2. 东的头像

      @bigfa 就是改这个,谢谢了。

  2. 东的头像

    :twisted: 又是我,作者有考虑给logo旁边加点什么不,总感觉哪里空空的。或者把logo修改成长方形?

    1. bigfa的头像

      @东 每个人喜好不一样,你自己改成你自己喜欢的就行了。

  3. yuxiyuqi的头像

    发哥,db.ts可以改成js版本的吗 :oops:

    1. yuxiyuqi的头像

      @yuxiyuqi 搞定了

  4. ddd的头像

    对对对的

  5. benjamin的头像

    hugo,footer部分主题和版本号下面部分有很大一片空白!

    1. bigfa的头像

      @benjamin 演示站并没有啊,是不是你自己修改的。。

  6. S̆̈的头像

    想请问下暗黑模式auto、dark和正常白色的逻辑是不是还可以小小改良。
    目前在prefers-color-scheme:dark下,正常显示为auto=黑色,如果点白色按钮,是会变成白色,但刷新后又回到了auto=黑色。

    1. S̆̈的头像

      @S̆̈ 更新后应该没事了。

  7. ST MInuo的头像

    发哥,我换了这个主题,评论框下面那个空行,是表情吧。

    1. ST MInuo的头像

      @ST MInuo 刚看了代码,是评论“如果有人回复我的评论,请通过电子邮件通知我。”的check输入框。

    2. bigfa的头像

      @ST MInuo 是你自己添加的代码吧 :neutral: 自己兼容下样式吧

  8. ST MInuo的头像

    我有一篇文章的h2标题显示不了,所以修改了“modules/base.php”,第39行,
    “preg_match_all(‘/(.*?)/i’, $content, $matches, PREG_SET_ORDER);”
    不知道会不会有什么副作用(暂时没有发现);
    效果如下:https://minuo.org/yt-dlp-complete-guide-2024/

    1. bigfa的头像

      @ST MInuo 因为文章标题已经h2了,正文内seo 角度要h3 起步,当然,即使你在正文用h1 也不会怎么样

  9. 小饿的头像

    好奇,你这个主题使用的是什么评论插件?
    怎么去了每篇文章上方的翻译其他语言的功能?

    1. bigfa的头像

      @小饿 有没有可能我就是写了两篇不同语言的文章 :arrow:

    2. 小饿的头像

      @bigfa 抱歉,是我肤浅了……
      我的意思是,我如果想去掉文章左上角哪个按钮,该如何操作呢?

    3. bigfa的头像

      @小饿 啥按钮

  10. su的头像

    我想了解下发哥这个评论系统是什么

    1. bigfa的头像

      @su 接到wp了 😂

  11. seer的头像

    hugo版的这个评论系统怎么可以做成您这样的,或者如何引入其他评论系统

    1. bigfa的头像

      @seer 你用什么评论系统都会有教程,跟着操作就行了。我这个没有普适性,wp这边都是有原文的,我直接调用wp的评论列表了。

  12. 后台主题配置,配置完毕后保存没有反应是哪里的问题

    1. bigfa的头像

      @网友小宋 可能有反应,但你没看到。。提示不是弹窗的

  13. 灯泡仔的头像

    这个评论系统还是搞不来啊,大佬能否出个简单评论配置教程,萌新手拙啊。

    1. bigfa的头像

      @灯泡仔 https://twikoo.js.org/quick-start.html 有多种部署方式,挑一个适合自己的就行了。

  14. 发哥~怎么你的几个主题 hugo版本的,我修改了字体。页面都显示正常,文章页面字体修改不了。请问怎么修改文章页面内的字体样式。 :mad:

    1. bigfa的头像

      @老陳网志 一般审查元素可破

    2. @bigfa 发哥,我找了半天的元素,当修改的字体都修改了。就是文章字体还是没变过来。
      我很喜欢伱的这几几套hugo主题,但是对代码不是好懂,求指点。我关注伱博客块10年了。以前我们还是好友,伱把我链接下了、我那个时候玩wordpress的时候还找你花1500定制的一套主题。伱还记得吗? :oops:

    3. bigfa的头像

      @老陳网志 关键你也没个地址啊。我咋看。。。

    4. @bigfa 发哥~帮忙看下。https://chenvlog.com/ :mrgreen:

    5. @老陳网志 字体我是修改body下面的font-family。但是文章 页面不变

    6. bigfa的头像

      @老陳网志 文章页没加载字体文件,估计放错地方了。

    7. @bigfa 我直接在hemes\puppy\layouts\partials\head.html 文件下放的CDN字体链接。
      https://r2.chenvlog.com/2024/03/2620bca1c97a821c64ec8cd084aeb72c.jpg

    8. @老陳网志 是不是在single.html下也要放字体文件

    9. bigfa的头像

      @老陳网志 包在条件里了,放在if外面就行了

  15. 感谢发哥的模板,我花了一个寒假把hexo博客的内容迁移到了hugo,这是我在github上部署的:https://dongjunke.github.io/

    有两个问题想咨询下:
    1、导航栏我用“/”定义为了首页,归档链接我想改成 /categories/ 路径,发现直接修改/story/文件夹首页就无法正常显示,具体修改归档链接的路径呢?
    2、如何修改全局字体设置呢?

    1. @小饿 错了,归档链接想改成/archives/

    2. bigfa的头像

      @小饿 因为categories 已经被你设置成分类的别名了啊,修改字体的话,修改body下面的font-family 就行了。

  16. 错了,归档链接想改成/archives/

    1. bigfa的头像

      @小饿 配置文件里有mainSections = ['story','memo'],换成你想要的就行了。 :neutral:

  17. 老陳网志的头像

    字体已经解决了。

  18. 发哥,还有一个问题,我在审查元素的时候,提示报错,
    bundle.js:499 Uncaught TypeError: Cannot read properties of null (reading ‘dataset’)
    at new farallonComment (bundle.js:499:8)
    我在footer.html 文件下去掉了这段{{ $ts := slice $replay $script $comment | resources.Concat “ts/bundle.js” }} 代码就无法正常显示了。我整个这个去掉上面的这段代码又不显示暗黑模式和top置顶图标了、请问怎么把伱原来设置的wp comment 代码 正常删除。还能保留黑夜模式功能。。
    最近对这个几个主题上头了。非常的喜欢~整夜等待伱的评论回复。可惜伱现在的评论没有邮件提示~ :cry:

    1. bigfa的头像

      @老陳网志 重新拉下代码就行了

  19. 作者你好,反馈一个bug
    文章中添加二级标题、三级标题后,生成的目录只有三级标题的,没有二级标题的目录,详见:
    https://littleprince.site/shuidonggoubanriyou.html

    1. bigfa的头像

      @要工资网 文章标题已经是h2,seo角度副标题最多就是h3

    2. @bigfa 好吧,那后面再撰写文章的话注意一下。不过还是希望增加一个选项可以让作者自己选择。
      另,好像回复评论收不到邮件提醒?我是回来看才发现回复了评论的。

    3. bigfa的头像

      @要工资网 modules/base.php 第99行,把3改成你想要的就行了。

  20. 不知不觉已经更新到0.4.1了……更新模板自定义的设置应该全都没了吧 :cry: 含泪用旧版

    1. bigfa的头像

      @Leche 哈哈 建议修改主题用子主题的方式 这样就可以随便更新了 :neutral:

    2. @bigfa 子主题…容我学习一下。感谢指路 :razz:

发表留言

人生在世,错别字在所难免,无需纠正。

:mrgreen::neutral::twisted::arrow::shock::smile::???::cool::evil::grin::idea::oops::razz::roll::wink::cry::eek::lol::mad::sad::!::?: Smilies powered by wp-alu

Post Comment
More Stories

WordPress 主题 Sierra

March 17, 2016

WordPress 主题 Jaguar

December 14, 2016

WordPress 主题 Puma

October 8, 2015