《求和!李姐万岁!》小更新,支持原生菜单显示

最近《求和!李姐万岁! GitBook For WordPress》有了用户, 希望为主题添加菜单栏, 以便于用户快速导航。

于是我做了一个小更新,使用方法也很简单,从https://github.com/zhaoolee/gitbook-for-wordpress 获取最新的代码

我尽可能复用WordPress原生的菜单逻辑,参照下图完成配置即可

添加菜单项

进入菜单,添加菜单项,勾选Gitbook Menu这个选项,保存菜单即可~

最终效果

最终效果

以上功能是可选项

如果不进行配置,页面右上角没有图标显示;

如果完成了配置,主题右上角会有一个小图标,点击后,页面会弹出一个窗口,点击窗口周围任意阴影部分可关闭,支持超长列表滚动显示~

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2023-04-05-16-30-09-gitbook-theme-menu/

管理和展示博客内容的经验

自建博客站可以想写什么就写什么;内容平台的审核越严格,自建博客站的必要性越大,辛苦写一天,内容发不出去,是一种差的体验!如果鲁迅能自建博客站,也不用换那么多笔名,自建博客站并非难事,一个月24元的轻量应用服务器足矣。

博客内容要开源;如果博客需要传达思想给更多的人,开源是很好的手段,开源的博客可以被人下载离线存储,比内容平台的在线网页更有生命力,即使内容发布者被限制了人身自由,或者彻底离线,他的思想依然可以在互联网传播

博客最好有稳定的评论区;微信公众号不给17年以后的公众号开评论区,说明评论区确实能低成本产生一些大逆不道的观点,如果博主希望能与更多观点交流碰撞,评论区应该是增强模块。

博客排版要干净易读;Apple是一家善于做减法的公司,依然保留了Safari浏览器的阅读视图,一方面说明这个功能很好用,另一方面说明很多内容网页的排版并不利于阅读;阅读视图的特征是支持调整字体尺寸,移除图片装饰,少即是多,内容网页就应该朴实无华且有料。

博客支持Rss订阅;Rss是一种单向广播,读者可以收到博客更新,又不用访问发布页面,这种不记名订阅机制需要对内容有自信,Rss是私域流量的反面,是互联网开源精神的现实投影。

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2023-04-03-18-33-49-blog-manager/

一个优秀博客的决定因素

图片

今天看到上面一张图片,强调连续不断地写是最为个人博客成长重要的因素。

一个优秀blog的决定因素:
域名 0.1%
logo 0.1%
博客系统 0.1%
主题外观 0.1%
访问速度 0.1%
友链数量 0.1%
好点子 0.1%
你的阅读量 0.1%
笔记系统 0.1%
写作能力 0.1%
连续不断地写 99%

不那么重要,但也必要的知识

域名: 如果第一次申请域名,请优先使用短域名,四个字符的域名并不需要溢价购买
logo: 其实没人会在意网站Logo
博客系统: 如果想一步到位,请使用成熟的WordPress
主题外观: 建议借鉴GitBook左目录,右内容的版式,真的很好用!
访问速度: 对于个人博客而言, 固定带宽的话,5M带宽够用
友链数量: 可以到V2ex发帖互换友链
好点子: 长期持续写博客,不会漏掉好点子
你的阅读量: 优质内容的半衰期都很长,单篇阅读量会随着时间积累
笔记系统: 与其写永远不看第二遍的笔记,不如直接写博客, 把博客当笔记吧!
写作能力: 先给文章写好每段落的标题,如果面向小白用户,每句话不要超过8个字,如果是面向专业用户,句子可以适当长一些,但不要有语病。

我目前运营两个网站,fangyuanxiaozhan.com 和 v2fy.com 两个网站文章相加已有1100多篇。但长期连续不断的写不是简单说说就能做到,本篇文章通俗的聊一下如何才能长期不断的写

v2fy-com

v2fy-com-admin

fangyuanxiaozhan

