frontend Safari can't using css max-content max-content 是 CSS 设置 width 时提供的一个较新的值，不同的浏览器存在一定的兼容性问题。 今天就碰到了 Safari 不能正常使用这个值的问题。 这个链接给出了标准答案：https://developer.mozilla.org/zh-CN/docs/Web/CSS/width 解决方法是在 CSS 样式表中另外指定一个 width: intrinsic; 即可： .my { width: max-content; width: intrinsic;
Thoughts 有关素食 为何吃素？ 我从去年冬天逐渐开始吃素，最开始只是不吃肉食，比如一道菜里有菜有肉就只吃菜。吃麻辣烫只是不点肉食。鸡蛋和牛奶都是正常吃的。 后来更近一步，但凡是有肉的菜一律不碰。葱蒜也在禁食之列。 吃素不是刻意为之，而是因为念了楞严咒，自然而然的就不想吃肉食了。 开始吃素以后，自己开始做饭的次数就明显变多，在外面吃饭很难找到纯素的食物。香菇是每餐必备的食物，和上海青一起炒很好吃。另外比较经常吃的就是各种蔬菜，以及口蘑、杏鲍菇等菌菇类食物。 为何放弃素食？ 粗算下来，我吃素有大概10个月时间。 放弃的最大原因是这个举动给家人和朋友都造成了很大的困扰和影响。 别人荤食，和我一起吃饭就不得不考虑素食，长此以往大家都不自在。过去吃荤，吃完一餐肉量刚好不会浪费，我吃素，家里经常就会出现浪费食物的情况。 我意识到，坚持素食是一种自私的表现。
sphinx Sphinx - rst 插入视频 <video> 是 HTML5 引入的新标签，RST 默认没有这个标签的指令，但可以通过 raw 指令插入原生的 HTML 代码将视频插入页面。 .. raw:: html <video src="_static/videos/sample.mp4" width="100%" controls="controls">
Caddy Caddy 快速实现本地目录浏览 这个需求场景是在局域网中，笔记本里一个视频目录想通过 http 开放给局域网里的手机等设备访问。 使用 caddy 在文件目录下执行以下命令： ~/media $ caddy browse 然后通过 http://<local-ip>:2015 访问即可，把 改成电脑的局域网IP地址即可。 最后 上述方案非常适合大量文件在本地和云端的公开分享，没有复杂设置，只要进入文件目录执行一条命令即可。 另外，在 Linux PC 端运行 caddy 服务器时会有文件描述符限制提示： WARNING: File descriptor
sphinx sphinx doc 本地开发环境部署 本地开发环境配置 以下内容面向 Windows 10 系统进行介绍 以下内容中的代码块有 > 提示符的行，均为在 Powershell 中执行的命令。 Python 安装 Windows 10 下载安装 Python 3.8，采用安装向导提供的推荐选项安装即可。 设置国内 Pypi 源 运行 Powershell 终端：执行以下两条命令，第一条是升级 pip，第二条是将 pip 的默认软件源修改为国内的镜像。 >
sphinx Shpinx 在 Windows 下的操作记录 排版约定 以下内容中的代码块有 > 提示符的行，均为在 Powershell 中执行的命令。 相关资源 Sphinx 官网 Sphinx 中文文档 Sphinx 主题 sphinx-rtd-theme Pandoc Python 安装 Windows 10 安装 Python 3.8，采用安装向导提供的推荐选项安装即可。 设置国内 Pypi 源 运行 Powershell 终端：执行以下两条命令，第一条是升级
Vue.js Vue.js 2.x 笔记 v-* 指令 v-bind 对应标签属性，可简写成:，如 :herf= v-on 对应标签事件，可简写成 @，如 @click= v-model 对应表单标签 v-slot 用于插槽，具名插槽可以简写成 #，如 `#header`` 组件 组件的 data 必须是一个 function，原因是每个组件被复用时都能保持其独有的 vue 实例； 通过 Vue.component 注册的全局组件，可以在任何一个 vue
食谱 烤翅的做法 用烤箱做烤鸡翅主要有两个要点：第一，腌制；第二，烤制。 腌制 鸡翅洗净沥干水分，不用放油，鸡肉本身带有油脂。 酱油（生抽）、五香粉、十三香、食盐、料酒、胡椒粉，根据鸡肉的量和个人口味酌情配置腌料。 腌制时间越长越入味，时间允许隔夜腌制肯定很好，反之放在冰箱腌制十几二十分钟也可以。 如果能把配料中的食盐改成现磨的玫瑰盐，把胡椒粉改成现磨的黑胡椒粉，口味更佳。 烤制 烤制分低温和高温两个环节 低温烤 把鸡翅用锡纸包好，入烤箱180度烤15分钟。 这个环节让鸡翅在保持水分的前提下烤熟。 高温烤 去掉锡纸，在鸡翅表面刷上一层蜂蜜（没有蜂蜜可以不用）
食谱 双立人不锈钢炒锅不粘的使用方法 我家的这口双立人炒锅已经很多年了，一直作为候补梯队使用。因为之前使用和清洁不当，上面已经出现了小砂坑。 在没有掌握使用方法的前提下，双立人不锈钢锅炒青菜是绝对不会粘锅的，但要炒肉的话一定会粘到你怀疑人生。 这几天在 Youtube 上学习了一下，发现不论什么品牌，只要是这种银白色的不锈钢材质锅具，想要炒菜不粘就要遵照以下规则： 锅烧热，撒一点纯净水上去，水珠会滋滋响，小水珠之间会结合到一起会合成大水珠。（这个也叫滴水实验） 倒入食用油，摇一摇锅，让油均匀分布在锅底。 油在锅面上出现比较明显的波纹状时，可以把火调小一点，放入食物开炒。 （有人建议用耐高温的油），我用的调和油也不知道是不是耐高温，反正没问题。 清洁 如果炒完以后，有一点食物粘在锅底，可以在锅里倒些清水，中小火加热，让粘住的食物溶解开以后再进行清洗。
Armbian armbian - 中文乱码 我的 NAS 是 arm 架构，安装 armbian 系统跑 OpenMediaVault。终端 SSH 登录管理时，中文名称会显示成 ??? 问号乱码。 按照 Linux locale 语言设置 的方法设置了 zh_CN.UTF-8 问题依旧，安装 fonts-wqy-zenhei 字体问题依旧。 最后发现是由于用户的配置文件中没有导入简体中文语言的问题。 解决方法 编辑 ~/.profile 在文件末尾添加： export LC_
Youtube Youtube-dl Docker 版本 在 Docker Hub 上发现了 youtube-dl 的另一种用法，很有意思，“一次性容器”，即用即装，用完即抛。 系统中安装了 Docker CE 是使用的前提 设置命令别名 $ alias yt='docker run --rm -u $(id -u):$(id -g) -v $PWD:/data vimagick/youtube-dl' 使用 $ yt nVjsGKrE6E8
食谱 小餐包配料表 图片来自互联网 配料表 水：150g 油：20g 砂糖：2大勺 盐：1/2小勺 高筋面粉：250g 奶粉：1大勺 干酵母：1小勺 水可以用鲜牛奶代替，如果用鲜牛奶可以不放奶粉。 制作 先稀后干的顺序加入面包机，选择发酵面团模式（90分钟）。面团和好取出肉面排气，把面团切割成大小均匀的小团（50g），摆到烤箱醒面20分钟（这是二次发酵），醒面后面团会发的更大。 醒面完毕，在面包表面刷上薄薄一层蛋液。 190摄氏度烤大概15分钟即可。
食谱 面包机制作批萨面团配方 结合 Youtube 上的视频和面包机说明书提供的配方，经过实际制作和微调总结出的以下配方。 配料表 水：150g 油：20g 砂糖：1大勺 盐：1/2小勺 高筋面粉：250g 干酵母：1小勺 制作面团 先稀后干的原则，依次加入水、油、糖、盐、面粉，酵母。盐和糖分别加在面包桶的对角，面粉均匀盖在水上，面粉顶端挖个小洞埋上酵母。 因为每个品牌面包机功能名称不一样，选择“批萨面团”或“
Company 上海市社保缴费专用卡残保子账户定向充值指南 这里记录电话银行分配方法 操作时间 工作日 10：00 ～ 16：00 操作流程 拨打 95588 按 7 更多服务 按 6 分行特色服务 按 5 银行卡服务 按 1 查询专用卡信息 按 1 查询社保卡 根据语音提示，输入社保缴费卡卡号和8位社保卡号 按 4 个性化分配 输入险种代码（06-残保） 输入分配金额
Wagtail Wagtail - How to using Documents Watail 预置功能除了非常方便好用的 Images 以外，还有 Documnets，用法与 images 类似。 由于 images 模块仅支持上传 jpg、gif、png 这三种常见格式的图片，而现在网站 logo 通常会采用矢量的 svg 格式，因此我考虑改用 documents 来处理其他格式图片的上传。 from wagtail.documents.edit_handlers import DocumentChooserPanel class HomePage(
Caddy Caddy - listen tcp :443: bind: permission denied 国内服务器很久没更新 web server 软件版本，刚刚从 github 下载最近的 caddy server 预编译二进制包替换掉旧的版本，但发现启动失败。本以为是 systemd 文件问题，替换了最新的也无济于事。 查看 systemd 日志，发现错误 listen tcp :443: bind: permission denied，找到如下解决方案。 解决方案 编辑 /etc/systemd/system/caddy.service，
Django Django get previous and next page 新闻页面的页脚需要添加上一篇和下一篇导航，queryset 提供了 get_next_sibling() 和 get_prev_sibling() 方法，直接链到模型查询后面即可。 # 上一篇和下一篇 def get_context(self, request): context = super().get_context(request) if NewsPage.objects.live().get(pk=self.id).get_next_
Debian E: 软件包 xxx 需要重新安装，但是我无法找到相应的安装文件。 NAS 出现了诡异的错误，共享使用入场，但 OpenMediaVault 莫名其妙的丢了，终端的 apt 返回错误： E: 软件包 openmediavault-omvextrasorg 需要重新安装，但是我无法找到相应的安装文件。' 解决方法 $ sudo dpkg --remove --force-remove-reinstreq openmediavault-omvextrasorg 然后执行： $ sudo apt upgrade Reference https://blog.csdn.net/TA_tan/article/
Rime Gnome 3 ibus-rime 候选字横排显示 Manjaro Gnome 3，装了中州韵输入法，通过 ibus-setup 设置候选字横排无效。中州韵项目主页也没有对 Linux 下的中州韵的定制做过多的说明（PS：有关样式定制方面的内容，项目主页只针对小狼毫和鼠须管介绍）。 据说这是个一直没有解决的 BUG，临时解决方案如下： 解决方案 $ nano ~/.config/ibus/rime/ibus_rime.yaml # 添加以下内容 style: horizontal: true 重新部署 rime 即可。 Reference 请问ibus-rime如何设置输入框横排显示
frontend How to using validate.js with custom rule 表单需要对手机号码字段做验证，找到了一个能匹配目前几乎所有号段的正则表达式： /^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/ Form <form name='join' method='post' action=''> ... <input id="id_mobile&
Django Django/Wagtail 实现新闻置顶 正常情况下是时间倒序，Django 的 order_by() 支持多参数排序，把置顶参数放在时间参数前面即可： NewsPage.objects.live().order_by('-hot', '-first_published_at')
Django Django 项目开始前先自定义 User Model Django 官方文档的自定义身份认证部分有这样一句话： If you’re starting a new project, it’s highly recommended to set up a custom user model, even if the default User model is sufficient for you. 如果您正在启动一个新项目，强烈建议设置一个自定义用户模型，即使默认的用户模型对您来说已经足够了。
frontend BrowserSync 页面自动重载工具 网站前端开发过程中，每一次修改代码，都要手动刷新浏览器才能看到页面的变化。有了 LiveReload 工具就通过程序维护一个本地的静态服务器，实现静态资源变化，浏览器自动重新刷新的功能。 Python 下面有个名为 httpwatcher 工具，直接在静态资源根目录执行 httpwatcher 就可以实现页面变更自动刷新。 刚刚又找到一个 NodeJS 环境下的实现 BrowserSync，可以和 gulp 混合使用，相比要更灵活。 安装 Linux 环境下以普通用户身份安装时通常需要 sudo，因为模块默认会存放在 /usr/lib/node_modules 目录，
Manjaro 小米笔记本 Air + Manjaro 18.0.4 指纹识别 暂时没找到配置指纹识别的 GUI，查到的资料基本都是介绍在终端中配置指纹的方法，好在不复杂。另外有文章说默认情况下仓库里的 fprintd 不支持小米的指纹设备，可能是最新的仓库版本已经更新，直接使用默认安装的就已经可以使用了。 启动服务 $ sudo systemctl start fprintd.service 添加指纹验证 $ sudo nano /etc/pam.d/system-local-login 在 system-login 前面添加指纹验证： auth sufficient pam_fprintd.s auth include system-login
Dropzone 获取上传成功后的返回值 表单如下，class="dropzone" 用于 Dropzone.js 识别处理，id="zhizhao" 按需设置为了操作 dom 的时候能被方便的找到，action="/topic/upload/" 是后端对应的 route。 <form id="zhizhao" action="/topic/upload/