1110搜索
网站导航： 资讯 视频 酷站 下载 上网导航 流量交换
标签: 个税计算器2024一男子患热射病MMA网站推广水门桥丢了口诀穿搭预报CEO电线微信红包如何设置口令国家标准香港回归祖国25周年699元百度网盘

Blogger和WordPress的倒序显示

时间：2022-03-15 11:29:14 阅读：988 评论：69

　　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

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

友情链接
阿里云 1110搜索网 赣ICP备2021005996号

html |关于本站 | 广告合作 | 免责声明 | Sitemap

Copyright Your WebSite.Some Rights Reserved.