fangyuanxiaozhan

降低写博客的门槛

电子博客不是纸质报纸,即使发布了,也可以继续修改,写错了也不要有心理负担

不用把博客看的太正式,写博客和发朋友圈,并没有本质区别,都是把感兴趣的内容分享出来

善用Markdown

Markdown可以让博主无需关注排版,即可写出标准格式的文章

Markdown是一种纯文本格式,可以使用任何编辑器编辑

借助mdnice这类markdown万能转换工具,可以一键生成各种格式的富文本,发布到任何平台

用碎片化时间收集灵感

灵感这种东西稍纵即逝,我推荐用全平台内容工具锤子便签收集灵感,扩写后的灵感,是很好的博客素材

和一些乐于思考的博主多交流

思考是一种很奢侈的行为,因为它同时需要时间与精力,很多博主的文章精彩,是因为投入了大量的时间和精力,文章输出的内容极其精彩。

思考需要引入变量,对观点进行升华;能和乐于思考的博主多交流,有助于提升文章观点的质量

一旦开始折腾,有趣的博客素材滚滚而来

有段时间,我搞了几块树莓派,组装k8s服务器集群,折腾过程很有趣,我开始写博客记录过程,有意思的博客素材滚滚而来,一口气连载了15节

树莓派

其中frp的内容后面又不断扩展,设置Playstation5 远程唤醒,远程游玩,比特彗星本地做种,做种服务器搭建,Windows外网远程控制等等...

我认识一个曾经写PHP的开发者A,最近遇到了瓶颈,我最近在写WordPress的Github排版风格锤子便签开源主题,用ChatGPT辅助写PHP(我以前没写过PHP),主题效果出乎意料的好,为WordPress网站换上了我理想中的排版,于是鼓励A也可以试试,A认为WordPress是老掉牙的东西,拒绝了... A认为避开了乱折腾的弯路 , 但Life will not change (生活没有任何的改变)

小结(ChatGPT版)

小结

Q: 为这篇文章写个小结,以博主的语气来写
A: 在这篇文章中,我们探讨了如何运营一个优秀的博客,发现长期坚持写作才是真正关键的成功因素。为了让大家能够更好地投入到写作中,我分享了一些实用的建议:不要过分担忧博客的正式程度,让写作变得轻松愉快;学会运用Markdown,让排版变得简单易行;善用碎片化时间捕捉灵感,让创意源源不断;多与思考者交流,提升观点质量;勇于折腾,让有趣的博客素材源源而来。希望这些建议能帮助大家更好地投入到博客写作当中,让我们的博客不断成长,发挥最大的价值!

Q: 你觉得这篇文章写的怎么样?
A: 这篇文章写得很不错,内容简洁明了,结构清晰。作者从实际出发,分享了一些关于如何运营优秀博客的建议,既有实用性,又有启发性。文章以轻松的语气表达了作者的观点,让读者在阅读过程中能够轻松理解和吸收这些建议。总的来说,这是一篇具有价值的文章,能帮助读者更好地投入到博客写作和运营当中。

阅读不会过时,除非写作过时了。写作不会过时,除非思考过时了。(Reading won't be obsolete till writing is, and writing won't be obsolete till thinking is.)

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2023-04-01-14-33-49-blog-cloud/

GitBook锤子便签风格WordPress主题目录设计思想

最近在进行锤子便签风格WordPress主题 《求和!李姐万岁! GitBook For WordPress》的开发, WordPress支持对文章进行分类(Category),非常适合写长期连载。

开源地址: https://github.com/zhaoolee/gitbook-for-wordpress

我设计左侧目录的核心思想是: 左侧目录默认展示所有分类的内容,列表内容按照时间进行倒序,如果使用分类,则将分类信息增强同步到url

列表排序按时间倒序

Gitbook要求用户自己写目录,与我而言, 过于麻烦了,大多数情况下,沿用时间轴的思路,直接倒序即可,WordPress是有数据库的全功能网站,如果对排序不满意,可以后台手动调整发布时间。

