NOTESIssac Tan / Feb 11, 2022WebsitedateFeb 11, 2022slugNotesForMestatusPublishedtagsWebsitesummarySome Learning NotestypePost 超简单在Nobelium添加Gitalk评论系统超简单!超简单!超简单!因为作者已经提前在博客系统里帮我们安装好了Gitalk,所以我们需要做的就是补充blog.config.js文件里这些数据就可以了!https://bieb13.com/gitalkinnob使用 nobelium + Notion 制作博客的一些 Tips:如何自定义新的导航连接前段时间把博客迁移到了使用 nobelium + Vercel 的 Notion 上面,最大的好处就是可以利用 notion数据库的形式,来实现写完文章后,把状态改为「publish」就可以立刻发布,不需要在像 Hexo 一样安装npm,每次发文章都需要部署。而且 notion 里大部分的格式都可以在博客里使用,比如书签、表格、代码块、图片、视频等,不需要再找一个图床了。本文将告诉你,如何修改自己博客里 nobelium 的源文件,如何自定义新的导航连接,如何调整导航透明背景的模糊程度。https://blog-issei.vercel.app/nobelium_tips将博客迁移至可自定义域名的Medium平台之前我的博客是建立在 Typecho 上,购买的国外虚拟主机,近期不知为何,无法进行文章发布操作,作为设计师而非程序员暂时解决不了这些问题! 并且就建博客站这件事情来说,折腾过 Wordpress 和 Typecho~~~现在年纪大了没心力继续折腾下去,相对而言多写一些内容更实在些,寻找可自定义域名的博客服务成了我现在的首选。 当前可自定义域名的博客方案大概找到了两类四种: 基于 Cloudflare super.so $12/月 notelet.so $7/月 Papyrus,自定义域名一次性收费 $50 Medium,开启会员订阅 $5/月,即可启用自定义域名 与 Medium 客服咨询后得知,退订会员服务后,已自定义的域名:"It will continue to work." Substack,自定义域名一次性收费 $50 尝试过这些服务之后,觉得还是简单且好看的 Medium 更加适合我,并且 Medium 也可以通过 MWeb 进行发布,之前一直使用 MWeb 进行写作和发布,原文件一直都在,搬迁也方便,学习成本最小! 以前写的文章再斟酌修改一番再搬迁上来,以后继续在 Medium 上发布新的博客文章。 NotionNext 是 tangly1024 基于 nobelium 进行的二次开发版,与作者 tangly1024 联系过,反馈很及时,NotionNext 比原版更完善也更好看,用 Notion 管理博客貌似也是一个不错的选择,持续关注中......https://huguadao.com/%E5%B0%86%E5%8D%9A%E5%AE%A2%E8%BF%81%E7%A7%BB%E8%87%B3%E5%8F%AF%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9F%9F%E5%90%8D%E7%9A%84medium%E5%B9%B3%E5%8F%B0-e6f120907a1darkmode.js🌓 Add darkmode / nightmode to your website in a few secondshttps://darkmodejs.learn.uno/自建、免费、开源的评论系统解决方案我最近把评论系统切换到了 Cusdis ,这是一个非常年轻的项目,我是看着 GitHub Repo 从建立到现在近 900 个 star 的。产品体验不错,在开源协作的过程中也有很多收获,觉得有必要推荐一下,并且介绍下自己用的 workflow 所以有了这篇水文。 评论系统有以下几种选择: 公司产品,最有名的比如 Disqus,好处是使用人数多方便互动,不用自己管理 Infra,缺点是不由你说了算,比如强行给你加广告付费才能去除(驱动我换评论系统的最大原因),以及被墙及跑路的风险。 白嫖后端产品,常见被白嫖的有 GitHub(utterances),LeanCloud(Valine),优点是省心,缺点是不好导出迁移。 自造轮子产品,比如我曾经就做过一个,优点是完全自主,缺点是要做好没有 bug 还是有很多细节要考虑,而且维护 infra 也是一个开销。 Cusdis 其实三类全占,它既有一个 Hosted 服务你可以直接把数据托管在上面,也给了你自己部署自建数据库的自由。而且它支持从 Disqus 导入评论数据。于是我就尝试了一下,最后发现整个方案我挺满意,重点是全白嫖不花钱,下面分享一下。 Cusdis 支持连接你指定的 PostgreSQL 数据库实例,为了省心我首先想到了 DBaaS,但之前对这块不太熟,找了下各大知名云,都不是永久免费。于是我想到了 Heroku ,对于免费的实例只有 PostgreSQL 是可以免费用的,而 Cusdis 又(暂时)只支持连接 PostgreSQL,一切都是刚刚好。 注册帐号登录之后,进入到 Dashboard,右上角 Create new app 新增一个 app,区域选美国 转到 Resourceshttps://frostming.com/2021/04-28/self-host-comment-system/如何创建电报机器人 - 技术聊天机器人通常被吹捧为用户与技术和企业互动方式的一场革命。与传统应用程序相比,它们的界面非常简单,因为它们仅要求用户聊天,并且至少从理论上讲,聊天机器人应该能够理解并执行用户对其的要求。 许多行业正在将其客户服务转移到聊天机器人系统。这是因为与实际人类相比,成本大幅下降,而且还因为其坚固性和持续可用性。聊天机器人可提供一定程度的用户支持,而无需支付大量额外费用。 如今,聊天机器人已用于许多场景,从诸如显示时间和天气数据之类的琐碎任务到诸如基本医疗诊断和客户沟通/支持之类的更复杂的操作。您可以设计一个聊天机器人,以在客户询问有关您产品的某些问题时为您提供帮助,也可以制作一个个人助理聊天机器人,该机器人可以处理基本任务并提醒您何时开会或去健身房。 在何处可以部署聊天机器人时,有很多选择,并且最常见的用途之一是社交媒体平台,因为大多数人会定期使用它们。即时消息应用程序也可以这样说,但有一些警告。 node js 和 angularjs 教程 电报 是当今最流行的IM平台之一,它使您不仅可以将消息存储在云中,还可以将其存储在云中,并且还具有良好的多平台支持,因为您可以在Android,iOS,Windows和几乎任何平台上使用Telegram可以支持网络版本的其他平台。在Telegram上构建聊天机器人非常简单,只需很少的步骤即可完成。聊天机器人可以集成到Telegram组和渠道中,并且也可以独立工作。 在本教程中,我们将创建一个Telegram机器人,为您提供来自的头像图像 可爱的化身 。我们的示例将涉及使用Flask构建机器人并将其部署在免费的Heroku服务器上。 要完成本教程,您将需要 Python 3 安装在您的系统上以及 Python编码技巧 。另外,对应用程序的工作原理有一个很好的了解是很好的补充,但不是必须的,因为我们将详细介绍我们所介绍的大多数内容。你还需要 走 安装在您的系统上。 当然,本教程还需要一个免费的电报帐户。您可以注册 这里 。您也需要一个Heroku帐户,您可以免费获得它 这里 。 要在Telegram上创建聊天机器人,您需要联系 僵尸之父 ,实质上是用于创建其他机器人的机器人。 您需要的命令是/newbot 这导致创建机器人的以下步骤: 您的漫游器应具有两个属性:名称和用户名。该名称将显示给您的机器人,而用户名将用于提及和共享。 选择机器人名称和用户名(必须以" bot"结尾)后,您将收到一条包含访问令牌的消息,显然,您需要保存访问令牌和用户名以备后用,因为您将需要它们。 在本教程中,我们将使用Ubuntu。对于Windows用户,此处的大多数命令都可以正常使用,但是如果您遇到虚拟环境设置方面的任何问题,请咨询 这个连结 。对于Mac用户,本教程应该可以正常工作。 首先,让我们创建一个虚拟环境。它有助于将项目的需求与全局Python环境隔离开。 $ python -m venv botenv/ 现在我们将有一个 botenv/该目录将包含我们将要使用的所有Python库。继续并激活 virtualenv 使用以下命令: $ source botenv/bin/activate 我们的机器人需要的库是: 您可以使用pip命令将它们安装在虚拟环境中,如下所示: (telebot) $ pip install flask (telebot) $ pip install python-telegram-bot (telebot) $ pip install requests 现在,浏览我们的项目目录。 .https://zh.portaldacalheta.pt/building-your-first-telegram-bot[Telegram] Telegram(五) 取得 Chat ID取得 Chat ID 之後,也可以試著在瀏覽器中輸入「https://api.telegram.org/botToken/sendMessage?chat_id=-123456789&text=Hello World」,紅色字體須改為自己的 token ,以及剛剛取得的 Chat ID ,應該就可以順利在頻道中廣播訊息了。http://blog.3dgowl.com/telegram-telegram%e4%ba%94-%e5%8f%96%e5%be%97-chat-id/使用Notion作为博客笔记、博客和其他记录https://lizhimiao.com/notion-as-blogNotion建立个站的教程及常见问题整理写在前面 首先要感谢Mastodon上的热心象友分享的链接和教程,没有那些我真的完全不知道从何开始。 然后这篇教程针对的是和我类似 对编程基本不懂 但又无法忍受国内各大平台条条框框想要自己建立个人主页的创作者, 对有CS基础的读者来说可能有说废话/spoonfeeding的嫌疑,但本文旨在分享一些零基础建站时可能遇到的问题,希望能帮到同样迷茫的灵魂。 先说一下我对个站的要求 能自定义域名 博客整理和内容发布要方便,至少手机和电脑端希望能同步操作 模板设置自由 而Notion满足这些,因为本身是类似归纳笔记性质的定位所以文章的分类做得很干净,手机端和电脑端的同步速度也快。其实公开的Notion页面本身就能作为博客使用,但可供分享的链接字符太多了,在外链完全无法通过审核的平台上分享起来会有困难,而且能自定义域名的话会更有是自己空间的感觉,于是就有了后文的一系列尝试。 至于其它类似wordpress、hexo、medium这样的博客网站因为没有实际体验过不好评价,专门制作网页的wix的话又太商业化,费用偏高而且模板可以自由发挥的余地较小。但如果想使用这些服务的话对应的教程我也看到过一些,收录在最后。 目录 一开始尝试了Next.js + Vercel的部署(程序都是别人写好的,只要知道怎样把github上的东西拿来用就好)。优点是 不需要额外购买域名 ,然后步骤相对简单,下面这两个中文教程写得很详细,前者甚至包含了怎样从github上复制repository的内容,哪怕没有编程相关的经验也可以尝试。 如何使用 Notion 制作个人网站? 使用 Nobelium + Vercel 把你的 Notion 变为博客 - 少数派 但实际部署了一下发现劣势也很明显:这样搭建出来的博客会丧失许多Notion Gallery自带的优势,比如Tag的管理和分类,比如vercel生成的网页在移动端浏览器上的排版会有点乱 右边展示的是 nextjs-notion-starter-kit 作者自己搭的博客,视觉效果虽说也很不错,但Blog Posts栏无法进行视图管理和搜索,因为我发布的内容很杂很乱,如果不能好好分类的话对浏览者来说会相当麻烦,所以不得不跳过这个选项。不介意这些的话倒是很推荐尝试,操作简单然后免费。 Next.js + Vercel生成的主页模板 Next.js + Vercel生成的主页模板https://ulnaeum.space/Notion-59e672300af1468198c7c9148eb5e9f8程序员做饭指南最近在家隔离,出不了门。只能宅在家做饭了。作为程序员,我偶尔在网上找找菜谱和做法。但是这些菜谱往往写法千奇百怪,经常中间莫名出来一些材料。对于习惯了形式语言的程序员来说极其不友好。 所以,我计划自己搜寻菜谱和并结合实际做菜的经验,准备用更清晰精准的描述来整理常见菜的做法,以方便程序员在家做饭。 同样,我希望它是一个由社区驱动和维护的开源项目,使更多人能够一起做一个有趣的仓库。所以非常欢迎大家贡献它~ 针对发现的问题,直接修改并提交 Pull request 即可。 在写新菜谱时,请复制并修改已有的菜谱模板: 示例菜 。 在提交 Pull Request 前更新一下 README.md 里的引用。 水产 荤菜 素菜 如果你已经做了许多上面的菜,对于厨艺已经入门,并且想学习更加高深的烹饪技巧,请继续阅读下面的内容:https://cook.aiurs.co/年度征文 | 打工人如何每周用两小时准备一周食材 - 少数派本文是少数派 2021 年度征文 活动 #生活 21 标签下的入围文章。本文仅代表作者本人观点,少数派对标题和排版略作调整。 和往年不同,今年文章的数据表现将很大程度上决定征文活动的最终走向,包括「双倍稿酬(由飞书赞助)」活动奖励、最终票选名单以及征文奖品类型。如果你喜欢这篇文章,不妨通过充电或评论的方式支持作者。 在 21 年毕业后的半年时间里,我买菜 20 次,一共做了 500 ...https://sspai.com/post/70146使用插件一键启用 Visual Studio Code 的毛玻璃效果 | EYHN's Blog上一次 我介绍了使用 "Custom CSS and JS Loader" 插件为 MacOS 开启毛玻璃效果。现在我把它做成了插件,同时支持了 MacOS & Windows 平台。 链接: Github | Visual Studio Code Marketplace | issues Windows 7 和 Windows 10 调用的是不同的 API,毛玻璃显示效果也不一样。其余版本的 Windows 系统因为没有对应 API,不支持本插件。 1. 启用默认主题 Dark+ (default) 主题 2. 下载安装本插件 商城链接 3. 在 VSCode 中按下 F1 键,输入命令 "Reload Vibrancy" 4.https://eyhn.in/vscode-vibrancy/GitHub - Paladinfeng/MiaoProject: Miao Project Bug 反馈本仓库为收集 Miao Project 在使用过程中遇到的问题 当初买 Apple TV 主要是看 Youtube 和 Netflix,想看 B 站我也没找到其他的渠道,如果要看 B 站就只能切到 Android TV 那边,后来 Android TV 上弹幕版本的 B 站也不更新了,也没办法选 4K 的画质,最后迫于无奈只能自己写一个 😭 ,真正的用爱发电了 请根据自己的需求理性加入测试,避免浪费测试名额,只加入测试但是长期不使用的用户可能会被清理 Guide Top Shelf Designed By Allen 首页推荐 热门(这块儿的 API 是从云视听那边抓来的,顺序可能和手机版不一样) 排行榜 二维码登录(API来自云视听,扫码登录的时候会有提示) 动态 搜索 历史记录 收藏 番剧 / 追番 4K / 8K 视频播放 原生播放器 通用设置(全局倍速播放,弹幕开关等) 视频面板 / 向下轻扫唤起视频详情 Dash / HLS 格式视频播放 根据网络带宽自动选择分辨率 点赞 / 投币 / 收藏 关注 / 关注列表 外挂字幕 根据权重屏蔽弹幕 直播 / 弹幕 / 醒目留言 支持杜比视界(Dolby Vision 8.4 + HLG 或者 Dolby Vision 5 + PQ) 支持杜比全景声(Dolby Digital Plus with Dolby Atmos) 匹配动态范围和帧率https://github.com/Paladinfeng/MiaoProjectSlack、Figma、Obsidian、PPT......你常用的软件还有这些「不一样」的用法 - 少数派日常生活里我们并不一定会按部就班地「专物专用」,比如懒得洗碗的时候可能直接把锅当作碗用,把奥利奥碾碎的话也可能顺手拿起旁边的杯子......从某种程度上来说,软件是一种工具,它一定有自己的属性,有擅长处理的事情,但也不必被限定用法。少数派的一些作者们,通过自己的实践和探索,在软件使用上有一些另辟蹊径的用法。 Slack 是一款国外的企业协作工具软件,它集成了电子邮件、短信、Google ...https://sspai.com/post/68633用排版梳理逻辑关系 - 少数派编注: 本篇文章为 Microsoft 365 工具升值包的试读内容,Microsoft 365 工具升值包是少数派针对 Office 办公套件推出的「工具 + 教程」定制化产品,旨在帮助你用好手边的工具,发挥工具真正的价值。 Microsoft 365 工具升值包推出限时续订优惠,下单立减 20 元,老用户 (2021 年 2-4 月下单的用户) 还有专属优惠券,叠加再减 20 元。 ...https://sspai.com/post/71621sspai.com无论是在学校还是在工作中,我们都不可避免地要和「办公三剑客」打交道--撰写书面文件的 Word 文档、数据统计中最为便捷的工具 Excel 表格,以及用来展示汇报的演示文稿 PowerPoint。其中,演示文稿的制作更为复杂,对于撰写制作人员的要求也是最高的。 制作一份优质演示文稿就像是「盖房子」--文档的框架就像是「建筑地基」,是演示文稿的基础;在此之上则是主题模板的选择,它就像是「建筑结构」,是构建起演示文稿内容的重要组成部分,而美观的图表和插图则更像是建筑物的「内部装饰」,它让演示文稿美观清晰,也更能清楚地表达出演讲者的核心观点。 但真正到我们实际来制作演示文稿的时候却经常会遇到不少的难题,比如说文稿框架出来了不知道如何选择合适风格的模板以及主题,要反复地调整字体和排版,甚至对于不同图表以及形状的搭配都要纠结不已,严重时不仅降低效率还造成了「被动加班」。 虽然微软近些年针对 Microsoft 365 提供了相当多的新功能特性,比如说提供了不少官方的默认模板,并在制作编辑的过程中也会根据你的排版内容,通过「设计灵感」窗格提供自动的排版参考建议等等,但在实际使用中,这种官方的功能可以实现的帮助非常有限,毕竟我们更多地希望能一站式解决 PPT 的设计排版,iSlide 就是这样的一款「全能神器」。 在笔者的工作中经常需要给新入职的员工介绍公司研发的相关产品,所以就需要定时制作或者更新公司的产品功能介绍 PPT,笔者个人喜欢在制作 PPT 之前整理出大概的内容框架,再进行后续的 PPT 内容补充完善美化。 所以,我之所以选择 iSlide 在于其丰富而且全面的一站式 PPT 资源库,几乎涵盖了整个制作 PPT 流程中的所有环节。比如你在动手做 PPT 时还没有思路,也不知道怎么去整理你的 PPT 结构,那么你可以从 iSlide 自带的案例库中来寻找灵感。 iSlide 的案例库包含了相当多的第三方制作的成品 PPT,也可以根据关键字直接搜索别人做好的成品,如果案例和你要做的主题很契合,你甚至可以直接基于这些第三方的 PPT 进行「二次加工」。 看完案例之后,如果你已经知道你的 PPT 该是什么样的结构,那么就可以正式开始 PPT 的制作了。首先我们当然是选择一个合适本次 PPT 制作的主题模板了,相比微软 Office 自带的区区几十种主题模板,iSlide 提供的主题可以说是堪称海量,这里在 PPThttps://sspai.com/post/66612图片懒加载从简单到复杂 | OnionTalk图片懒加载是一个很重要的前端性能优化手段。这篇文章将从懒加载的最简单场景开始介绍,逐步增加复杂度,希望能讲清楚常见的图片懒加载场景及在该场景下对应的解决办法。 ...https://hateonion.me/posts/19jan30/Medium 渐进性图片加载 (Medium progressive image loading)一直对 Medium 的渐进性图片加载颇感兴趣,刚好最近有时间折腾了一下🤘。小有收获,并在自己的 blog 站点 实践了一下,总体体验还是不错滴😆。虽然之前对其实现思路有个大概的了解,但当自己深入研究后,发现还是有些值得探讨的技术点。如缩略图的支持、模糊效果处理、如何撑开缩略图等。 singsong: blog 站点的渐进性图片加载并未完全按照 Medium 的实现方式,在其基础上稍微做了一些调整。不过整体效果基本上是一样滴。 要实现渐进性图片加载,前提是需要后端对缩略图提供支持。关于缩略图的支持,之前自己写了一篇文章做了些介绍: WebP 实战 ,感兴趣的同学可以自行查看。另外,其他相关技术可以参考如下文章: LQIP - Low Quality Image Placeholders SQIP - SVG-Based Image Placeholder Facebook's 200 bytes 技术 the final format became one byte for version number, one byte each for width and height, and finally the approximately 200 byte payload.http://123fe.cn/2019/08/14/Medium-%E6%B8%90%E8%BF%9B%E6%80%A7%E5%9B%BE%E7%89%87%E5%8A%A0%E8%BD%BD-%EF%BC%88Medium-progressive-image-loading%EF%BC%89/blog.ichr.mehttps://blog.ichr.me/post/hexo-better-image-lazyload/blog.skk.moehttps://blog.skk.moe/post/img-lazyload-hexo/ Design inspiration and materialsUnsplashDribblePinterestIconFontEasyIconWallpaper-MicrosoftAwesome WallpapersSelf-Media List收容所 Asylum剩余价值 SurplusValue交叉点大破进击NicktalkAnyway.FM产品沉思录少数派编程随想 Online ToolsDocsmall-PDF-EditLateX-EditShield-MakingTableGeneratorUnlockMusicIllustrationsOuch!unDrawManypixelsabsurd designFreepikToolsGo-Back-To-NJS高下制图的 100 个 avataravatar-genhttps://avatar.gaoxiazhitu.com/avatar.zip4013.3KB