您正在查看: 学习心得 分类下的文章

小白向的Adobe系列软件最新版安装教程

Adobe的桌面云端工具Adobe Creative Cloud已经更新,新版的Adobe Creative Cloud 2017可谓是真的良心作品,以前一个一个下载软件再安装非常的浪费时间,在新版官网打造的云端工具中可以一键下载安装最新版的Adobe CC 2017系列软件的最新版本,直接把小白们最头疼的下载安装过程给“一键化”了,再配合一键破解,可以让小白也做到自己装最新版的Adobe系列软件了。
QQ截图20170513092851.png

大家喜爱的Adobe CC 2017全新版本已全线更新,包括Photoshop、Illustrator、InDesign、Dreamweaver、Lightroom、After Effects 、以及 Premiere Pro 等都将迎来可提升工作效率和增进性能的新特性与新功能。
软件采用了全新的启动界面,更新和改进众多功能。
你还不晓得怎么安装和破解吗?没关系,今天教大家如何安装和破解Adobe CC 2017!

- 阅读剩余部分 -

[HTML 5] 辐射式伞状网页背景特效js代码

博客近期在网页背景上增加了特效,就是网页左右两侧的蓝色的运动像素点
这是一个基于html5 canvas绘制的网页背景效果,效果非常赞,表示第一次我玩了十分钟,hhh
作者github:https://github.com/hustcc/canvas-nest.js

使用方法:
将下面的代码插入到网站主题的 <body></body> 之间即可,建议放到主题模板的 footer

<script type="text/javascript" color="102,185,255" opacity="50" zIndex="-2" count="99" src="//static.ffis.me/javascript/canvas-nest.min.js"></script>

上述代码中的JS调用地址//static.ffis.me/javascript/canvas-nest.min.js建议转存到你自己的服务器上进行调用,我CDN上的指不定什么时候会挂掉

属性配置项:

  • color: 线条颜色, 默认: '0,0,0' ;三个数字分别为(R,G,B),注意用,分割
  • opacity: 线条透明度(0~1), 默认: 0.5
  • count: 线条的总数量, 默认: 150
  • zIndex: 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1

该特效使用的前提是网页背景必须位于前台页面的下方,不然效果被网页背景遮挡了那么在前台看不到任何东西。

例如本页面正文内容就不会看到这个特效,但鼠标划过特效依然还在正常运行但经过正文时看不到效果的。


由于我的主题使用此代码在手机上效果不是很好,所以我加了个判断只在PC端使用此代码,屏幕小的话是不会加载这个js的。
有需要的可以参考下

<script>
if (screen && screen.width > 480) {
  document.write('<script type="text/javascript" color="102,185,255" opacity="50" zIndex="-2" count="99" src="//static.ffis.me/javascript/canvas-nest.min.js"><\/script>');
}
</script>


强迫症福音:博客的中文和英文之间会自动加入一个空白符了

快来评论测试一下吧~

测试:感觉Chrome浏览器是不是比360浏览器快呢

哈哈,很久前KK大佬就从后端实现了这个,可惜大佬没有公开源码

很巧在@jad大佬博客 看到他使用了https://github.com/mastermay/text-autospace.js达到了此效果
便在大佬的指导下也用上了这个js

这个js程序将会自动在所有的汉字与拉丁字母间添加一个空格,当然,这些空格不会被选中。如果你原本已经手动添加了空格,程序并不会在这之间再添加额外的空格。

Excited~!

给 git 升个级

昨天在 Windows 平台编译 ngrok 最终还是没成功,编译程序还是 linux 来的方便,可是 centos6 默认安装的 git 版本太低,导致我一直安装 go 环境不成功,就果断升级下
git --version 查询版本

#git --version
git version 1.7.1

版本挺老的,所以我们要卸载它 yum -y remove git

安装依赖的包
yum -y install curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc perl-ExtUtils-MakeMaker

- 阅读剩余部分 -

Windows 平台 GO 语言的安装与配置

最近沉迷于 我的世界,服务器那1G的内存始终还是满足不了我,最终还是拉回本地,可本地需要配置端口映射 无奈身处校园网内网 只能自行搭建端口转发 现需配置 GO 语言环境来编译 ngrok 特此写下笔记,方便自己也方便大家。


1、下载安装 GO 语言 SDK 安装包
官网:https://golang.org/dl/
下载之后直接运行安装,安装路径就使用它默认的 C:\Go\ 即可,之后一路 Next 并完成安装。

- 阅读剩余部分 -

Centos6.8 Python2.6 升级到 2.7

因服务器上需运行b站挂机脚本,而脚本要求py版本必须>=2.6.9
而系统自带的版本为 Python 2.6.6
于是就 Google 之顺便升级下,安装过程中出现了点问题,特此写下笔记

1.首先查看 Python 的版本

python  -V    
Python 2.6.6 

2.安装前准备 安装相关库