image-20230330194612331

追加url参数,按照「分类」过滤

分类

如果我们选择了某个分类,则分类列表里面的文章尾部会追加一个post_category参数,这样做有两个好处

第一:非破坏性;追加的post_category 不会破坏已有的路由规则 , 如果url不包含post_category参数,则默认进入「全部分类」

第二:一键过滤专题文章:如果追加的post_category的值为「Chrome插件英雄榜」,则左侧Select组件会默认选中「Chrome插件英雄榜」,左侧列表的内容全部为「Chrome插件英雄榜」系列的文章; 在选择「Chrome插件英雄榜」的状态下,列表里文章url都会被自动追加 post_category=Chrome插件英雄榜 , 这样在url追加专题名称的做法,也有助于SEO,分享出去的文章url 链接追加post_category=Chrome插件英雄榜, 也有助于打开链接的人,一眼看到左侧列表整个专题的文章

追加参数

参考Gitbook左侧列表做减法:Gitbook通过多级目录进行分类,左侧列表无法根据分享的url直接滚动定位(不同层级的高度不同,还有复杂的父子折叠态,gitbook直接放弃了通过url滚动定位左侧目录列表), 我采用最简单的一级目录,实现了左侧列表的精准滚动定位,通过url自动过滤的方式,消除其它专题对用户的视觉干扰

小结

无论是程序设计,还是个人项目,借鉴好作品,做减法,才会做出符合需求的优秀成品

GitBook层级目录很适合做文档,我的需求是按照专题长期写连载博客;,用Select选择专题, 过滤文章列表,然后按照发布时间自动反向排序,是我目前实现的最优策略。

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2023-03-30-19-20-51-gitbook-wordpress/

求和!李姐万岁!用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很优秀,活儿好不粘人,让我有了做甲方的感觉

WordPress PHP

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

主题

主题封面图

screenshot

效果演示

  • 宽窄屏自适应

Gitbook

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

  • 支持搜索

支持搜索

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

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

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

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

后续计划的更新

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

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

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

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

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

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

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2023-03-26-13-04-25-gitbook-for-wordpress/

RSS优质内容订阅交流群

前情提要: 为了戒掉知乎热榜,微博,我写了个云端信息采集程序,并开源了

zhaoolee的朋友圈

zhaoolee 做了一个开源项目《嘎!RSS》, 英文缩写 garss
rss

《嘎!RSS》会大量收集优质RSS源,利用免费的Github Actions服务, 提供一个内容全面的信息流, 减弱信息茧房对现代人的影响, 让非茧房信息流造福人类~

https://github.com/zhaoolee/garss

    1. 自动生成每日简报

每日简报

  • 2.收集优秀RSS博客,并每天爬取最新内容信息

收集优秀RSS博客并每天爬取信息

    1. 自动发简报到邮箱

自动发简报到邮箱

《嘎!RSS》主要任务有三个

一:收集RSS订阅地址(众人拾材火焰高,zhaoolee建了个微信群,下方扫码加入)

二:白嫖Github Actions每月2000分钟的免费时长;

三:通过Github Actions运行爬虫获得的数据, 生成RSS新文章简报,展示到github仓库的README.md,为优质文章提供SEO外链曝光,并将内容发送到订阅者邮箱,为订阅者生成私人简报。

动态更新的RSS交流群二维码

RSS优质内容订阅交流2群

RSS优质内容订阅交流1群

RSS微信交流群二维码永久更新页面 https://fangyuanxiaozhan.com/p/2021-08-26-18-05-01-rss

如果二维码过期,可邮件联系 zhaoolee@gmail.com 更新。

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2021-08-26-18-05-01-rss/

理工男生资源达人的梦想,树莓派低成本创造私人专属互联网的构想

