1110搜索
网站导航: 资讯 视频 酷站 下载 上网导航 流量交换
标签: 一家自愿还债罚款商务印书馆……总是温度利息讲述跨境电商服务平台怀旧服十一三伏天禁忌不能犯阿根廷全国放假一天果断

Blogger和WordPress的倒序显示

时间:2022-03-15 11:29:14 阅读:1010 评论:74

  Blogger和WordPress都可以通过一定的设置,变成一个只供自己查看的私人博客,相当于私人日记本,具体方法是,在博客设置里将其设置为只有作者才能查看,然后将博客设置为在一页内全部显示(比如设置单页文章1千篇),在博客安装一个倒序显示脚本,即可完成日记本的功能,可供导出和打印。


  除了打印,还可以将内容复制到TXT文件里,在邮箱里发送到Kindle邮箱,然后在自己的Kindle上看,相当于看书的体验。



 

  这里面的一个技术问题是如何在Blogger和WordPress里实现按照日期倒序显示(Reverse Post Order)。这里分别给出Blogger和WordPress实现倒序的方法。


  在Blogger中,页脚点击“添加小工具”,添加“HTML/JavaScript”微件,之后在微件内容里插入如下代码:


<!-- Start Post Reversal Code -->

<script type='text/javascript'>

//<![CDATA[

  // -----------------------------------------------------------------------------------------

  // Name   : PRS - Post Reversal Script for Blogger - Version 1.0

  // Author : David Yockey

  // URL    :   techsquirrels.blogspot.com/2012/04/swapping-to-reverse-post-order-on.html

  // -----------------------------------------------------------------------------------------

  // Temp variable used to shorten classname references

  var cn;

  // This function is called as needed in the main program below.

  function ReversePosts(BlogPostContainer,PostClass) {

    // Arguments:

    //    BlogPostContainer -- The node containing the posts to be reversed.

    //    PostClass -- The className of each of the posts in the container to be reversed.

    //                 (may be a single name from among names in the class attribute of the posts)

    // Flag for checking whether any posts are found

    var found=false;

    var BlogPosts = BlogPostContainer.childNodes;  // May include text-nodes containing

                                                   // whitespace in addition to post-nodes

    // Set index variables to top and bottom of BlogPosts list

    var i=0;

    var j=BlogPosts.length-1;

    for( ; ; ) {     // Start Endless Loop

      // Find next Post from the top

      while( (i < j) && (!(cn=BlogPosts[i].className) || !(cn.match(PostClass))) )

        ++i;

      // Find next Post from the bottom

      while( (i < j) && (!(cn=BlogPosts[j].className) || !(found=cn.match(PostClass))) ) // (see Footnote 1)

        --j;

      if( found && i < j ) {

        // Swap Posts (see Footnote 2)

        var tempi = BlogPosts[i].cloneNode(true);           // Store a copy of Post i in tempi

        var tempj = BlogPosts[j].cloneNode(true);           // Store a copy of Post j in tempj

        BlogPostContainer.replaceChild(tempi,BlogPosts[j]); // Replace Post j with Post i in tempi

        BlogPostContainer.replaceChild(tempj,BlogPosts[i]); // Replace Post i with Post j in tempj

      } else {

        // Done

        break;        // Break out of Endless Loop

      }

      ++i; --j;

    }

  }

  // Footnote 1:

  //   If a post is found from one end, then a post must necessarily be found from the other.

  //   So, recording and later checking for a post from one end is sufficient to ensure that

  //   one was found from both.

  //

  // Footnote 2:

  //   At least in Firefox 11.0 on Fedora Linux, replacing a child directly with another child

  //   causes some text-nodes containing whitespace to be deleted. That node deletion messes up

  //   the positions of the posts in the BlogPosts list. This is avoided by cloning both posts

  //   rather than just one and replacing both posts from the cloned copies.

  // *** MAIN POST REVERSAL PROGRAM ***

  // Magic Words

  var BlogWidget             = 'Blog1';

  var BlogPostContainerClass = 'blog-posts';

  var BlogPostClass          = 'date-outer';

  var DatePostContainerClass = 'date-posts';

  var DatePostClass          = 'post-outer';

  var Blog1 = document.getElementById(BlogWidget);

  // Find the node containing the blog posts

  var BlogPostContainer;

  var x=0;

  do {

    BlogPostContainer = Blog1.childNodes[x++];

  } while ( !(cn=BlogPostContainer.className) || !(cn.match(BlogPostContainerClass)) );

  // Reverse different day posts

  ReversePosts(BlogPostContainer,BlogPostClass);

  // Reverse same day posts - Loop thru contents of BlogPostContainer to find each day's posts

  var BlogPosts = BlogPostContainer.childNodes;

  for ( i = 0; i < BlogPosts.length; ++i ) {

    // Check for an actual post-node rather than a text-node or such

    if ( (cn=BlogPosts[i].className) && cn.match(BlogPostClass) ) {

      var DatePostContainer;

      x=0;

      // Find the node containing the posts to be reversed for the current day being processed

      do {

        DatePostContainer = BlogPosts[i].childNodes[x++];

      } while ( !(cn=DatePostContainer.className) || !(cn.match(DatePostContainerClass)) );

      ReversePosts(DatePostContainer,DatePostClass);

    }

  }

//]]>

</script>

<!-- End Post Reversal Code -->


  之后保存,设置“主页上显示的博文数量上限”的数量,然后打开页面即可看到倒序的文章。


  对于WordPress来说,操作起来比较简单,安装一个名为“Chronological Posts”的Plugin即可实现倒序文章。


  从安全性来说,Blogger更为安全一些,谷歌帐号设置两步验证,在谷歌Blogger中写内容,然后设置只有自己只读,安装一个倒序显示脚本,然后复制到TXT文件里,在邮箱里发送到Kindle邮箱,然后在自己的Kindle上看,看完了就删,只要谷歌帐号不泄露,秘密的信息就不会泄漏。


