- 博客(34)
- 收藏
- 关注
RSS订阅
原创 Python+Tornado开发微信公众号
本教程针对的是已掌握Python语言基本用法并且掌握其任一Web框架的用户。本教程使用的Python版本为3.5.0, Web框架为Tornado， IDE开发工具为PyCharm，整个开发过程是在Windows环境下测试开发,最终上线部署至centos服务器。备注：(1) 如果您是python小白,建议参考Python入门教程(2) 对tornado框架还不熟悉的同学,建议参考T...
2019-03-28 10:59:37
935
1
原创 GitHub+Hexo 搭建个人网站
一、创建GitHub Pages站点GitHub Pages是一种静态站点托管服务，旨在直接从GitHub仓库托管您的个人，组织或项目页面。每个GitHub帐户和组织都有一个站点。1.新建仓库访问GitHub官网 https://github.com 登陆GitHub账号，新建仓库，名称固定格式为: .github.io其中username是GitHub上的用户名（或组织名称）如果仓库...
2019-04-16 09:36:03
286
原创 VSCode设置大小写转换的快捷键
本文已同步到专业技术网站www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发、Nodejs、Python、Linux、IT资讯等板块.VSCode在默认情况下没有大小写转换的快捷键, 需要自定义快捷键。自定义大小写转换的快捷键步骤如下:1.点击【文件】-【首选项】-【键盘快捷方式】菜单。2.输入 "转换为大写", 会出现搜...
2019-04-13 13:26:44
17410
原创 Web前端必备-Nginx知识汇总
一、Nginx简介Nginx是一个高性能、轻量级的Web和反向代理服务器, 其特点是占有内存及资源少、抗并发能力强。Nginx安装简单、配置简洁、启动快速便捷、支持热部署、支持 SSL、拥有高度模块化的设计。Nginx的主要功能有:Web服务器反向代理负载均衡二、运行和控制Nginx备注: 以下命令中的 /usr/local/nginx 是nginx二进制文件的绝对路径，需根...
2019-04-13 00:57:26
276
原创 【干货】程序员必逛的网站
本文已同步到专业技术网站www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发、Nodejs、Python、Linux、IT资讯等板块.互联网科技资讯36氪https://36kr.com爱范儿https://www.ifanr.com雷锋网https://www.leiphone.com虎嗅https://www.huxiu....
2019-04-10 15:24:15
355
原创 WordPress文章阅读量统计和显示(非插件, 刷新页面不累加)
本文已同步到专业技术网站www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发、Nodejs、Python、Linux、IT资讯等板块.WordPress文章阅读量统计实现思路:每进入一次文章详情页面, 就会通过cookie判断该用户是否在设定的过期时间内访问过该文章, 若没有访问过, 则浏览次数增加一次。实现流程如下:1.添加以下代码至主...
2019-04-03 17:33:55
1635
1
原创 WordPress快速增加百度收录,加快网站内容抓取
本文已同步到专业技术网站www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发、Nodejs、Python、Linux、IT资讯等板块.利用百度站长平台提供的链接自动提交代码, 快速增加百度收录, 加快网站内容抓取。1.创建名为 “baidu_js_push.php”的文件, 内容如下(自动推送JS代码 ):<script>(f...
2019-04-03 00:25:27
2178
原创 Google Adsense付款方式添加西联付款
本文已同步到专业技术网站www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发、Nodejs、Python、Linux、IT资讯等板块.Google Adsense付款方式添加西联付款具体步骤:1.登陆Google Adsense后台控制面板, 点击【 付款 】菜单, 选择右侧的【 您如何获得付款 】 卡片, 点击 【 添加付款方式 】蓝色链接, ...
2019-04-02 10:48:15
2079
原创 使用阿里云SSL免费证书,并在服务器中启动SSL功能
由于近期测试微信小程序,调用wx.request请求网络数据时需要后台接口采用https,因此寻找了一些SSL证书签发机构,综合成本和操作便捷性来说,目前我个人采用了与阿里云合作的Symantec证书产品, 免费期限为1年.下面为具体的购买SSL证书流程和部署流程1. 登录阿里云官网, 进入--管理控制台--安全(云盾)--证书服务 界面, 选择"购买证书"2. 补全...
2019-03-29 11:21:57
278
原创 Vue2.0使用小结
近期第一次使用vue快速开发了一款前端项目, 开发效率与便捷性大幅提升, 体验了一把vue的艺术之道, 在此总结下目前所接触到的vue基础使用知识, 后续会补充遇到的知识点和问题以及解决方案.简介:Vue 是典型MVVM框架，拥有双向绑定的能力与完整的组件化方案，利用 virtual Dom 提供了函数式的 UI 编程方式，可以后端渲染。中文文档vue.js一. 开发环境...
2019-03-29 11:19:50
186
原创 vue自定义指令--移动端网页长按事件
vue自定义指令官方文档自定义指令 — Vue.js1. 自定义长按指令longTouch.jsconst on = (function() { if (document.addEventListener) { return function(element, event, handler) { if (element && event &am...
2019-03-29 11:17:31
804
1
原创 vue-router在history模式下的微信分享
在vue-router模式为history的情况下, 由于IOS微信浏览器在验证微信jssdk签名时,需要的URL是第一次进入该应用时的URL, 并不是当前页面的URL, 所以这里需要针对IOS微信浏览器作特殊处理.1. vuex中存储第一次进入的URL[SET_WX_JS_URL]: (state, url) => { // 设置进入微信时jssdk所需的URL ...
2019-03-29 11:15:22
441
原创 CNZZ异步统计代码
CNZZ网站统计代码以异步加载形式加载, 可大幅提升网站的响应速度, 并且不显示统计图标。统计代码如下:<script> var siteId = 'xxxxxxxxx' var cnzzJs = document.createElement('script') cnzzJs.type = 'text/javascript' cnzzJs.async = tr...
2019-03-29 11:14:13
1450
原创 linux环境下使用logrotate工具实现nginx日志切割
一. 前提背景及需求nginx运行日志默认保存在nginx安装目录下的/usr/local/nginx/logs文件夹, 包含access.log和error.log两个文件.(1)access.log记录了哪些用户、哪些页面以及用户浏览器、ip和其他的访问信息；(2)error.log则是记录服务器错误日志.在所有时间内nginx产生的日志均保存在同一个文件下, ...
2019-03-29 10:51:28
741
原创 使用Element UI框架（基于vue2.0）的upload组件上传图片至七牛云
整体流程如下：下面我们开始具体的流程：一、写一个后台接口，用于生成七牛token这里我使用的是python的tornado框架写的该接口，接口路由地址：/qiniu/upload/getToken如果，你的前端和后台项目不是部署在一台服务器上或者部署在一台服务器上端口号不同的情况下，你需要考虑到跨域问题，python后台接口设置允许跨域的简单配置如下：二、...
2019-03-29 10:50:00
1009
原创 vuex结合axios异步请求数据的封装
首先, 概括下 vuex基本使用流程为: 在action中分发异步请求, 在异步回调中提交mutation,在mutation中修改state, 使用getters对state的值进行计算封装.为了能够很好的隔离页面view视图与数据的请求, 同时在使用vuex的action分发异步请求后,能够接收回调,进行了以下封装:一. http的封装http模块包含3个文件,config...
2019-03-29 10:47:43
1171
原创 vue使用cropperjs实现移动端图片裁剪上传组件
本组件基于vuejs框架, 使用ES6基本语法, css预编译采用的scss, 图片裁剪模块基于cropperjs,拍照时的图片信息获取使用exif, 图片上传使用XMLHttpRequest该组件已单独部署上线, 线上地址: upload-img.sufaith.com/, 图片最终是传至我个人的七牛云, 获取七牛云上传凭证token的接口是我单独做的一个nodejs服务, 可在PC或移动端...
2019-03-29 10:45:44
2848
原创 Nodejs开发微信公众号中控服务
本项目旨在为多个微信公众号提供中控服务, 包含以下服务内容:校验后台签名配置 处理微信公众号消息 获取access_token 获取jssdk签名 自定义菜单本项目采用的技术选型为:开发语言 nodejs 开发框架 eggjs 内存数据库 redis本篇文章主要从以下4个方面来实现这个中控服务:eggjs插件和配置 定时任务获取token等信息 路由定义和contr...
2019-03-29 10:41:52
300
原创 Vue生成分享海报(含二维码)
功能需求:海报有1张背景图, 海报上的文案内容动态变化 分享链接做成二维码, 放在背景图的固定位置上 在微信环境里, 海报可长按保存或转发整体实现流程:按海报样式设计好html元素的页面布局, 包括背景图,文本,以及二维码图片的位置 使用 qrcodejs2库 将分享链接合成二维码图片,赋值到html中的二维码元素上 使用 html2canvas库 将html元素整体转换成一张海...
2019-03-28 17:45:16
3042
1
原创 Linux安装mongodb,添加管理员,配置授权和加固
一. 官网下载对应版本的mongodb官网下载链接MongoDB Download Center我下载的版本是 mongodb-linux-x86_64-3.2.10.tgz二. 拷贝至linux服务器并解压将压缩包拷贝到/usr/local目录下解压, 解压后重命名为mongodbtar -zxvf mongodb-linux-x86_64-3.2.10.t...
2019-03-28 10:57:40
455
原创 python自学心得
我个人之前是做安卓开发的,2016上半年由于公司项目需求,当时花了两天时间,看了一套python的基础课程,然后就上手项目了,过程中碰到各种各样的未知问题,边查文档边恶补相关知识,一直到部署上线发布.后边陆陆续续又写了很多独立的小脚本,满足不同的业务线需求.现在每天都会看一些python相关的东西,不过,毕竟没有很系统的学习一遍,基础不牢,很多东西还是需要查文档,百度或谷歌,距离使用熟练的程度,还...
2019-03-28 10:56:26
507
原创 Linux安装redis,并设置访问权限,及使用可视化工具
一. 官网下载对应版本的redis官网下载链接Redis官方下载我下载的版本是redis-3.2.3.tar.gz二. 拷贝至linux服务器并解压将压缩包拷贝到/usr/local目录下解压, 解压后重命名为redistar -xzvf redis-3.2.3.tar.gz三. 编译安装cd /usr/local/redismake make...
2019-03-28 10:55:25
1391
原创 使用webhook结合python脚本实现自动化部署
一. 分析需求1. 需求说明在项目开发过程中,我们有时会频繁的更新代码, 流程大概为:(1) 本地git push提交代码至git托管平台(2) 登陆到部署有网站源码的线上服务器(3) cd到项目根目录, 执行git pull指令拉取最新代码整个流程纯手动更新,每次耗时在1分钟左右, 这样一天下来,浪费了很多时间在这些琐碎的事情上.现在的需...
2019-03-28 10:54:12
5822
原创 vue2.0中使用summernote富文本编辑器, 并实现上传图片至七牛
最近接手的项目中, 部分页面需要使用富文本编辑器, 对比了几款web富文本编辑器后, 综合兼容性和简洁性,最终我选择了summernote,详情见官方github地址github--summernote本项目基于vue2.0, 使用vue-cli脚手架的webpack模板搭建, 整体项目目录如下:以下是具体使用summernote的流程:1.在pac...
2019-03-28 10:52:31
1518
1
原创 vue2.0使用weui.js的uploader组件上传图片(兼容移动端)
最近在使用vue2.0开发微信公众号网页其中涉及到选择图片,图片的压缩上传,预览,删除等操作。项目整体UI框架使用的是vux,但可惜的是 vux 并没有提供 图片上传组件, 理由见issue由于之前写PC端后台系统时, 采用的Element UI框架 Upload组件来上传图片, 包括预览删除等功能,但是引用该组件到移动端时, 却由于该组件的input标签属性和...
2019-03-28 10:51:06
1339
原创 构建前端mock服务器
本教程整体开发环境为nodejshttps://nodejs.org/en/本教程涉及到的2个项目的部署采用pm2http://pm2.keymetrics.io/本教程涉及到的2个项目的端口代理采用nginxnginx news本教程涉及到的2个项目的git代码托管为 码云码云 - 开源中国本教程涉及到的mock项目的自动化部署基于的码云平台的webho...
2019-03-28 10:48:57
1106
3
原创 Centos7下配置PHP + MySQL + Nginx开发环境
一. MySQL安装与配置1. 配置yum源# 更新yum源yum update # 下载mysql源安装包wget http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm# 安装mysql源yum localinstall mysql57-community-r...
2019-03-28 10:46:30
863
原创 WordPress 搭建个人博客/站点
本教程以 Linux 系统 CentOS 6.1 为例，搭建一个 WordPress 个人站点，整体流程如下：需要用到的工具和服务有：主机：使用云服务器或vps。 域名：如果域名指向中国境内服务器的网站，须进行工信部备案, 然后解析映射到所购买的主机ip。 WinSCP和Xshell：用于远程主机的登录、编辑、上传文件。步骤 一：搭建 LNMP 环境LNMP 是 Linux、...
2019-03-27 14:16:16
457
原创 WordPress在文章列表和内容页插入广告
一、在文章列表插入广告文章列表模板 包括以下几个类型以及对应的主体文件:首页模板 (index.php)搜索结果页 (search.php)文章归档 (archive.php)在这些列表模板里插入广告代码的步骤相同, 下面以首页模板index.php为例:1.进入wordpress控制面板首页, 点击菜单【外观】- 【编辑】2. 点击【主题文件】- 【首页模板】,显示编辑该文件...
2019-03-27 14:06:08
2041
原创 添加ads.txt文件, 提升Google Adsense收益
当您请求特定网站的广告时，Google Adsense 会检查该网站的根域是否包含 ads.txt 文件。如果有ads.txt 文件且发布商 ID 填写正确， Google Adsense 将展开竞价并返回在竞价中胜出的广告 , 因此广告的质量和收益有一定幅度的提升。一、创建ads.txt文件文件内容如下:google.com, pub-000000000000000 , DIRECT, f...
2019-03-27 13:53:30
3255
原创 国内主流搜索引擎提交Sitemap（网站地图）
以下各平台需要先添加网站并验证成功后,才能提交sitemap.百度搜索资源平台https://ziyuan.baidu.com/linksubmit/index (提交sitemap)360站长平台http://zhanzhang.so.com/sitetool/sitemap (提交sitemap)搜狗站长平台http://zhanzhang.sogou.com/index.php/...
2019-03-27 13:49:32
3464
原创 Wordpress更改端口后访问自动跳转老端口
刚开始首次安装wordpress程序时, nginx配置的是8081端口.在启动nginx和php服务后, 访问 http://www.example.com:8081/wp-admin 开始逐步安装, 然后顺利搭建好了博客网站.网站运行一段时间后, 需要将8081端口换成80端口, 这时将nginx配置里的8081端口改为80端口, 并重新加载nginx配置文件后, 访问网站却会自动跳转至8...
2019-03-27 13:45:15
2817
原创 Wordpress固定链接伪静态
wordpress页面的默认链接形式采用”朴素”方式 (例如: http://域名/?p=123)这样的动态URL链接不便于搜索引擎的收录, 为此, 我们需设置为其他几种常见的固定链接形式, 本网站 http://www.sufaith.com 选择的是 【 自定义结构 】.设置方式如下:进入wordpress后台系统首页, 点击菜单 【设置】- 【固定链接】选择【常用设置】 下的 【自...
2019-03-27 13:42:12
1046
1
原创 Vue-CLI 3.X 部署项目至生产服务器
本教程主要讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 先构建生成dist文件(纯静态应用), 然后自动化部署到静态文件服务器 Nginx。一、Nginx服务器文件的配置server { listen 80; server_name www.xxxxxx.com;#生产环境 location / { root /usr/local/www...
2019-03-23 20:48:50
912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人