前两天看到一个名为Internet in a box(盒子里的离线互联网) 的项目,这个项目收集互联网中的免费资源,免费课程,免费电子书... 把他们放进大容量硬盘, 然后和树莓派连接, 一起赠送给不发达国家的学校, 让没有条件接入互联网的学生, 也能获取海量的知识.

我和好友He.RO 讨论了Internet in a box, 感觉盒子互联网确实很酷, 然后HE.RO 推荐了一个构建离线网页数据的开源项目 iiab

通过对以上开源项目的思考, 我最终把 「盒子里的互联网」改造成了, 更极客, 更接地气, 更实用的工具,工具命名为「资源达人的魔法路由兼随身私人服务器」 (这种超长命名方式, 是跟四代目火影学的[手动狗头])

树莓派

具体介绍:

将树莓派3B刷成OpenWrt软路由,成为魔法WiFi上网的强大路由器

将树莓派挂载的硬盘资源,同步展示到互联网: https://www.v2fy.com/p/2021-07-17-it-1626503043000/

「资源达人的魔法路由兼随身私人服务器」提供的功能

  • 可以随时随地实现WiFi转WiFi,被转换过后的WiFi, 具有魔法上网功能;
  • 可挂载超大容量硬盘,并将硬盘里的资源,通过WiFi分发给接入网络的手机和电脑;
  • 可以通过开源项目frp内网映射,将硬盘中的资源实时映射到互联网, 可为任何人提供免密下载链接, 比市面任何网盘产品都好用;
  • 可通过FTP协议,自由增删硬盘中的资源;
  • 联网状态下,可以作为网站服务器,移动路由器使用;断网状态下,可以作为局域网服务器,为接入设备提供离线资源。
  • 可以安装广告屏蔽插件, 网易云解锁插件, 京东自动签到插件等各种贴心小功能...

优势

  • 功耗低,树莓派平均功耗低于5W, 且树莓派是基金会产品, 硬件设计优秀, 且不以盈利为目的, 便宜!
  • 容易制作,只需一个树莓派,一块外置网卡,一块硬盘;
  • 便携,魔法路由的尺寸只有巴掌大小;
  • 基于Linux的路由器发行版OpenWrt系统构建, 稳定! 可常年不关机;
  • 可用充电宝供电, 随身带着走;

这个「资源达人的魔法路由兼随身私人服务器」非常适合在书吧,咖啡厅,图书馆,机场等场所使用; 路由器联网后,可以直接给随身所有的设备提供魔法网络, 刷各种外网资料, 高速下载各种程序依赖包, 并可以通过ssh直接登录路由器, 将优质的资源外网下载到挂载的硬盘, 选择值得分享的内容, 更新到自己资源域名之下. 这样既不占用PC和手机珍贵的硬盘资源, 又能将有用的资料留在自己的设备里.


树莓派本来是给不发达地区提供的「编程计算机」 ,也被我这种天天和程序打交道的程序员,玩出了一些名堂; 玩的动力, 是为了解决面临的问题, 比如云服务器资源昂贵(带宽巨特么贵), 国内网盘不好用(网盘不支持直接挂载), 编程依赖包经常下载失败(国内网络对海外网站不友好)... 期间投入大量的时间, 也最终成功打造了自己需要但市面不卖的产品...

zhaoolee 把写博客当成了一种辅助思考的方法,我认为,「终身学习」是一句正确但空洞的口号,「终身博客」才是一个含有倒逼机制的行动指南; 一个博客写的很棒, 更新很频繁的人, 大概率是个经常思考学习的人; 而一个把「终身学习」挂在嘴边的人,只有小概率是个经常思考学习的人;

但是互联网博客是有门槛的,如果在内容平台上写,各种关键词封禁文章,足以消磨一个人写博客的热情;用自建的网站来写,如果忘了续费服务器,回头看自己的原来存储在服务器内容,已经被云服务厂商清除了,极端一点,一个人百年之后,有谁会为你续费服务器呢?

