黄良钵博客 | Huang Liangbo Blog

包罗万象 Vultr怎么解除信用卡绑定？

可以通过绑定其他不用的卡，然后解除绑定。 As this appears to be the only valid payment method active on your account, removing it will also require account deactivation. First, you will have to link a different funding source at https://my.vultr.com/billing/ if you wish to change the default payment method.Ticket回复或者你通过右上角的Ticket（信封）发起一个tk联系客服解除绑定，你就说你想用PayPal或者alipay支付，请求帮忙移除信用卡。如果他回复如上的话，你再次回复请求解除绑定，一般都会给你解除的。还有一个方法就是在你信用卡的app上设置一键锁卡，把境外消费给锁定，等哪天需要购买再解锁。

2019-10-11 10:14:02 26 0 0

阅读详情

电脑&系统在荣耀笔记本（Linux版）中拥有深度应用商店，几步就搞定!

随着预装深度操作系统（deepin）的荣耀笔记本（Linux版）的开卖，深度操作系统受到了广泛关注，作为一款Linux操作系统，深度操作系统美观易用的特点让不少用户耳目一新。有些拿到预装深度操作系统的荣耀笔记本用户由于前期没有接触过deepin，对deepin操作系统不甚了解，为了让大家有更好的使用体验，现特别推出深度操作系统升级、深度应用商店安装和应用软件安装的教程，方便大家更好的上手这款荣耀笔记本产品。安装系统更新在首次开机后，需要在设置-更新-更新中检查系统更新，如有更新请安装更新后再安装深度应用商店。以下操作需要连接网络，请保存网路畅通。安装系统更新的步骤如下： 1. 在启动器中点击“设置”打开，找到“更新”，点击进入 2. 再点击更新，系统会自动检测更新，如果更新请点击“下载并安装更新” 3. 安装后，系统会弹出提示，请选择重启系统。安装深度应用商店 1. 通过浏览器下载如下链接中的“应用商店”的安装包，如图：http://packages.deepin.com/deepin/pool/main/d/deepin-appstore/deepin-appstore_5.3.0.1-1+stable_amd64.deb 安装包的默认保存位置在：文件管理器-主目录-下载目录中，如图： 2. 安装“应用商店”，在深度操作系统中通过双击deb安装包的方式进行安装，deb安装包双击后会有打开如图：点击“安装”，如图：根据提供输入当前用户的密码进行授权、认证，如图：等待安装完成，此步骤需要联网，因此需要保持网络畅通，如图：显示安装完成后，点击完成退出，如图：安装应用软件 1. 打开“应用商店”的两种方式 (1) 在启动器中搜索“应用”的方式打开应用商店，如图： (2) 在起动器中选择“所有分类”-> “系统管理”来打开应用商店，如图： 2. 安装微信 (1) 打开“应用商店”后，通过搜索“微信”的方式找到微信，如图： (2) 选择微信后会进入微信的介绍页面，如图： (3) 点击安装进行安装，在当前界面可以看到软件下载、安装状态，如图： (4) 可以在应用商店的下载管理中查看软件的下载、安装情况，如图：下载过程安装过程 3. 安装WPS Office个人版在应用商店的“首页推荐”中点击 WPS Office 2019 For linux，会进入WPS Office软件的介绍页面，跟微信的安装过程相似，通过鼠标操作即可。 4. 安装 360安全浏览器在应用商店的“首页推荐”中有“360安全浏览器（正式版）”，将鼠标放在选项卡上会显示出“安装”按钮，可以直接点击“安装”进行安装，其余过程与微信的安装类似。下载、安装过程，如图： 5.安装搜狗输入法 (1) 打开“应用商店”后，通过搜索“搜狗输入法”的方式找到搜狗输入法，如图： (2) 点击右下角进行安装，也可进入介绍页面点击安装，安装完成后即可使用：这些操作你会了吗？这只是上手深度操作系统的初级操作，还有更多个性化设置与功能需要你自己去探索和体验，欢迎大家登陆深度社区（www.deepin.org）进行分享交流。如果您在使用深度操作系统（deepin）的过程中遇到了问题，欢迎拨打深度科技官方客服电话400-877-8283，或者将您的问题发送到tech@deepin.com邮箱，我们的工程师会及时解答您的问题，感谢您对深度操作系统的支持。文章来自：botao