yum install gcc gcc-c++ autoconf automake
yum install openssl openssl-devel 

3.下载 Python-2.7.12

wget http://python.org/ftp/python/2.7.12/Python-2.7.12.tar.xz

4.解压 Python-2.7.12.tar.xz

xz -d Python-2.7.12.tar.xz
tar xvf Python-2.7.12.tar

5.进入 Python-2.7.12 目录

cd Python-2.7.12

6.安装 Python-2.7.12

./configure --prefix=/usr/local/python2.7
make      
make install  

7.查看版本信息

/usr/local/python2.7/bin/python -V
Python 2.7.12

8.建立软连接,使系统默认的 Python 指向 Python2.7

mv /usr/bin/python /usr/bin/python2.6.6.old  
ln -s /usr/local/python2.7/bin/python /usr/bin/python

9.这时我们在查看下 Python 版本

python -V
Python 2.7.12

10、修改 yum 使用的 python 版本
虽然现在 python 已经安装完成,可是 yum 不兼容 Python 2.7 导致 yum 不能正常工作,所以我们需要到 yum 的配置文件中指定 Python 的版本为 2.6.6

vi /usr/bin/yum  

#!/usr/bin/python 改成 #!/usr/bin/python2.6.6 然后 :wq 保存即可

python 升级后 原来的 pip 会不能用
需重新安装 pip
直接输入curl https://bootstrap.pypa.io/get-pip.py | python
即可安装

好了完结撒花~

Centos 自己动手搭建 LNMP 网站运行环境

上次使用 OneinStack 一键部署了 lnmp
这次我们自己动手安装 lnmp 环境
以下教程仅供个人学习记录,在此期间参考了 下站见 的安装教程

准备工作

1.查看环境

[root@SKY-YUN ~]# cat /etc/redhat-release
CentOS release 6.8 (Final)

本机在这里使用的是 Centos 6.8
2.配置防火墙,开启80端口、3306端口
rm -rf /etc/sysconfig/iptables 删除原先的防火墙配置
vi /etc/sysconfig/iptables 添加如下内容

- 阅读剩余部分 -

使用 OneinStack 一键部署 LNMP 网站运行环境

今天有幸抢到腾讯1元云主机一台
刚刚开通了下,正需要配置环境
顺便写个笔记

- 阅读剩余部分 -

Rozv-Theme-Typecho

历时三天
一款极其精简的 Typecho 主题 Rozv-Theme 出炉啦

theme_preview (1).png

Demo: https://demo.noisky.cn

下站见 推荐,发现了一款 摄氏度 很久前写的主题 Rozv-Theme

该主题很极其精简的设计风格 瞬间吸引了我的眼球

美中不足的就是 该主题 没有手机版
而且在 Typecho 1.0 下还有少许 Bug

果断就动手修改了下 顺便做了下精简和适配了下手机版 极其精简 整个主题不到80k大小

V1.3.1 at 2017-1-18


  • 评论框细节优化
  • 顶部菜单栏去除独立页面 移动到底部输出
  • 去除底部的友情链接,如需使用友情链接,可自行增加独立页,可直接使用 <links></links> 调用寒泥的 Links插件
  • 去除 侧边栏
  • 优化了移动端评论框等细节显示
  • 采用响应式设计,适配了移动端,优化了代码和图片的显示
  • 主题设置增加备案号的显示
  • 新增归档页面 (需自行新建归档页,缩略名为 archive ,自定义模板选择 archive )

模板下载:https://github.com/noisky/Rozv-Theme-Typecho


配合该背景特效使用,效果更佳哦 https://ffis.me/experience/canvas-nest.html

模板制作中,非常感谢 下站见 大佬提出的建议

给 Nginx 配置 errpage 错误显示页面

Nginx 默认的错误显示界面 有点枯燥 一般用户碰见错误页面会不知道怎么回事 然后就离开了 会导致流量流失

当然我们可以自定义 Nginx 的错误页面,动手能力强的同学可以自己写一个简单的错误页面(一般包括400,401,403,404,405,500,503等)
具体错误代码代表什么意思可以自行谷歌
当你做好自己的错误页面后 可以把你的错误页面放到 errpage 文件夹里 然后传到你网站的根目录下

然后修改你 Nginx 的网站配置文件 加入如下语句

error_page 400 /errpage/400.html;
error_page 401 /errpage/401.html;
error_page 403 /errpage/403.html;
error_page 404 /errpage/404.html;
error_page 405 /errpage/405.html;
error_page 500 /errpage/500.html;
error_page 502 /errpage/502.html;
error_page 503 /errpage/503.html;

一定不要用=号 例如:error_page 400 = /errpage/400.html;
用了=返回状态是200,问题很严重:1.搜索引擎 2.是 ajax 错误不容易查找

保存配置后重启 Nginx service nginx restart

然后我们会发现 普通的静态页面可以正常返回错误页面 可是 PHP 页面就不行

- 阅读剩余部分 -

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7