求和!李姐万岁!用ChatGPT写GitBook布局锤子便签配色的WordPress主题

我早期在Github写《Chrome插件英雄榜》连载的时候,用的是GitBook的自动构建功能,也就是在Github仓库,按照一定的规范存储markdown格式文章和配置文件,GitBook就会自动构建一本书,供读者阅读。

GitBook阅读体验确实不错,在PC版,左侧是目录,右侧是正文内容,点击左侧目录,就可以切换右侧的正文内容,在移动版,目录则收到一个抽屉布局中,点击左上角图标可以唤出抽屉,点击抽屉里的目录,可以切换主屏幕的内容

后来,GitBook开源版不再更新,开始专注商业付费版(限制存储空间),我于是开始寻找免费的替代品。最终选择了WordPress

WordPress是一个很成功的产品,2003年发布至今,实现了开源与商业化的平衡,免费版一直更新,成就了丰富的插件以及主题生态,开发者们可以通过开发WordPress插件主题,获取收益,也可以用爱发电,发布免费的主题和插件,由于WordPress代码开源,自然也没有类似苹果税的概念

世界上三分之一的网站都由WordPress构建,WordPress支持完整强大的后台管理,支持评论功能,支持全站搜索,搜索引擎都会对WordPress网站做优化,网站SEO变得简单!垃圾评论过滤,评论邮件提醒,网站缓存优化,Google广告接入,提供Rss订阅等常见功能,都能通过免费稳定的插件轻松获取

既要又要是人类的本性,我切换到WordPress后,又开始想念GitBook优秀的布局设计,同时又想要锤子便签一样舒适的配色阅读体验,但没有找到现成的主题,于是我打算自己写一个,但WordPress主题需要用到PHP语法,于是我让ChatGPT帮忙写PHP,ChatGPT写PHP很优秀,活儿好不粘人,让我有了做甲方的感觉

image.png

主题写完了初版,主题暂定名称为《求和!李姐万岁! GitBook For WordPress》目前已经发布到 https://fangyuanxiaozhan.com (方圆小站)运行使用,方圆小站完全由白嫖的Github Actions 运行时进行管理,管理脚本开源地址 https://github.com/zhaoolee/WordPressXMLRPCTools 脚本的目的是用Hexo的方式管理WordPress「使用Github Actions自动更新文章到WordPress」

image.png

主题封面图