2019-10-10 11:02:38 12 0 0

阅读详情

电脑&系统 deepin常用触控操作手势

经过多台设备的测试，我们总结归纳了deepin系统上的常用触控操作手势，供大家参考，目前deepin的手势操作已经十分完善，可以提供接近于mac os的手势操作体验下载 deepin常用手势下载资源来自：deepin_zxr

2019-09-25 12:02:54 31 0 0

阅读详情

电脑&系统 deepin常用快捷键

deepin下常用快捷键：下载 deepin常用快捷键下载资源来自：deepin_zxr

2019-09-25 11:53:52 32 0 1

阅读详情

程序开发 js瀑布流中图片加载导致渲染重叠解决方案

问题：每个item里面包含图片，由于加载延迟，导致渲染重叠。解决方法：等待图片加载完毕再次渲染。判断图片加载完毕方法： //判断图片加载完成后 var t_img; // 定时器 var isLoad = true; // 控制变量 // 判断图片加载的函数 function isImgLoad(callback) { // 注意我的图片类名都是cover，因为我只需要处理cover。其它图片可以不管。 // 查找所有封面图，迭代处理 $('.cover').each(function () { // 找到为0就将isLoad设为false，并退出each if (this.height === 0) { isLoad = false; return false; } }); // 为true，没有发现为0的。加载完毕 if (isLoad) { clearTimeout(t_img); // 清除定时器 // 回调函数 callback(); // 为false，因为找到了没有加载完成的图，将调用定时器递归 } else { isLoad = true; t_img = setTimeout(function () { isImgLoad(callback); // 递归扫描 }, 500); // 我这里设置的是500毫秒就扫描一次，可以自己调整 } } 在数据加载完的地方添加 isImgLoad $.getJSON("/mock/index/team.json", {}, res => { let html = `<ul class="masonry-list">`; for (const i of res) { html += ` <li class="masonry-item"> <h4 class="masonry-item-tit">${i.title}</h4> <img class="cover" src="${i.img}" alt="${i.title}"> </li>` } html += '</ul>' $('#team .team-main').append(html) // 忽略以上代码 // 判断图片加载状况，加载完成后回调 isImgLoad(function () { // 加载完成，初始化瀑布流 init('team') // 初始化瀑布流方法 }); }) 内容参考：予早

2019-09-17 17:24:33 39 0 0

阅读详情

程序开发 jQuery tab选项卡中的瀑布流

ui使用 weui ，主要看js部分，样式只在外盒子上加 position: relative; width : 100%; item元素添加绝对定位和固定宽度 width : calc((100% - 5px) / 2); position : absolute; <div class="weui-tab"> <div class="weui-navbar"> <div data-id="0" class="weui-navbar__item weui-bar__item_on"> 合作酒店 </div> <div data-id="1" class="weui-navbar__item"> 公司团队 </div> <div data-id="2" class="weui-navbar__item"> 会员活动 </div> <div data-id="3" class="weui-navbar__item"> 加盟共赢 </div> </div> <div class="weui-tab__panel">  <div> <div class="store" id="store"> <div class="store-main"></div> </div> </div> <div style="display:none"> <div class="masonry" id="team"> <ul class="masonry-list"> <li class="masonry-item"> <h4 class="masonry-item-tit">公司团队</h4> <img src="img/store/kaiwei.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">公司团队</h4> <img src="img/banner/home-swiper1.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">公司团队</h4> <img src="img/banner/home-swiper1.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">公司团队</h4> <img src="img/store/kaiwei.jpg" alt="${j.name}"> </li> </ul> </div> </div> <div style="display:none"> <div class="masonry" id="activity"> <ul class="masonry-list"> <li class="masonry-item"> <h4 class="masonry-item-tit">会员活动</h4> <img src="img/store/kaiwei.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">会员活动</h4> <img src="img/store/kaiwei.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">会员活动</h4> <img src="img/banner/home-swiper1.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">会员活动</h4> <img src="img/banner/home-swiper1.jpg" alt="${j.name}"> </li> <li class="masonry-item"> <h4 class="masonry-item-tit">会员活动</h4> <img src="img/store/kaiwei.jpg" alt="${j.name}"> </li> </ul> </div> </div> <div style="display:none"> <div class="masonry" id="join"> <ul class="masonry-list"> <li class="masonry-item"> <h4