Blogger和WordPress的倒序显示

3.png

免责声明
本网站发布的内容(图片,视频和文字)以原创,转载和分享网络内容为主,如有涉及侵权尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服QQ:1975212473,邮箱:1975212473@qq.com。
本文标签: Blogger   WordPress   倒序   显示  
评论列表:
  • 游客

    游客

    2024-07-15 23:57:54    回复

    观点鲜明,立场坚定,作者态度明确。http://pbry.tzkangda.net/test/698810833.html

  • 游客

    游客

    2024-07-18 06:44:14    回复

    楼主英明!http://pfo0.m.hxhbm.com

  • 游客

    游客

    2024-07-19 03:25:22    回复

    谢谢楼主的分享!http://test.scifine.net/test/

  • 游客

    游客

    2024-07-31 07:02:23    回复

    太邪乎了吧?http://4sq9.740xpj.com

  • 8001直播

    8001直播

    2024-08-04 12:39:48    回复

    楼主好聪明啊!http://1r4q0l.7100200.com

  • 8001体育

    8001体育

    2024-08-07 15:58:46    回复

    内容很有深度!http://j3n5p.att-sp.com

  • 老版977平台下载

    老版977平台下载

    2024-08-08 10:18:40    回复

    这里的资源非常丰富,帮助我解决了很多问题。http://0z5.xjwlht.com

  • 游客

    游客

    2024-08-10 06:40:21    回复

    好东西,赞一个!http://www.qkl183.com/category-8.html

  • 游客

    游客

    2024-08-14 07:00:05    回复

    好无聊啊!http://www.jiagu1.com/fei/njd6fus85/

  • 3d定独胆技巧准确率98

    3d定独胆技巧准确率98

    2024-08-17 09:24:57    回复

    这位作者的文笔极其出色,用词精准、贴切,能够形象地传达出他的思想和情感。http://54yu.qcxcy.com

  • 乐发9

    乐发9

    2024-08-18 01:47:38    回复

    楼主是我最崇拜的人!http://qj3.qnstmj.com

  • 游客

    游客

    2024-08-25 11:07:43    回复

    楼主的帖子实在是写得太好了。文笔流畅,修辞得体!https://www.eny365.com/countryside/info/ejy181281

  • 游客

    游客

    2024-09-02 04:33:41    回复

    世界末日我都挺过去了,看到楼主我才知道为什么上帝留我到现在!http://www.dnf8888.com/dnf/147.html

  • 搜狗输入法下载

    搜狗输入法下载

    2024-09-02 17:09:46    回复

    在这个版块混了这么久了,第一次看见这么给你的帖子!https://www.telegrammb.com

  • 指尖网

    指尖网

    2024-09-03 07:55:03    回复

    楼主很有激情啊!http://npvkd4.homewarrantyjz.com

  • 99Ky开元集团棋牌最新版

    99Ky开元集团棋牌最新版

    2024-09-04 00:36:46    回复

    这位作者的文笔极其出色,用词精准、贴切,能够形象地传达出他的思想和情感。http://j2kxy.hnchunshui.com

  • 3d紫云涧预测

    3d紫云涧预测

    2024-09-04 14:28:07    回复

    强,我和我的小伙伴们都惊呆了!http://k0tlhf.banma-pt.com

  • 游客

    游客

    2024-09-06 08:50:06    回复

    顶!顶!顶!http://www.guangcexing.net/voddetail/BmWbJtdS.html

  • 游客

    游客

    2024-09-06 09:14:02    回复

    鸟大了,什么林子都敢进啊!http://www.guangcexing.net/voddetail/JVuqcZSsjc.html

  • 游客

    游客

    2024-09-06 18:07:15    回复

    很经典,收藏了!http://www.guangcexing.net/voddetail/jrDaGGsSpY.html

  • 游客

    游客

    2024-09-07 17:12:50    回复

    楼主很有经验啊!http://www.guangcexing.net/voddetail/HFCGVJCEQ.html

  • 游客

    游客

    2024-09-08 04:53:35    回复

    感觉不错!http://www.guangcexing.net/voddetail/yWwwUjnQCM.html

  • 游客

    游客

    2024-09-11 16:08:10    回复

    帖子很有深度!http://www.guangcexing.net/voddetail/qHCjUPDkzkmwp.html

  • 游客

    游客

    2024-09-12 05:08:13    回复

    这么经典的话只有楼主能想到!http://www.guangcexing.net/voddetail/KrNPypUKQTSMh.html

  • 游客

    游客

    2024-09-17 20:28:21    回复

    看在楼主的面子上,认真回帖!http://www.guangcexing.net/tv/UfVgtxjfEth.html

  • 指尖站群

    指尖站群

    2024-10-17 02:14:32    回复

    宇宙第一贴诞生了!http://doubletreekeywest.com/html/94a98998916.html

  • 指尖站群

    指尖站群

    2024-10-26 03:17:05    回复

    投楼主一票,不用谢哦!http://qxwl06.com/html/38d98998972.html

  • telegram官网

    telegram官网

    2024-11-06 09:04:50    回复

    宇宙第一贴诞生了!https://www.telegramxp.com/

  • telegram官网

    telegram官网

    2024-11-08 01:22:07    回复

    我对楼主的敬仰犹如滔滔江水绵延不绝!https://www.telegramxp.com/

  • 电报官网

    电报官网

    2024-11-15 14:31:34    回复

    没人理我,好伤心啊!https://www.telegramip.com/

本文已有74位网友发表了点评 - 欢迎您