# Use Instant View version 2.0~version: "2.0"# Use this template only blog article pages?exists: /html/head/meta[@property="article:published_time"]
# Get article text in <article> body: //article# Get title from <h1>title: $body//h1[1]subtitle: $title/next-sibling::h2
author_url: //span[has-class("author")]//@href# Get article cover imagecover: //img[has-class("wp-post-image")]# Convert all iframe elements to inline element@inline: $body//iframe[starts-with(@src, "/media/")]# Remote header and footer@remove: //article/header@remove: //article/footer# Replace p to figure@replace_tag(<figure>): $body//p[.//img]# Youtube Embedded Fix@replace_tag(<figure>): $body//p[.//iframe]Code language:PHP(php)
粘贴并保存后，会自动在最右侧页面生成预览的效果。
加入规则适配后的效果
当你的规则适配效果无误后，接下来只需要点击右上叫的 Mark as Checked ，来标记该页面已经检查完车。
#!/bin/sh## 00-header - create the header of the MOTD# Copyright (C) 2009-2010 Canonical Ltd.## Authors: Dustin Kirkland <kirkland@canonical.com>## This program is free software; you can redistribute it and/or modify# it under the terms of the GNU General Public License as published by# the Free Software Foundation; either version 2 of the License, or# (at your option) any later version.## This program is distributed in the hope that it will be useful,# but WITHOUT ANY WARRANTY; without even the implied warranty of# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the# GNU General Public License for more details.## You should have received a copy of the GNU General Public License along# with this program; if not, write to the Free Software Foundation, Inc.,# 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.[ -r /etc/lsb-release ] && . /etc/lsb-release
if [ -z "$DISTRIB_DESCRIPTION" ] && [ -x /usr/bin/lsb_release ]; then
# Fall back to using the very slow lsb_release utility DISTRIB_DESCRIPTION=$(lsb_release -s -d)
fi
printf "Welcome to %s (%s %s %s)\n""$DISTRIB_DESCRIPTION""$(uname -o)""$(uname -r)""$(uname -m)"Code language:PHP(php)
其中有价值的代码主要就是最后几行的输出。
类似的， 10-help-text 的代码则输出了文字。
#!/bin/sh## 10-help-text - print the help text associated with the distro# Copyright (C) 2009-2010 Canonical Ltd.## Authors: Dustin Kirkland <kirkland@canonical.com>,# Brian Murray <brian@canonical.com>## This program is free software; you can redistribute it and/or modify# it under the terms of the GNU General Public License as published by# the Free Software Foundation; either version 2 of the License, or# (at your option) any later version.## This program is distributed in the hope that it will be useful,# but WITHOUT ANY WARRANTY; without even the implied warranty of# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the# GNU General Public License for more details.## You should have received a copy of the GNU General Public License along# with this program; if not, write to the Free Software Foundation, Inc.,# 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.printf "\n"printf " * Documentation: https://help.ubuntu.com\n"printf " * Management: https://landscape.canonical.com\n"printf " * Support: https://ubuntu.com/advantage\n"Code language:PHP(php)
服务端渲染带来的 SEO 友好：现代 SPA 也有服务端渲染的能力，不过对于开发者来说，则需要单独假设一套服务端渲染的服务来完成这部分工作。或者提前预生成所有的页面。对于页面较小的站点，预生成比较靠谱。但对于数据量极大的站点，预生成也是一个较为痛苦的过程。WordPress 因为更加的传统，所以一直采用的是服务端渲染的模式。服务端渲染在针对 SEO 进行优化时，可以获得更好的优化能力（毕竟有些时候 Spider 不一定会等你的页面在前端渲染完成）。