我提供的以上方案则可以解决数据保存的问题,数据和服务器存储在本地,长宽和扑克牌近似,高度也只有一元硬币的高度(立起来的硬币),联网即可被全互联网的人访问,断网也能被局域网的人访问。百年之后,不需要任何人为你续费服务器,你只需要将私人服务器数据放到类似Github这种提供免费云存储的网站,对你生前的思想感兴趣的人,只需要拷贝一份你私人服务器的副本,即可完整获取你生前研究知识,让你的知识成为全人类知识体系的一部分。我后面会做一个类似心跳包的开源程序,这个程序会在私人云服务器即将停止运行的时候,将所有可以对外公开的资源,保存到互联网的各种免费托管平台。

我经常看到一些好友秀自己硬件设备的跑分,但跑高分的硬件,最后都用来运行大型游戏了; 这种操作其实很亏; 其一, 硬件的提升, 对游戏体验的提升很有限,而且依赖游戏硬件提升画面,进而提升评分的游戏,本身并不太好玩,比如《赛博朋克2077》早期的版本, 显卡杀手兼BUG模拟器... 其二, 安装了Windows的个人PC属于通用运算机型,超高溢价买来的极致硬件,用来纯打游戏,真的非常浪费资源, 打游戏不如直接买主机, 优化好, 体验好, 还便宜; 其三, 当用户只能通过跑分来验证机型性能的时候, 说明用户并不知道, 这玩意怎样使用会更酷, 所以只能当跑分模拟器来用... 如果不需要那么高性能的硬件, 不如来个树莓派吧, 它很便宜, 如果你能动起聪明的小脑瓜, 它能给你带来, 比秀跑分更大的乐趣.

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2021-07-21-10-02-55-pi/

鸿蒙来了, 风口来了, 呼唤罗永浩老师回来做手机,Markdown爱好者zhaoolee为了在微信公众号使用锤子便签主题,自己花20分钟写了一个

使用方法

进入https://mdnice.com/

点击登录(微信扫码登录即可)

登录

点击写文章

写文章

填入css代码

填入自定义css代码

/* 自定义样式,实时生效,浏览器实时缓存 */

/* 全局属性
 * 页边距 padding: 30px;
 * 全文字体 font-family: ptima-Regular;
 * 英文换行 word-break: break-all;
 */

.nice-wx-box{
  padding: 0;
  margin:0;
}

#nice {
  background-color: #fbf7ee;
    /* 注:请在大括号内改写!!! */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';
  color: #635753 !important;
  padding: 10px 10px;
}

/* 段落,下方未标注标签参数均同此处
 * 上边距 margin-top: 5px;
 * 下边距 margin-bottom: 5px;
 * 行高 line-height: 26px;
 * 词间距 word-spacing: 3px;
 * 字间距 letter-spacing: 3px;
 * 对齐 text-align: left;
 * 颜色 color: #3e3e3e;
 * 字体大小 font-size: 16px;
 * 首行缩进 text-indent: 2em;
 */
#nice p {
    color: #635753;
    /* 注:请在大括号内改写!!! */
  line-height: 2
}

/* 一级标题 */
#nice h1 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 一级标题内容 */
#nice h1 .content {
  color: #635753;
    /* 注:请在大括号内改写!!! */
}

/* 一级标题前缀 */
#nice h1 .prefix {
  color: #635753;
    /* 注:请在大括号内改写!!! */
}

/* 一级标题后缀 */
#nice h1 .suffix {
  color: #635753;
    /* 注:请在大括号内改写!!! */
}

/* 二级标题 */
#nice h2 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级标题内容 */
#nice h2 .content {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级标题前缀 */
#nice h2 .prefix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级标题后缀 */
#nice h2 .suffix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题 */
#nice h3 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题内容 */
#nice h3 .content {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题前缀 */
#nice h3 .prefix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题后缀 */
#nice h3 .suffix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 无序列表整体样式
 * list-style-type: square|circle|disc;
 */
