使用 Javascript 删除 Blogger 博文 页面链接的日期时间

-

在谷歌 Blogger 交流群里有一位博友提出这个问题：

如何将 Blogger 文章链接的 /Year/Month/ 给删除掉？就像是 Wordpress、Typecho 等博客程序一样。

我使用英文搜索关键词后，发现国外也有人有同样的需求。从 Blogger 官方论坛人员的回复中可以知道：Blogger 文章链接一经发布，便不可修改，且在 Blogger 后台设置中也没有删去链接中日期时间的选项。

接着，我在 Youtube 上看到一个印度小哥1说可以实现这个功能。我硬着头皮听了几分钟的印度英语（应该是吧），发现他是用 Javascript 方法来解决这个问题的。从小哥给出的代码中，我得到了该源码的 Github 地址2。它的作者是墨西哥人，这就是互联网的魅力吧，让素不相识的人跨越国界产生联系。

代码的实现效果如下：

img

如何使用？

你需要在你的 Blogger 主题模板的 <head> 标签后面添加如下代码即可。

<script type="text/javascript">
// BloggerJS v0.4.0
// Licensed under the MIT License
// Copyright (c) 2017-2018 Kenny Cruz
// github.com/jokenox

// Configuration
var config = {
  postsDatePrefix: false,
  accessOnly: false,

  useApiV3: false,
  apiKey: "YOUR-API-KEY-HERE"
}
var postsOrPages=["pages","posts"],blogId="<data:blog.blogId/>",urlTotal,fetchIndex=1,ampChar="&amp;"[0],secondRequest=!0,feedPriority=0,nextPageToken;function urlVal(){var url=window.location.pathname;var length=url.length;var urlEnd=url.substring(length-5);if(urlEnd===".html")return 0;else if(length>1)return 1;else return 2}
function urlMod(){var url=window.location.pathname;if(url.substring(1,2)==="p"){url=url.substring(url.indexOf("/",1)+1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../"+url)}else{if(!config.postsDatePrefix)url=url.substring(url.indexOf("/",7)+1);else url=url.substring(1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../../"+url)}}
function urlSearch(url,database){var pathname=url+".html";database.forEach(function(element){var search=element.search(pathname);if(search!==-1)window.location=element})}
function urlManager(){var validation=urlVal();if(validation===0){if(!config.accessOnly)urlMod()}else if(validation===1){fetchData(postsOrPages[feedPriority],1)}else if(validation===2){if(!config.accessOnly)history.replaceState(null,null,"/")}}
function fetchData(postsOrPages,index){var script=document.createElement("script");if(config.useApiV3){var jsonUrl="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+postsOrPages+"?key="+config.apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=parseData";if(nextPageToken)jsonUrl+="#pageToken="+nextPageToken;nextPageToken=undefined}else{var jsonUrl=window.location.protocol+"//"+window.location.hostname+"/feeds/"+postsOrPages+"/summary?start-index="+index+"#max-results=150#orderby=published#alt=json-in-script#callback=parseData"}
jsonUrl=jsonUrl.replace(/#/g,ampChar);script.type="text/javascript";script.src=jsonUrl;document.getElementsByTagName("head")[0].appendChild(script)}
function parseData(json){var database=[];if(!config.useApiV3){if(!urlTotal){urlTotal=parseInt(json.feed.openSearch$totalResults.$t)}
try{json.feed.entry.forEach(function(element,index){var entry=json.feed.entry[index];entry.link.forEach(function(element,index){if(entry.link[index].rel==="alternate")database.push(entry.link[index].href)})})}catch(e){}}else{try{json.items.forEach(function(element,index){database.push(element.url)})}catch(e){}
nextPageToken=json.nextPageToken}
urlSearch(window.location.pathname,database);if(urlTotal>150){fetchIndex+=150;urlTotal-=150;fetchData(postsOrPages[feedPriority],fetchIndex)}else if(nextPageToken){fetchData(postsOrPages[feedPriority])}else if(secondRequest){nextPageToken=undefined;urlTotal=0;fetchIndex=1;secondRequest=!1;if(feedPriority===0){feedPriority=1;fetchData("posts",1)}else if(feedPriority===1){feedPriority=0;fetchData("pages",1)}}}
function bloggerJS(priority){if(priority)feedPriority=priority;urlManager()}
bloggerJS()
</script>

参数设置

参数 默认值 描述
postsDatePrefix false 为 true 时，允许博文的 URL 中的日期
accessOnly false 为 true 时，可以正常访问去除日期的网址，否则显示 404 页面
useApiV3 false 使用 Blogger API v3
apiKey - Blogger API v3 key，需要申请

作者表示，当博客的内容比较多的时候，建议使用 Blogger v3 API，因为 v3 的性能和速度方面较 v2 要高得多。

其实，文章的链接还是带有日期的，只是我们在浏览器地址栏看到的链接没有日期罢了。

参考

  1. How to remove date from blogger post url | Blogger permalink without date ↩︎

  2. jokenox/bloggerjs: Script para modificar el formato de las URL en un blog de Blogger.) ↩︎

此博客中的热门博文

深度使用 Everything

-
图片
Everything 是一款文件名搜索软件。官网的介绍是「基于名称快速定位文件和文件夹」。它可以在几秒钟之内建立对文件的索引，文件名搜索瞬间呈现结果。 官网下载： https://www.voidtools.com/zh-cn/ 轻量安装文件 干净简洁的用户界面 快速文件索引 快速搜索 最小资源使用 便于文件分享 实时更新 Everything 有极快的搜索速度，运行时占用的内存低，所以我把它设为开机自启。在日常的使用中，我设置了快捷键 Ctrl + Alt + S 来调用搜索界面，非常方便。 在 帮助 - 搜索语法 中，Everything 还给出了非常多的搜索语法，它还支持正则表达式。不过一般使用情景中，我用到的地方其实不多，就按平常使用搜索引擎的习惯来使用了。下面来说说 Everything 的实用技巧。 http 服务器功能 我们利用 Everything 提供的 http 服务器功能， 可以在另一台设备访问本台电脑的资料 。前提是，这些设备都在同一局域网下。 比如说，我的手机和电脑都连着家里的 Wifi ，只要在手机浏览器中输入电脑的 IP 地址后，就可以访问电脑磁盘里的资料了点击文件后，浏览器即会下载文件。两者的传输速度取决于 Wifi 速度的最大值。 我通常是使用这一功能 在手机端播放电脑的视频 ，电脑端通过迅雷下载好视频后，输入电脑的 IP ，找到视频所在目录，复制视频的地址，将它粘贴到支持网络媒体串流的播放器（如：MX Player）中，即可以在手机上观看了。 **注：**在电脑端直接输入 localhost:端口号 即可访问。如果在其他设备上，要输入本机 IP + 端口号 才能访问。 如何查看电脑本机 IP ？ Win + R ，输入 cmd ，在弹出的小黑窗中输入 ipconfig ，即可看到本机 IP。 在浏览器搜索框中调用 Everything 这里我用 Chrome 演示一遍。 依次操作： 设置 - 管理搜索引擎 - 添加 填入名称、关键字和网址。 **注意：**网址 http://localhost:8080/?search=%s 中，冒号后面的 8080 是我设置端口号，每个人设置的可能不同，不要照搬。 关键字，我设置的是 es ，然后再搜索框中我输入 es 后...
阅读全文

为 Blogger 自定义域博客启用 HTTPS & 支持国内访问技巧

-
图片
写在前面，本人不是专业的，仅是因为对 Blogger 感兴趣而写。本文内容只涉及到 DNS 方面的设置，在 Blogger 后台中的设置并未具体谈到，请参考其他文章，步骤很简单的，相信我。 大概在 2017 年末的时候，Blogger 发布了针对自定义域的免费SSL（https）证书。 原先只有是 Blogspot 子域的博客支持 https，如果自定义域的博客如果想启用 https 的话，只能通过 Cloudflare 或者 Nginx 反向代理来实现。两种方法各有缺点，使用 Cloudflare，网站打开速度会变慢；而使用 Nginx 则需要一台位于国外的 VPS。 所以，起初我知道的这个消息后，感到十分激动，赶紧照着谷歌给出的方法设置了一番。可没想象中的那么简单。在「 Blogger国内访问心得 」中，我们为了实现博客可以正常地在国内访问，需要将域名 A 记录解析到 ghs.google.com 在国内可访问的 IP 地址。正是因为这个设置，所以即使按下图设置后，我们也无法正常开启 https 。 若是我们将 A 记录解析改为 CNAME 解析到 ghs.google.com ，则可以正常开启 https，但是我们的博客就无法正常的国内访问，这是我们不愿意见到的。 去年，我为此苦恼了许久，就在前几天，我脑海萌生了一个想法：A 记录解析不能启用 https，CNAME 解析可以启用，但是无法指定博客解析到国内可访问的 IP 地址。那我能不能在上面做些变通呢？ Blogger 之所以需要我们将自定义域 CNAME 解析到 ghs.google.com ，是为了当我们的读者访问博客时，Blogger 的可以根据读者 IP 地理位置自动跳转至最近的服务器来传输网站的数据（个人猜测）。 我的做法是将上图中间一步的 ghs.google.com 改为一个自己控制的域名，这个域名可解析到一个国内可访问的 IP 地址。（初步做法，后面有更简单的，现在只是展示我的思考过程） DNS 设置如下： blog.iljw.me CNAME get.afree.life get.afree.life A 216.58.1**.*** 当我按上面设置好后，输入 https://blog.iljw.me ，就可以正常访问了，证明...
阅读全文

Blogger 国内访问心得

-
图片
谨以此篇记下我的这几天来的折腾。首先申明，我是一个外行，倒腾的东西可能不入您的法眼，这也无可厚非。不过我想这篇文章应该能对一些想用 Blogger 写博客的人带来帮助。 一、为什么用 Blogger？ Google 在全球各地的数据中心能够保证一流的访问速度 免费使用，免备案，无审查 可以添加 Google 广告 Blogger 模板自定义程度高 自定义第三方域名后，可实现国内访问 只需要一个域名，再对博客模板进行国内访问优化，我们就可以开始 Blogger 之旅了。 Blogger 的缺点 不过在此，我要多说一句，Blogger 国内访问使用的 IP 有可能经常被墙，所以使用过程，少不了一些折腾。目前我所认识的使用 Blogger 的博主们的网站还算稳定。 现在我已经使用快两年了，IP 一直很稳，至少在我这边，访问速度非常快。且，如果 Blogger 服务器 IP 都被墙了，我们还有两种方法让博客继续访问。 使用 Cloudflare CDN 使用服务器反向代理 Blogger 还有一个缺点，如果你想给你的博客加上一些功能的话。 你得去学习 Blogger 模板的特定语法； 你可能要学习 Javascript 的基本知识。 所以，如果你想要加入 Blogger，请先想一想其中的优缺点再做决定。 二、国内使用 Blogger 攻略 1. 域名 当你用 Blogger 创建一个博客时，你会得到一个 xxxx.blogspot.com 的二级域名，因为 blogspot.com 已经被墙了，所以我们仅仅是这样，是不能访问自己的博客的。好在，Blogger 允许我们绑定第三方域名，绑定之后，我们就可以在国内访问自己的博客了。 ① 怎么操作呢？ 在「设置-基本-发布-博客地址」中添加「第三方网域」，即可。 ② 域名去哪里买呢？ 这个时候，你就需要拥有一个域名了。域名购买是你使用 Blogger，唯一需要花费的事项。如果你没有域名，建议去 namesilo 购买，价格稳定，注册和续费便宜，提供终生免费的 Whois Privacy 服务（可保护你的隐私），支持支付宝，新注册用户有一美元优惠。 下面是我的优惠码，使用该优惠码，你会得到一定的折扣，我也可以得到一点佣金。 优惠码 1：rufeng 优惠码 2...
阅读全文