在更改app的功能的时候会需要更新本地Xcode上的配置文件。如果没有及时更新，会造成功能无法使用的情况。例如如下报错： 12Showing All MessagesProvisioning profile "iOS Team Provisioning Profile: ***" for "***" contains entitlements that aren't in the entitlements file: com.apple.developer.healthkit.background-delivery. To use these entitlements, add them to your entitlements file. Otherwise, remove unused entitlements from your provisioning profile. 那么如何更新Xcode的配置文件呢？ 方法一：进入配置文件夹打开访达，在菜单中点击前往->前往文件夹 输入下面的地址 1~/Library&#x ...

一些小型的工具类应用还是比较推荐支持多语言的，毕竟语言是使用软件的最大门槛。如果没有掌握语言，使用这个应用仅靠着图形界面来说除非是常用应用，否则根本不会使用。特别对于年纪较大的人来说更不友好。如何使用SwiftUI的情况下还能够尽兴本地化呢？ 起始项目我这里创建了一个项目，进行了一个基本布局。 1234567891011121314struct ContentView: View { @State var name = "小明" @State var appleCount = 2 @State var orangeCount = 1 var body: some View { VStack { Text("你好世界") Text("\(name)！我们都有什么？") Text("我们有 \(appleCount) 苹果") Text(" ...

我们常用Foreach来遍历数组生成一个列表视图，SwiftUI为我们提供了非常简单方便的删除方式。在看过其他人发布的代码里经常能看到无法使用数组直接remove的情况，这里介绍一个正确的使用方法。 界面样式 代码123456789101112131415161718192021222324252627282930import SwiftUIstruct ContentView: View { @State private var numbers: [NumberInfo] = [ NumberInfo(num: 1, info: false), NumberInfo(num: 2, info: true), NumberInfo(num: 3, info: false) ] var body: some View { VStack { Form { ForEach(numbers, id: \.self)
...

应用使用快捷的主屏幕链接是常用的快速进入到某一个功能所必备的方式。那么如何让应用支持主屏幕快捷操作呢？ 本文为翻译内容，来自Jeeva Tamilselvan 本文有删减，推荐访问英文原文地址：Home Screen Quick Actions — SwiftUI 2.0 翻译： 张洪Heo（转载注明出处） 非原创内容须知 iOS 12中引入了主屏幕快速操作。这是一个快捷按钮，可以将用户导航到应用程序中的特定位置。如今，许多应用程序都带有这种快速行动功能。在这篇文章中，我们将学习如何在SwiftUI应用生命周期(2020)中实现“主屏快速操作”。 我们开始吧 创建动态菜单动态快速操作在运行时添加到应用程序。这些快速操作是分配给UIApplication的共享实例的UIApplicationShortcutItem数组。 让我们在App struct(也就是SwiftUI生命周期中应用的入口点struct)中创建一个函数。 1234567891011121314151617181920212223242526272829303132@mainstruct Quick_Actions ...

基本的APP结构大多都是由底部的tab栏和tab栏包含的页面构成。在SwiftUI中我们可以常见到使用TabView来进行构建APP。那么如何使用TabView呢？ 最简单的TabView1234TabView { Text("Tab 1") Text("Tab 2")} 我们使用TabView包裹了两个视图，发现底部的tab栏还是空的，因为我们还没有定义内容。 12345678910111213TabView { Text("Tab 1") .tabItem { Image(systemName: "star") Text("One") } Text("Tab 2") .tabItem { Image(systemName: "star.fill") ...

用Xcode新建的项目默认是英文，并且在一些函数上因为只有英文，获取到的值也都是英文，例如在获取日历的月份时，Calendar的monthSymbols获取到的都是英文的月份。那么如何让应用和开发的项目支持中文呢？ 添加项目语言我们可以在项目的信息管理中，添加中文支持 配置应用信息我们还需要对应用的信息进行语言配置，如果你的应用只打算支持中文，可以修改Localization native development region项目为China 如果你的项目想要支持更多语言，需要新添加一个Localizations项目 然后添加一个语言项目 大功告成！现在系统会根据你本机的语言来进行设置了

在SwiftUI中数据传递非常的简单，方便理解的话，我们可以简单的把数据传递理解为一次传递使用@ObservedObject，二次及以上传递使用@EnvironmentObject。这只是一个理解方式，并不是原理。 创建数据类我们可以新建一个数据类，这个类用来调用我们的数据结构体和一些常用的函数。 123456789101112131415import Foundationclass UserData { var userList: [User] init(userList: [User]) { self.userList = userList }}struct User { var name: String var age: Int} 这是一个简单的类包含结构。接下来我们需要在类上继承ObservableObject超类。 123//...class UserData: ObservableObject {//... 调用数据类在视图中我们可以直接使用这个数据 ...

本文为转载文章，以下内容来源于 SwiftUI - iOS10本地推送通知教程UserNotifications在Swift中的实现方式 cnblogs 简介消息推送相信在很多人的眼里都不陌生了吧？像即时聊天微信，好友发信息给你时会在顶部弹下小窗口提醒你。也像是在影院APP预订了电影票，在开场前一小时你也会收到提醒。这类推送是需要经过后端发送请求的，需要服务器发送推送请求，又或者使用如极光推送等第三方渠道。 那么如果我们的APP不需要连网呢？这是不是就不能使用消息推送了？不是的，苹果还提供给我们本地消息通知服务，即便APP不连网也能使用，功能也很强大可靠。本地时钟的应用场景很广泛，例如手机上的时钟、日历等。 那么你知道如何去实现它吗？这篇文章将告知你答案，同时以两个小案例作为例子，以便更好地去理解它。 笔者环境Xcode - Version 11.5 (11E608c) Swift - version 5.2.4 (swif ...

创建扩展1234567891011extension Bundle { var releaseVersionNumber: String? { return infoDictionary?["CFBundleShortVersionString"] as? String } var buildVersionNumber: String? { return infoDictionary?["CFBundleVersion"] as? String } var releaseVersionNumberPretty: String { return "v\(releaseVersionNumber ?? "1.0.0")" }} 获取版本号1let version = Bundle.main.releaseVersionNumberPretty

SSH登录使用密码登录有会被爆破的风险，宝塔建议使用密钥来免密登录。那么如何来配置密钥文件放入本地机器呢？ 打开密钥登录宝塔有非常方便的密钥登录配置方式。使用图形界面无需命令行就可以更改SSH的安全设置。首先进入安全->SSH安全管理->密钥管理->SSH密钥登录来开启密钥登录方式，同时建议关闭密码登录。 下载密钥文件点击窗口下方的下载，你可以得到一个id_rsa文件，将它重命名一个新名称例如id_rsa_light。然后访问/Users/<你的用户名>/.ssh/。例如：/Users/zhheo/.ssh/。将重命名好的文件拖入进去。 配置密钥然后我们访问这个文件夹的config文件，在后面以以下范例模式来进行添加。 12345# 腾讯轻量云Host 86.34.122.56HostName 86.34.122.56PreferredAuthentications publickeyIdentityFile ~/.ssh/id_rsa_light Host填写你的公网ip地址 HostName可以进行自定义，这里填写的同上 Id ...

404页面是在文件不存在的时候产生的。设想一个场景，用户急于寻找问题的答案，那么当用户通过例如搜索引擎和错误的内链进入到404网页时，用户可能下意识就会关闭网站。如何在404页面留住用户呢？ 在无法判断用户的来源和目标的情况下，最好的还是做主动推荐。所以我在404页面的下方添加了最近的文章列表，使用的是butterfly的侧边栏最近文章列表的代码。 值得一提的是，最近文章模块没有必要在首页显示，因为和左侧的文章列表重复。 Demo 引用站外地址，不保证站点的可用性和安全性 404 张洪Heo 代码编辑路径themes/butterfly/layout/includes/404.pug 12345678910111213141516171819202122232425262728293031323334353637- var top_img = theme.error_404.background || theme.d ...

想要在隐私协议里面添加展示用户自己会被暴露的信息，研究了一个获取用户信息并展示的方法，利用了ipip.net来获取用户的ip和地理信息。 DemoDemo 安装方式页面引入js 1<script src="https://cdn1.tianli0.top/gh/zhheo/JS-Heo@main/privacy/privacy.js"></script> 页面引入markdown 123456789| 类型<div style="width:100px"> | 信息 ||-------------|-------------------------------------|| IP地址 | <div id="userAgentIp"></div> || 国家 | <div id="userAgentCou ...

在研究二维码生成的时候发现一个好多年前的qrocde项QRCode.js然后就想用这个js直接生成该页面的二维码。 不过生成二维码在chrome浏览器中已经支持右键单击直接生成了，但是很多人不知道，也不清楚怎么用。我加一个二维码功能只是为了丰富页面，提醒分享，并方便手机查看。 Demo 安装方式页面引入以下两条js 12<script async src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.min.js"></script><script async src="https://cdn.jsdelivr.net/npm/js-heo@1.0.11/qrcode/qrcode-lu.js"></script> 在需要插入二维码的位置创建一个id为qrcode的div 个性化需要调节详细参数请了解QRCode.js

魔改了一下Twikoo的样式，拿出来分享一下，喜欢的可以搞一手。推荐用官方的。 查看样式 魔改内容 先输入评论再输入个人信息 信息整合，让结构更有条理 将工具放入输入框，更符合直觉 删除了我个人不需要的按钮 如何装配 使用魔改版可能会有更新和不兼容风险，请须知。魔改js随缘更新，可能与最新版不同步更新。 将twikoo的js文件地址更改为： 1https://cdn.jsdelivr.net/gh/zhheo/twikoo@dev/dist/twikoo.all.min.js 相关阅读Twikoo评论系统配置教程（基于腾讯云开发）

之前关于哔哔的教程写的都很乱，并且因为哔哔和Twikoo可能造成的冲突问题导致很多都访问不了，经常出现缓存和无法加载的情况。最终还是用json加载的方式来做bb了。这篇教程可以作为最终版的哔哔教程了。（再也不想折腾这个东西了） 这篇教程不再采用外链形式，一篇搞定全部。本功能已经基本完成，不再添加新功能，除非有bug会在GitHub上热更新，教程部分基本不会再更新，保证较长的生命周期。一次配置，一直使用。 开头个人精力和能力有限，不是很想折腾cloudbase的相关函数和api，所以用了bber-talk的方式来读json获取动态。 我做了什么？教程根据林木木的相关教程做了Butterfly主题适配和json化。加载速度大幅度提升，但是做了数量限制。 Demo教程完成之后你会得到： 一个首页的滚动轮播组件 一个可以展示动态的页面 和一堆发动态的工具 创建哔哔页面前期准备首先需要配置腾讯云开发，这个部分可以参考「哔哔点啥」微信公众号 2.0中的配置过程。 创建应用1.注册云开发CloudBase 2.进入云开发控制台，新建环境，请按需配置环境。 3.进入环境-登录授权，启用“匿名 ...

博客的滚动条有个问题，就是点搜索的时候网页会有一定的偏移。这个问题是由于滚动条占用了DOM，导致当不能滚动的情况下，滚动条不显示导致整体网页会鬼畜一下。其实只要一条css就能搞定。 修正滚动条位置通过overlay可以将滚动条独立出来。 123html { overflow-y: overlay;} 滚动条自动隐藏滚动条在需要显示的时候显示，在不滚动的时候完全可以隐藏起来。没有滚动条的视觉效果还是很不错的。 Demo本站采用该滚动条方案 引入引入js地址： 1https://cdn.jsdelivr.net/npm/js-heo@1.0.11/hidescrollbar/hidescrollbar.js 引入css地址： 1https://cdn.jsdelivr.net/npm/js-heo@1.0.11/hidescrollbar/hidescrollbar.css 参考文档Javascript监听滚动条滚动停止

之前用的一直是图片画廊，感觉图片画廊的样式不是很好看，最近寻觅的时候发现了一个比较有趣的方形卡片的视差效果感觉很不错。所以就将原本的项目移植到了分类页面。整个移植是针对Hexo博客来的，不过应该是能通用更多的页面。 展示效果 Demo（目前采用非三维效果） 引用站外地址，不保证站点的可用性和安全性 分类 张洪Heo 代码编辑source/categories/index.md，将type对应的值删掉。粘贴以下代码： 不兼容Safari兼容Safari但无三维效果123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<link rel="stylesheet" type="text/css&qu ...

这算是短文向发图片迈进的一小步，一直以来不太清楚快捷指令是如何上传图片的，根据从冰老师那拿来的快捷指令掌握了发图片的技巧，但是这个快捷指令能力有限。所以改进了一下。 快捷指令特性 支持图片直接上传并将url复制到剪贴板 配合mac接力可实现手机端传图无需经过电脑自动复制链接 支持共享表单，通过图片app中的分享直接调用快捷指令 运行截图 指令地址使用手机打开此链接

列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措，例如文章置顶。但是文章置顶多了就会看不见新文章，置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的，丰富层次。 这个文章的核心思路就是给文章的markdown文件里添加一个large参数，当large=true时，则文章会添加一个class。然后针对这个class进行css的调整。让我们开始吧。 样式预览 Demo 修改源文件编辑themes/butterfly/layout/includes/mixins/post-ui.pug 12345mixin postUI(posts) each article , index in page.posts.data if article.hide !== true- .recent-post-item+ .recent-post-item(class= (article.large === true) ? 'post-card-large' : ' ...

有些时候我们需要对不同地域的用户做一些限制，比如在北京的用户不能查看文章正文等。如何判断用户所在的地域并针对不同的地域做出限制呢？这里利用sohu的地域判断API。这篇文章用Butterfly的评论功能做地域限制为例子。 本文以pug代码为例，html代码在文章后面。 城市获取1234script(language='javascript', type='text/javascript', src='//pv.sohu.com/cityjson')script(language='javascript', type='text/javascript'). var city = returnCitySN['cname']; //- console.log(city) city变量则为城市名。例如北京市。然后可以通过city变量内容字符串是否包含北京即可。 判断 ...

presentationMode在iOS算是一个特色了，非常方便的全屏弹窗，可以下拉关闭窗口。弹出的动画非常流畅。这里来记录一下如何写一个presentationMode弹窗和关闭presentationMode的窗口。 样式presentationMode弹窗非常常见，在iOS几乎无处不在。 示例 示例源代码 创建presentationMode例如要打开EditingView()，则需要有一个@State的变量，用来监听弹窗时机。 1@State var showEditing = false 关联变量并设定弹窗内容在任意层Stack后面添加.sheet 1234.sheet(isPresented: $showEditing, content: { EditingView() .environmentObject(userData) }) 然后利用Button或者是onTapGesture改变变 ...

本项目已经停止维护，但仍能正常使用，不再进行答疑。新版本项目入口 第一个写的测试版有几个问题，这个版本中使用冰老师那年今日同款Swiper来进行滚动，滚动更加丝滑，并且没有pjax的疯狂滚动问题。并且鉴于Swiper有更多的扩展性，这个功能还有更多发挥空间。 样式预览 相比旧版本相比旧版本增加特性 滚动更流畅 无疯狂滚动bug 查看如何配置bbHexo的Butterfly适配个人动态（哔哔 for 腾讯云），在博客上发朋友圈 Hexo的Butterfly主页适配哔哔动态，博客主页展示滚动消息 创建dom创建themes/butterfly/layout/includes/bbTimeList.pug 1234567#bbTimeList.bbTimeList.container i.bber-logo.iconfont.icon-bblogo(onclick="location='/essay/'",title="即刻短文",style="font ...

今天尝试分享自己网站到微信的时候发现微信的缩略图取得很奇怪。所以找了一下如何显示自定义内容的方法，发现常说的使用微信sdk的方式太麻烦了，对于只有一个前端的静态博客，简单化是最好的。 效果预览 添加代码首先准备一张300*300的图片作为缩略图。 在head头部添加一个div，包含img标签。 12<div style="display:none;"><img src="/img/wechat.png" alt=""></div><meta property="og:image" content="https://*.***.***/*.png"> 第一行src、第二行content更改为图片地址即可，第二行的图片地址必须为完整地址。 参考文章微信分享链接的缩略图

目前开源项目比较流行的是server酱来进行消息提醒和传输，因为server酱的免费有着很多限制，比如消息不能直接看全，server酱需要关注公众号，且不能自定义头像等，有很多的限制。 使用企业微信搭建不需要安装企业微信app，可以直接在微信收到企业微信消息。 与server酱对比 server酱 Turbo版 腾讯云部署 调用vercel接口 搭建时间 一般 较长 较短，无需经过第三方网页 服务价格 8元/月 根据腾讯云函数进行收费 免费 免费额度 5条/天 1000GBs/月 vercel限制，超出限制可自行搭建 速度 信息加入异步推送队列，速度根据环境 非常快 受限于vercel的速度，较快 提醒 免费版只提醒收到消息，通知栏看不到详情 提醒消息全文 提醒消息全文 安全性 依据对项目的信任关系 开源项目 开源项目 数据隐私 推送内容保留1天/收费版7天 不会存储信息 不会存储信息 服务稳定性 一般 高，腾讯云一般很难挂 高，vercel应该不会跑路 其实类似于自己搭建的server酱。 我该如何选 ...

合理的使用a标签的rel属性必不可少，在适合的场景下使用正确的rel标签可以提升网站的安全性和保持搜索引擎权重不会流失。有利于搜索引擎中的排名。 nofollow本意来自于搜索引擎对于垃圾广告评论的抓取，很多打广告的为了增加自己的搜索引擎权重，所以在非常多的网站上使用a标签来留言。 建议适用范围非本站外链 noopener因为target=_blank的安全性，使用target=_blank打开的网页与你的网页共占线程，如果外链出现问题很容易影响到本站，将本站跳转到其他页面等攻击行为。 可以参考你不曾察觉的隐患：危险的 target=”_blank” 与 “opener” 建议适用范围使用target="_blank"的超链接 noreferrer目标站在使用类似百度统计的软件时会看到访问来源，如果添加了该标签对方只能在类似百度统计中看到直接访问而非你的网站。 建议适用范围出于隐私考虑的网站

获取文章数这个过程太麻烦了，因为需要经常更新，每个人的更新速度不同，就先写了一个获取butterfly主题的友链的文章数读取。以后有时间再完善一下，支持更多主题吧。 效果 代码getLinkList函数中open打开的地址换成yml文件地址 1234567891011121314151617181920212223242526272829303132333435363738394041import urllibfrom urllib.request import urlopenfrom distutils.filelist import findallfrom bs4 import BeautifulSoupimport yamldef getLinkList(): f = open('/Users/zhheo/Desktop/我的项目/blog/zhheo/source/_data/link.yml', 'r') ystr = f.read() ymllist = yaml.load(ystr, Loader=yaml.Ful ...

因为没有接触过npm这块，一直以来我都以为npm是一个黑盒，正式发布的软件都可以通过npm安装，感觉很厉害。最近尝试了一下npm，才了解其实并不复杂。 注册账号首先需要有一个npm账号，立即注册 注意，注册成功后一定要验证邮箱 配置在已经有的项目中cd进入项目文件夹，然后执行npm init会提示很多内容 package name选一个npm中没有重复名称的名字。可以到npm官网中搜索项目名称，不要重名哦。包名不能有大写字母/空格/下滑线。 version这个软件当前版本 description项目简介 main入口文件，默认是index.js，可以修改成自己的文件，用相对文件路径。 scripts包含各种脚本执行命令 test测试命令 author写自己的账号名 license输入这个项目的协议，例如AGPL 3.0 切换到npm官方源1npm config set registry https://registry.npmjs.org 发布第一次发布如果第一次使用npm推送，需要添加账户 1npm adduser 输入账号、密码、邮箱。 非第一次发布1n ...

本项目已经停止维护，但仍能正常使用，不再进行答疑。新版本项目入口 根据林木木的哔哔教程第二弹熟悉的味道，不一样配方中的首页展示滚动条进行魔改了一下，结合之前发布的Butterfly下自定义加载页底部滚动文字方法做成了现在的首页展示哔哔的样式。 效果预览 Demo 查看如何配置bbHexo的Butterfly适配个人动态（哔哔 for 腾讯云），在博客上发朋友圈 Hexo的Butterfly主页适配哔哔动态，博客主页展示滚动消息 Bug使用本教程会产生问题，目前还没有能力解决，如果你解决了欢迎告知我。如果想要体验无bug的首页哔哔，可以查看熟悉的味道，不一样配方这篇文章的内容。 你可能会遇到： 滚动完第9条后回滚到第1条动画不流畅。 说在前面本文基于熟悉的味道，不一样配方对Butterfly的补充说明。重复部分不再赘述。 其中没有包含的部分为腾讯云的相关配置部分。 创建ui文件创建themes/butterfly/layout/includes/bbTimeList.pug 1234567891011121314151617181920212223242526272829#bbT ...

本项目已经停止维护，但仍能正常使用，不再进行答疑。新版本项目入口 本项目来自林木木发的「哔哔点啥」微信公众号 2.0做的Butterfly适配。可以通过动态发一些一句话几句话的动态而不是写一篇博客，减少水文，提升整站文章质量。类似朋友圈。 效果预览Demo 关于首页滚动哔哔可以参考本文 关于首页滚动的扩展阅读Hexo的Butterfly主页适配哔哔动态，博客主页展示滚动消息 前期准备首先需要配置腾讯云开发，这个部分可以参考「哔哔点啥」微信公众号 2.0中的配置过程。 教程部分摘录:这个部分摘录「哔哔点啥」微信公众号 2.0详细图文教程请看原文章，这里指摘录文字部分。 创建应用1.注册云开发CloudBase 2.进入云开发控制台，新建环境，请按需配置环境。 3.进入环境-登录授权，启用“匿名登录” 4.进入环境-安全配置，将网站域名添加到“WEB安全域名” 5.进入数据库，新建数据库集合，命名 talks，权限设置为 “所有用户可读，仅管理员可写”。 云函数部署1.接着 新建云函数 函数名称 bber （可自定义），进入 函数代码 编辑，复制 index.js 代码丢入 inde ...

我使用计算机最核心的软件之一就是utools，因为我装的软件比较多，找应用如果通过我进行分类的文件夹来的话，层级比较深难以寻找，层级不深的文件夹比较多。所以utools是对于我来说一款不可或缺的应用。近些天偶然的机会发现了一个新插件，能够将聊天内容转成表情包。 Github地址： 引用站外地址，不保证站点的可用性和安全性 utools-plugin-text2image kexingfu 转换步骤非常简单，瞬间完成 我也fork了这个作者的这个仓库，补充了几个比较有趣的表情包。 可以来试试！ 使用方法到utools下载这个软件，然后进入插件中心搜索图片聊天 打开超级面板，根据上面的预览图操作即可。