#nice ul {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 有序列表整体样式
 * list-style-type: upper-roman|lower-greek|lower-alpha;
 */
#nice ol {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 列表内容,不要设置li
 */
#nice li section {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 一级引用
 * 左边缘颜色 border-left-color: black;
 * 背景色 background: gray;
 */
#nice .multiquote-1 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 一级引用文字 */
#nice .multiquote-1 p {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级引用
 */
#nice .multiquote-2 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级引用文字 */
#nice .multiquote-2 p {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级引用
 */
#nice .multiquote-3 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级引用文字 */
#nice .multiquote-3 p {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 链接 
 * border-bottom: 1px solid #009688;
 */
#nice a {
    /* 注:请在大括号内改写!!! */
  color: #635753;
  border-bottom: 1px solid #ebdfd5;
}

/* 加粗 */
#nice strong {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 斜体 */
#nice em {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 加粗斜体 */
#nice em strong {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 删除线 */
#nice del {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 分隔线
 * 粗细、样式和颜色
 * border-top: 1px solid #3e3e3e;
 */
#nice hr {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 图片
 * 宽度 width: 80%;
 * 居中 margin: 0 auto;
 * 居左 margin: 0 0;
 */
#nice img {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 行内代码 */
#nice p code, #nice li code {
    /* 注:请在大括号内改写!!! */
  color: #635753;

}

/* 
 * 代码块不换行 display: -webkit-box !important;
 * 代码块换行 display: block;
 */
#nice pre code {
    /* 注:请在大括号内改写!!! */
  color: #635753;

}

/*
 * 表格内的单元格
 * 字体大小 font-size: 16px;
 * 边框 border: 1px solid #ccc;
 * 内边距 padding: 5px 10px;
 */
#nice table tr th,
#nice table tr td {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 
 * 某一列表格列宽控制
 * n 可以修改为具体数字,不修改时表示所有列
 * 最小列宽 min-width: 85px;
 */
#nice table tr th:nth-of-type(n),
#nice table tr td:nth-of-type(n){
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 脚注文字 */
#nice .footnote-word {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 脚注上标 */
#nice .footnote-ref {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* "参考资料"四个字 
 * 内容 content: "参考资料";
 */
#nice .footnotes-sep:before {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 参考资料编号 */
#nice .footnote-num {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 参考资料文字 */
#nice .footnote-item p { 
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 参考资料解释 */
#nice .footnote-item p em {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 行间公式
 * 最大宽度 max-width: 300% !important;
 */
#nice .block-equation svg {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 行内公式
 */
#nice .inline-equation svg {  
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

img{
  width: 100%;
  box-shadow: 14px 14px 28px #e6e6e6, -14px -14px 28px #fff;
  border: 9px solid #ffffff;
  outline: 1px solid #ebdfd5;

}

.custom::before {
 background-color: #fbf7ee !important;
}

code {
  background-color: #fbf7ee !important;
}

填入markdown内容, 复制为公众号格式的富文本

填入markdown格式的文章, 复制为公众号格式的富文本

填入公众号并保存

填入公众号并保存

我还给它魔改了个图标

这个图标的拟物做的非常精致, 铅笔上的Markdown是我魔改的

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

锤子魔改图标

小结

mdnice默认登录后, 并会自动保存自定义主题, 即使换了电脑, 用微信扫码登录, 也可以使用自定义的锤子标签主题

鸿蒙来了, 风口来了, 期待罗永浩老师回来继续做手机... (想听相声了)

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2021-06-04-09-27-28-mdnice/

Github《章鱼猫六兄贵》我用AE做了一张公众号拉客Gif图

Adobe After Effects

Adobe After Effects, 简称AE, 是运动图形和视觉效果的行业标准,运动设计师、图形设计师和视频编辑者均可使用该软件创作复杂的运动图形和引人注目的视频.

我们可以把AE视为动态的PhotoShop, 帮助创作者对各种素材进行动效合成.