![1679811878976jke7xdWQ.gif](https://upload-images.jianshu.io/upload_images/3203841-cbe9883cafcd2961.gif?imageMogr2/auto-orient/strip)

效果演示

  • 宽窄屏自适应
1679811878976jke7xdWQ.gif

如果你们的重点放在蒂法上,来这里 https://fangyuanxiaozhan.com/p/2023-01-08-13-50-22-ff7/ 服务器带宽有限,图片加载稍慢,可能需要多等一会儿(如果有便宜带宽的服务器推荐,评论区可以推荐一波)

  • 支持搜索
1679812197742NJW5ZNBE.gif

(我觉得爱丽丝建模真不错,ff7重制版第二弹2023年赶快出!)

关于主题《求和!李姐万岁! GitBook For WordPress》

主题开源在Github: https://github.com/zhaoolee/gitbook-for-wordpress

  • 侧边栏按时间倒序显示已发布文章
  • 目录切换文章,侧边栏自动将当前文章滚动到侧边栏顶部
  • 移动端与PC端自适应布局
  • 支持评论
  • 支持搜索
  • 底部预留备案号位置

后续计划的更新

  • 支持按照专题自动生成多级目录
  • 持续打磨样式,优化代码结构
  • 写一份WordPress免费插件推荐列表

不要因为走的太远,就忘了当初为什么出发

image.png

写博客最大的乐趣在于分享,博客应该是:有趣想法生成器,个人项目分享器,优质内容发射器;而不是废话连篇生成器,广告生成器,带货生成器...

在2023年,为WordPress写主题,让个人独立博客更易读易用,看起来是性价比很低的事,但按照我的折腾经验,在个人域名写独立博客,比内容平台发内容要爽的多,因为可以写想写的内容,随时向互联网发布自己的观点,而不是今天发布的内容可见,明天可能就变成知识的荒原

《求和!李姐万岁! GitBook For WordPress》主题用了罗老师的头像做素材,最后放一句罗老师的上古语录:希望那些喜欢用 「枪打出头鸟」 这样的道理教训年轻人,并且因此觉得自己很「成熟」的中国人有一天能够明白这样一个事实: 有的鸟来到世间,是为了做它认为正确的事,而不是专门躲枪子儿的。如果没被干掉就继续彪悍嚣张下去,如果被干掉了老子就认了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/31968.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ChatGPT + X = 更多可能性

ChatGPT具有多种先进性特征,一经发布备受瞩目,作为一个由OpenAI训练的大型自然语言处理模型,可实现自然语言生成、语言翻译、自然语言理解、语言摘要等一系列功能。发布两个月后月活用户突破1亿,成为史上用户增长速度最快的消费级…

敏捷教练是做什么的?

如果想知道敏捷教练是做什么的,看招聘要求就明白了: https://www.zhipin.com/job_detail/1416132495.html 职位描述 岗位职责: 1. 作为敏捷教练,研究、引入、推广业界先进的研发管理思想、方法论与实践。 2. 指导与推动部门的精…

图解敏捷教练和 ScrumMaster

[运营专题]零预算引爆个人和企业品牌【原文链接】 Selenium 自动化测试从零实战【原文链接】 原来这样做,才能向架构师靠近【原文链接】 Cordova App 打包全揭秘【原文链接】 TensorFlow on Android:物体识别【原文链接】 TensorFlow on Android&am…

AI解码意念!类ChatGPT模型高准确率(82%)解码大脑思想

一段视频展示了一种新的语言解码过程的程式化描述。解码器生成多个单词序列(纸条),并通过将用户大脑反应的预测与实际记录的反应进行比较,预测每个候选单词序列与实际单词序列的相似程度。Credit: Jerry Tang/Alexander Huth 像ChatGPT这样的人工智能程序…

gpt4和chatGPT的区别

一觉醒来,万众期待的GPT-4,它来了! OpenAI老板Sam Altman直接开门见山地介绍说: 这是我们迄今为止功能最强大的模型! 有多强? 根据OpenAI官方的介绍,GPT-4是一个超大的多模态模型,也…

[新人自制/Med-VQA] 这是一个可以帮忙看“片子“的 AI-Demo,欢迎大神来访留言

开局先向 coolwulf 大神致敬! Demo 地址 介绍博客 和近期大火的 ChatGPT 那种生成式不同,这个模型是个分类模型, 在自然问答的情况下还是很蠢的,但也希望在医学领域能够帮助到真的有需要的人。 后续也会根据反馈不断验证模型性…

2023最新软件测试面试题汇总,一天拿到3个offer就靠他

目录 软件工程 Linux 数据库 sql语句 测试概念和模型 测试计划与工具 测试用例设计 Web端自动化 白盒测试 shell脚本 接口测试 性能测试 移动端自动化 总结 重点:配套学习资料和视频教学 软件工程 1. 阐述软件生命周期都有哪些阶段?常见…

手撕Boost!Boost公式推导及实验验证

文章在微信公众号“硬件工程师炼成之路”首发,敬请关注。 前一段时间写了一下Buck电路的振铃,不少同学给我留了作业,让我说说Boost。今天就来看看Boost电路。 友情提示:本文字数1W了,有点长,请点赞收藏加关…

一个简单三层神经网络BP算法的公式推导

一个简单的三层神经网络BP算法的公式推导 神经网络表示梯度下降法前向误差传播反向误差传播 神经网络表示 让我们来看一个最简单的神经网络,该神经网络只有三层,分别是输入层,隐藏层和输出层。 为了表示方便,我们把线性函数和非…

BP神经网络和CNN公式推导

CNN理论基础 CNN基本结构 图一 CNN基本结构 CNN卷积神经网络的构成,主要由输入层,卷积层,池化层,全连接层,输出层等。 (1)输入层:计算机将输入层理解为若干矩阵。在数据输入前&am…

计算机视觉 | 面试题:12、手动推导反向传播公式BP

问题 现在才意识到,卷积神经网络在不同的层上的反向传播的计算公式不一样,之前一直按照全连接层的那种简单反向传播去理解了。 全连接层反向传播 在数据表示上,将全连接神经网络的每一层神经元都表示为一个列向量。每一层的神经元,会将上一层神经元的输出作为输入,通过乘…

Bp算法公式推导推导-详解

前言 学习深度学习我们应该从Bp开始,一下是学习路径 如果我们把深度学习比喻一棵大树,Bp相当于根,LeNet相当于茎,GAN,RNN,CNN相当于树叶. Bp 神经网络的简单理解 bp是 Back Propagation 的简写 ,意思是反向传播。而神经网络,听着高大上,其实…

人工神经网络推理机制,bp神经网络公式推导

Recurrent network 的backpropagation公式 怎么样推导出来 反向传播算法(Backpropagation)是目前用来训练人工神经网络(ArtificialNeuralNetwork,ANN)的最常用且最有效的算法。 其主要思想是:&#xff08…

BP神经网络理解及公式推导

BP神经网络理解及公式推导 __508任务 仅个人学习记录使用,可能有误 一、人工神经网络 人工神经网络(ANN)是一种旨在模仿人脑结构及其功能的由多个非常简单的处理单元彼此按某种方式相互连接而形成的计算机系统,该系统靠其状态对…

特斯拉面试,工控经典PLC题目:一键启动功能实现解法分析,少个坑,给自己多个机会

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、问题分析:二、模拟运行三、还有没有更简单的 前言 PLC 面试经典题目,一键启动功能:单个按钮按下一次控制灯亮起&#x…

使用调色板修改png图片

这个算法是参考一位高人的文章,直接读取并修改png格式图片的调色板,然后生成新的调色板替代原来的。
这样可以实现游戏中常见的变色效果,可以解决游戏容量有限,不能存放太多精灵图片的问题。 具体过程其实并不复杂,大…

android图像处理系列之三--图片色调饱和度、色相、亮度处理

原图: 处理后: 下面贴代码: 一、图片处理层: package com.jacp.tone.view;import java.util.ArrayList;import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.gra…

图片调色学习

色相环 色相混合正红(0)正黄(60),透明度为(50%)即红黄等比例混合橙色(30) (060)/230 真实调整透明度混合出并不一定为两者均值的色相,需要选择不同的混合方法…

图片颜色调节

云区 粉色云彩: 粉色云彩: 打开星图,清新滤镜马卡龙, 调节打开智能优化, 降低光感-100(根据图片调)、 色温最高、 色调最高, 增加结构让云更清晰, 增加饱和度。 晚霞&a…