分类 折腾不止 下的文章

部署GA有两种方法，这里先是准备工作：

  1. 安装 Google 跟踪代码管理器

20180806103825.png

20180806103839.png

  1. 先去GA后台，找到跟踪 ID：例如我的ID是UA-84916808-1；
  2. 找到全局网站代码：
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84916808-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-84916808-1');
</script>

- 阅读剩余部分 -

GTM内有五个选项：概览、代码、触发器、变量，文件夹。

概览(Overview)：主要是看代码的版本号和谁修改的记录。
代码(Tag)：是主要是设置各种tag，满足触发器条件时向GA发送数据，或往页面添加代码。
触发器(Trigger)：主要是设置促发条件，如特定点击，页面浏览，接收数据层事件等。
变量(Variable)：主要是预定义一些基础的字段，如Cookie，常量，抓页面属性，对照表，数据层变量等用于触发器和代码的使用。
文件夹(Folders)：主要是项目合并，方便管理。
整体来说主要使用的是变量、触发器和代码

右上角的发布包含预览，提交
发布就是发布到正式环境，通常发布一次会生成一个新版本。
预览是线上环境的debug。

- 阅读剩余部分 -

最近一直在折腾博客，只涉及到了一些代码，并没有改变什么样子，所以估计是看不出来。

第一个就是把归档加上去了，这样以后再找文章也许会方便一些，顺便把时间也格式化了一下。

第二个就是把Flickr相册缓存到七牛上面，并且加上了灯箱的效果，有一点点逼格了。

最后就是把推特也放到博客里面了，就是玩玩而已，没有太大的作用，预计把他改成侧边栏会好一些。

折腾了好多代码，对PHP也有了进一步的了解，准备学下Python，听说很好玩。

突然发现，博客有点太单薄了，也没什么图片之类的，想到Flickr这货还没死，那就把我Flickr公开的照片同步到博客的相册上面吧。

搜了下Flickr的API，这样好像可以，

http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=自己申请的key&user_id=自己的id

自己去申请API，等生效以后就可以跑一下试试了。最后解析XML文件，打印输出就可以了！对了，Flickr是被墙的，所以我把图片缓存到七牛的镜像上面了，这样就不用考虑被墙的危险了。

常用的API：

flickr.urls.lookupUser
flickr.favorites.getList
flickr.photos.search
flickr.galleries.getPhotos

为什么要将网站全站启用Https访问？

  1. 为了更好的用户体验。现在使用Https加密访问的网站应该算是少数，常见于百度搜索、淘宝等大型网站，个人博客使用SSL证书还是会让用户感觉更安全，有利于提升用户体验。
  2. 为了更好的SEO效果。现在百度、谷歌等搜索引擎都鼓励网站启用Https访问，因为从技术角度上讲搜索引擎抓取Https网页不成问题，搜索结果展示也更加有利于Https的网页。

如何选择好网站SSL证书？

基于上面的原因，我决定在网站中部署SSL证书。首要的问题就是选择哪一个SSL证书。如果有钱的话，自然是可以去各大主机商那里购买SSL证书，便宜一点的SSL证书也就是几十块一年。一般选择了Let's Encrypt，一方面是Let’s Encrypt SSL已经被Firefox、Chrome、IE等浏览器所支持，IE 6 用户估计也不怎么看我的博客，所以可以忽略。另一方面，Let’s Encrypt SSL证书下载和安装已经是傻瓜式的了。唯一的缺点就是有效期只有三个月，要手动的去替换证书。

我这里是在腾讯云上面免费申请的TrustAsia TLS RSA CA证书，有效期是一年。

- 阅读剩余部分 -

博客迁移完毕了，以前环境是LAMP，现在是LNMP，需要改下永久链接，做一下记录，其他人也可用！

if (-f $request_filename/index.html){
    rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php){
    rewrite (.*) $1/index.php;
}
if (!-e $request_filename){
    rewrite (.*) /index.php;
}

Apache的话，看这篇《Typecho Apache Rewrite规则》。

console是前端开发必备调试技能，console 对象提供对浏览器控制台的接入。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。由于不同的浏览器，所以再往下看的时候，最好在浏览器调试里面，输入以下代码：

console.context()

- 阅读剩余部分 -

微软出品的 VScode 现在已经越来越完善。性能远超 Atom 和 WebStorm，相对于 Sublime Text 免费开源，自带 Markdown 文档高亮，你还有什么理由不用它？

第一次使用 VS Code 你肯定想不到这是微软出品的开源编程工具，风格清冽，主题柔和，插件丰富，训疾如风。是的，VS Code 是微软推出的一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器，它号称微软最好的开源软件作品，人们对它的喜爱超过了其他厚重的 Visual Studio 系列工具。 VS Code 综合了 Eclipse 等很多优秀编辑器的优势，同时也解决了很多编辑器的痛点，在性能、语言支持、开源社区方面都做得非常好。

- 阅读剩余部分 -

以前的注册码已经失效，网上尝试了各种办法都无解。去国外的一个破解网站找到了破解办法，测试了下，3170版本可以破解成功。

下载Patch.zip，解压后放在软件根目录下，用管理员模式运行就可以了。

考虑下是不是买一个正版的，毕竟免费用了这么多年了。

在许多情况下，我们希望把内部的服务暴露到外网来使用，比如说：

  • 在公司内网开发程序，要和微信联调。
  • 想要随时随地登录家里的树莓派，使用上面的服务。
  • 在公司想连接到家里的路由器后台等等

在这些情况下，我们就会很迫切的希望有一个内网穿透服务，帮我们把内部的端口，暴露到外网来。

- 阅读剩余部分 -

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