2019-08-22 14:45:19 110 4 0

阅读详情

网站建设宝塔面板使用WebHook 更新nuxt网站

PS：注意需要关闭宝塔basicAuth认证，否则推送会报401错误（2019年09月11日14:36:52）首先在宝塔中安装WebHook插件：然后添加一个Hook 填入名称，规则可以随便填，待会在改提交后，在列表中点击编辑，然后参考下面的代码修改为你需要的 #!/bin/bash echo "" #输出当前时间 date --date='0 days ago' "+%Y-%m-%d %H:%M:%S" echo "Start" #判断宝塔WebHook参数是否存在 if [ ! -n "$1" ]; then echo "param参数错误" echo "End" exit fi #git项目路径就是你服务器网站允许的地址 gitPath="/www/wwwroot/xn__nf1a578axkh_xn__fiqs8s/$1" #git 网址 gitHttp="git@github.com:hlbj105/$1.git" echo "Web站点路径：$gitPath" #判断项目路径是否存在 if [ -d "$gitPath" ]; then cd $gitPath #判断是否存在git目录 if [ ! -d ".git" ]; then echo "在该目录下克隆 git" git clone $gitHttp gittemp echo "git地址：$gitHttp" mv gittemp/.git . rm -rf gittemp fi #拉取最新的项目文件 git fetch --all git reset --hard origin/master git pull #设置目录权限 chown -R www:www $gitPath # 下面是pm2操作 pm2 show # 重启 pm2 进程，其中blog为你需要重启的进程名或者id pm2 restart blog echo "End" exit else echo "该项目路径不存在" echo "End" exit fi 点击保存后，点击查看密钥，保存下WebHook地址 http://面板地址或者ip/hook?access_key=123&param=aaa access_key 为上面的秘钥 param 为你自定义的传值，在脚本中用$1接收，目前用于git项目名然后在github那边设置Hook 点add webhook后，去提交代码试试看有没有成功在宝塔webhook那边有个日志，可以查看是否成功，或者看你网站有没有成功更新

2019-08-12 09:45:43 97 4 0

阅读详情

程序开发 nuxt使用@nuxtjs/sitemap生成sitemap.xml

依赖于@nuxtjs/sitemap 和 axios ，如果是少量静态页面的话则不需要axios 先安装@nuxtjs/sitemap插件： yarn add @nuxtjs/sitemap axios 然后在 nuxt.config.js 中添加配置 sitemap: { path: '/sitemap.xml', // sitemap文件名，不用改 hostname: 'https://xn--nf1a578axkh.xn--fiqs8s/', // 网址 cacheTime: 1000 * 60 * 60 * 24, // 更新频率，只在 generate: false有用 gzip: true, // 生成 .xml.gz 压缩的 sitemap generate: false, // 允许使用 nuxt generate 生成 // 排除不要页面 exclude: [ '/404' ], // 页面路由 routes (callback) { axios.all([ // blog 分类 axios.get('https://blog.huangliangbo.com/wp-json/xm-blog/v1/menu'), // 文章列表 axios.get('https://blog.huangliangbo.com/wp-json/wp/v2/posts', { params: { page: 1, per_page: 100, _embed: true }, data: { progress: false } }), // 标签 axios.get('https://blog.huangliangbo.com/wp-json/xm-blog/v1/info') ]).then(axios.spread(function (menu, posts, info) { let now = new Date(); now.setHours(now.getHours(), now.getMinutes() - now.getTimezoneOffset()); let indexRoutes = [ { url: '/', changefreq: 'daily', priority: 1, lastmodISO: now.toISOString() } ] let menuRoutes = menu.data.mainMenu.map((data) => { let url = '' if (data.object === 'category') { url = '/category/1?type=' + data.object_id + '&title=' + data.title } if (data.object === 'page') { url = '/page/' + data.object_id } if (data.object === 'post_tag') { url = '/tags/1?type=' +

2019-08-12 09:20:36 130 0 0

阅读详情