利用electron框架构建桌面级应用
前言electron是一个可以利用 JavaScript HTML CSS 等技术构建原生程序的框架,也就是说,利用electron可以让我们使用web技术来开发桌面应用。electron的GUI核心来自于Chrome,使用V8(JavaScript引擎),本身是基于C++编写的。市面上很多的程序,都是用electron开发的,例如:vscode atom 等。 electron一个很大的特点就是跨平台。electron兼容Windows,Linux以及Mac平台,利用electron开发的程序可以在这几个平台上运行。electron基于chromium,nodejs,这就让你可以用HTML CSS JavaScript构建应用。并且还是开源的,拥有活跃的社区来维护项目。 讲了这么多,现在就让我们来构建第一个属于自己的electron程序吧! 准备使用electron前,你需要安装nodejs。在终端输入以下命令,来检查nodejs是否安装 : 1node -v 1npm -v 如果终端返回了相对应的nodejs与npm的版本信息,那么恭喜你,你可以进行下一步了;如果没有返回,那么你 ...
hexo博客的高级SEO优化
前言不少人正在用基于hexo的方法来搭建博客,但是自己搭建的博客搜索引擎不常常光顾,这时候就需要SEO优化了。以下的方法纯属本人经验,希望对你有所帮助,如果你还有更好的方法,可以留言反馈。 1.查询你的网站是否被搜索引擎收录 使用高级搜索 site: 来查询你的网站是否被该搜索引擎收录 在搜索框内键入 site:你的网站域名 来验证你的网站是否被收录 如果你用site:高级搜索没有搜索到你的网站,那么说明你的网站并没有被搜索引擎收录。 如果搜索到了,但通过网站的关键词搜索不到,说明你的网站排名靠后,正需要SEO优化。 2.将你的网站提交给百度/谷歌 没有被搜索引擎收录的情况下,不要慌,我们可以提交我们的网站给搜索引擎。 以百度举例,首先,进入百度搜索资源平台 进入之后在用户中心里找到站点管理,点击即可进入 点击添加网站,选择你的协议头 http/https 按照自身情况选择,输入你的网站地址,点击下一步 在下一步里选择你站点的类型,即可进入验证网站阶段 一般验证网站有以下几种验证方法: 文件验证 html标签验证 CNAME验证 文件验证是指将百度给你的h ...
使用Typora与PicGO实现图片的Gitee服务器上传
很多人都喜欢用Markdown文档来写文章,使用Markdown语法那么最好用的编辑器就是Typora了。但是,当大家使用Typora的时候,插入图片往往插入的是本地图片,不是网络图片。这将会导致大家将文章发布到多个平台时会遇到图片不显示的问题,这就需要网络图床了。然而,很多免费的图床都不是很好用,花钱买服务器又不值得,这里我推荐一下我的方案:Typora + PicGo + Gitee。 使用Typora与PicGO实现图片的Gitee服务器上传可以让写文章的效率变得更快。当你写文章需要插入图片的时候只需要将图片复制粘贴到typora,picgo就会自动将你的图片上传到Gitee服务器并自动部署网站链接,typora这边也将会自动把你粘贴的图片自动替换成gitee的网络链接。在这个过程中,速度是非常快的。那么下面就是教程: 1.Gitee①进入gitee,创建一个公有仓库,并部署gitee pages服务 ②进入设置,私人令牌,创建一个新的私人令牌,并获取token,一定要妥善保管好token,后面要用到 2.PicGo①下载并安装PicGo ②下载gitee插件 ③配置Gi ...
Fusion App-所有网页都是客户端
今天给大家推荐的是一款手机软件——Fusion App。 这个软件十分的有意思,正如他的开发者所说的那样:这是一个”网页转应用”的应用。 这款软件功能十分强大,操作又十分方便,我相信你用过之后一定会爱上它。 软件自带了几个UI模板,上手十分方便。只需要你动动手指,一款软件就诞生了。 它还可以将网页中的组件删除,替换为安卓的原生组件,让你的网页看起来更像是一款软件。 它将复杂的代码编辑页面可视化,让简单的功能操作起来更方便,复杂的功能还可以用代码来实现,这一点做的十分不错。 软件还提供了图标库,可以为你的软件增加一些点缀。 就说这么多了,这个软件不用过多的介绍,因为操作起来很容易,吹爆开发者。 另外,我在酷安上看到开发者说二代正在开发中,让我们来期待一下二代吧。
Electron自定义菜单栏
之前发过一篇文章,名为 利用electron框架构建桌面级应用 ,大家可以去支持一下这篇文章。 通过阅读之前发的那篇文章,相信大家已经对electron有了一定的了解。 那么今天就来给大家分享一下如何自定义electron应用的菜单栏。 其实很简单,只需要修改 main.js 文件即可。 可以参考一下我的 main.js 的配置: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687const electron = require('electron')const BrowserWindow = electron.BrowserWindowconst Menu = electron.Menuconst app = electron.appfunction createWindow () ...
域名更换通知
重要通知:网站的首页域名已经更换为 https://greyh.cn ,空间域名已更改为 https://space.greyh.cn 。 旧站即将关闭,如果您不较快的保存好新站链接,可能会导致您再也无法找到我们。 请大家保存好新站的链接,Ctrl + D 保存网页不迷路。 旧站会在今年七月彻底关闭进入渠道,望周知!
新年快乐!
女士们,先生们,大家下午好!今天是2021-02-11,农历腊月三十,中国的传统节日——除夕。 今日是庚子鼠年的最后一天,名为除夕,除夕也意味着旧岁至此而除,另换新岁。 今天我就在大年三十的下午给大家拜个早年,提前祝大家新年快乐! 我祝大家在新的一年里天天有好事,笑口常开,天天没烦恼! 也祝大家在新的一年里天天发大财,全家欢乐,天天心想事成! 又祝大家在新的一年里天天有钱花,寿比南山,天天幸福美满! 还祝大家在新的一年里事事顺心,前程似锦,万事大吉! 灰鸿の空间也会在新的一年里给大家送出更多的文章,希望大家多多关照! 虽然我写的文章水平很低,但只要有人看,我还是会继续写下去的! 感谢大家的长期支持! 灰鸿YHY在这里祝大家在新的一年里可以浏览到更多的好文章! 谢谢!
hexo博客Butterfly主题的Valine评论系统美化
本教程针对Butterfly主题3.6.0版本,不同版本可能不支持此教程的内容 本教程主要是针对Butterfly主题下的Valine评论系统的美化,添加博主,小伙伴,访客等标签,以及评论者的操作系统,浏览器的图标。效果如下图: 引入修改版valine.min.js在主题配置文件中查找 valine.min.js ,找到后将原本的 valine.min.js 注释掉,引入修改的 valine.min.js 1valine: https://cdn.jsdelivr.net/gh/HCLonely/Valine@latest/dist/Valine.min.js 修改版valine.min.js的作者为 HClonely 修改valine.pug在themes\butterfly\layout\includes\third-party\comments\目录下找到 valine.pug ,用编辑器打开它 在图片所示的位置添加以下代码: 123master: '此处写博主邮箱的32位小写md5编码& ...
为hexo博客添加追番页面
安装追番插件在博客目录下运行命令: 1npm install hexo-bilibili-bangumi --save 配置文件将下面内容写入博客配置文件 _config.yml ,这里注意:不是主题配置文件! 123456789101112bangumi: enable: true #开启插件 path: #生成的页面路径 vmid: #b站用户uid,需要将追番列表设置为公开 title: '追番列表' #标题 quote: '生命不息,追番不止!' #副标题 show: 1 #初始页面,0为想看 1为在看 2为看过 loading: metaColor: color: webp: progress: 运行1.添加数据在运行 hexo d 和 hexo g 之前使用 hexo bangumi -u 命令 2.删除数据运行 hexo bangumi -d 命令
使用NSIS制作安装包以及注意事项
软件介绍NSIS(Nullsoft Scriptable Install System)是一个开源的 Windows 系统下安装程序制作程序。它提供了安装、卸载、系统设置、文件解压缩等功能。这如其名字所指出的那样,NSIS 是通过它的脚本语言来描述安装程序的行为和逻辑的。NSIS 的脚本语言和通常的编程语言有类似的结构和语法,但它是为安装程序这类应用所设计的。 ——百度百科 使用方法1.下载并安装NSIS(增强汉化版) 2.打开软件并点击编译脚本VNISEdit 3.选择 文件 ---> 新建脚本:向导 4.点击下一步 5.按照表单填写好软件信息: 6.配置好安装程序的图标,选择好输出位置,将安装程序语言设置为简体中文(SimpChinese),其他的不用更改,直接点击下一步 7.直接点击下一步 8.设置好程序的默认安装目录,选择好授权文件,这里要注意,授权文件如果是中文的话,编码要设置为带有BOM的UTF-8 9.删掉默认的两个路径,添加上你自己程序的文件,这里极容易出错,一定要仔细做这一步 10.按自己的需求设置 11.直接点击下一步 12.按照自己需求自 ...