学有所得的关键在于产出有用的作品

我有一个公众号0加1, 公众号推文底部, 可以放一个求关注的图片, 图片可以是JPG,PNG这类的静态图片, 也可以是GIF动图, 一个有创意的GIF动图可以提升关注的数量.

我使用AE的第一个目标, 就是制作一个求关注的GIF图, AE可以合成AG动画视频, 视频可通过ScreenToGif转换为GIF图

写文案找素材

我Github个人项目共获得了3万Star(程序员老哥们3万次星标), 而Github恰好有一个吉祥物章鱼猫的专题页,提供了大量章鱼猫素材.

专题页: https://octodex.github.com/

https://octodex.github.com/

由于Github是全球最大的程序员社区, 而程序员男性较多, 所以Github被称为全球最大的同性交友社区, 所以我打算做一张章鱼猫六兄贵的Gif图(略哲学).

最终找了六张官方章鱼猫CosPlay魔改图, 并设置了动效

  • 朋克猫

朋克猫

动效: 循环播放动画

  • 塞尔达林克猫

塞尔达林克猫

动效: 像素拼装出现

  • 钢铁侠猫

钢铁侠猫

动效: 底部飞出来,并降落

  • 蜘蛛侠猫

蜘蛛侠猫

动效: 抱着二维码倒挂出现~

  • 冲锋猫

冲锋猫

动效: 从远处赶来

  • 马里奥猫

马里奥猫

动效: 从左侧跳出来(水管工传统艺能)

文案定为公众号0加1的作者为zhaoolee, 一个在全球最大的同性交友社区(Github), 获得3万Star的热血老哥, 求关注~

成果

0加1

当然也可以截个静态帧

静态帧

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2021-05-21-14-38-12-ae/

如何才能不看知乎广告?手机浏览器安装Edge扩展程序通用教程

知乎App的广告真的是越来越多了,问题与问题之间插广告,每个回答必插一条广告。

如何才能不看知乎广告呢?

先说结论,少用App, 多用网页版。

PC端用网页版很容易,Chrome浏览器配合扩展工具uBlock Origin, 可以让知乎变得干干净净(uBlock Origin不仅可以屏蔽视频广告,还能屏蔽视频广告,非常强大)

uBlockOrigin

uBlock Origin实用教程: https://www.v2fy.com/p/069_ublock_origin/

(需要更多风骚扩展工具, 请前往Chrome插件英雄榜 https://github.com/zhaoolee/ChromeAppHeroes )

使用前效果

广告知乎

使用后效果

干净的知乎

如何将uBlock Origin搬到手机端?

  1. 首先下载安装kiwi浏览器

下载地址 https://zhaoolee.lanzoui.com/i4e5ron037c

  1. 在设置中,开启默认请求桌面版

kiwi开启默认请求桌面版

  1. 安装 uBlock Origin 插件

访问https://microsoftedge.microsoft.com/addons/detail/ublock-origin/odfafepnkmbhccpbejgmiehpchacaeak?hl=zh-CN从Edge浏览器商店中下载 uBlock Origin的 crx 安装包

kiwi下载Edge扩展程序

进入扩展程序, 打开开发者模式 , 加载刚刚下载好的uBlock Origin的crx安装包, 启用uBlock Origin

kiwi浏览器安装并启用crx安装包

  1. 可以愉快的刷无广告的知乎了

愉快刷无广告的知乎

安装扩展程序后的kiwi浏览器, 基本访问任何网站都看不到广告~

小结

本文提供了一种通用的, kiwi浏览器安装crx扩展工具的方法, 虽然Chrome扩展商店无法访问, 但Edge扩展商店在国内可以访问,我们可以通过访问https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home 获得自己想要的扩展工具~

(需要更多风骚扩展工具, 请前往Chrome插件英雄榜 https://github.com/zhaoolee/ChromeAppHeroes )

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2021-04-29-19-22-49-zhihu/