cms网站内容如何自定义
如何查找网站使用的WordPress主题
网站优化 • 优采云 发表了文章 • 0 个评论 • 94 次浏览 • 2022-08-26 11:35
如何查找网站使用的WordPress主题
wordpress建站,wordpress教程,查找网站WordPress主题
如何查找网站使用的WordPress主题
以前，使用WordPress建站一眼就能看出来是像WordPress CMS内容管理系统构建的，页眉和页脚似乎都是通用的，页面似乎是两列布局，侧边栏中有相同的小部件，不幸的是，现在已经很难一眼看出网站是通过什么构建的。
如何查找网站使用的WordPress主题
在本文中，我们晓得博客为你介绍如何查找网站使用的WordPress主题。
推荐：如何在Xampp中安装PHP GD(GD Graphics Library)
知道网站使用主题的原因
创建一个视觉上吸引人且有效的网站需要大量的思考，首选应该是选择将使用的主题：
WordPress主题通常允许您自定义网页和单个组件，例如页脚和小部件，网站的可扩展性和可用性将由自己决定。尽管通常有很多选择可，但将它们融合到完美的设计可能很困难。
而在网站上线后更改主题可能会导致品牌认知度下降和内容被破坏，可能还需要进行重塑页面和部分内容。这就是为什么你需要在一开始就选择正确的主题。无论是复制客户网站还是自己设计网站，确定您希望模仿的设计背后的主题都是有意义的。
推荐：什么是Interaction to Next Paint（INP）
判断网站是否使用WordPress的方法？1、在页脚中找“Proudly powered by WordPress”
这个不用解释了，很明显你可以跳过它！如果还没有注意到，许多WordPress网站都有一个页脚，上面写着“ Powered by WordPress ”！
如何查找网站使用的WordPress主题
有时候，他们使用的主题默认情况下有它，所以负责人都没有费心去改变它。然而，大多数WordPress驱动的网站的页脚都没有提到WordPress。
推荐：如何从WordPress网站模板底部删除Proudly powered by WordPress
2、添加 /wp-admin 到域名后面
将/wp-admin添加到站点的域名后面，可以指示它是否在WordPress上运行。如果结果（当然是在你点击返回之后）显示一个WordPress登录页面（或类似的东西），那么该站点可能由WordPress提供支持。
此外，高级用户可以选择隐藏登录地址、移动它们或密码保护它们以提高安全性。换句话说，这样查询有时候也显得毫无意义。
同样，您可以将“ /license.txt ”和“ /readme.html ”附加到域名以查看默认安装的另外两个WordPress页面，但许多人无视这些并删除它们。
推荐：Defender Security插件WordPress安全插件教程
3、源代码中查找wp-content
几乎可以在任何地方查看网页的源代码，通常是通过“ 查看 ”(Chrome)、“ 开发 ”(Safari[Safari菜单>首选项>高级]) 或“ 工具 ”(Firefox)中的选项卡。您可以通过转到“查看”->“开发人员”->“查看源代码”在Chrome中查看源代码。
如何查找网站使用的WordPress主题
在新窗口中，应该会看到指向诸如“/wp-content/”和“/wp-includes/”之类的目录的链接，可以通过搜索“wp-”找到它们，如果该站点正在运行WordPress CMS内容管理系统的话。如果看到其中任何一个（可能两者兼有），通常可以确定网站使用WordPress建站的！
注意：也可以在代码的“head”部分找到“generator”标签。类似于“metaname=”generator”content=”WordPress 3.6”除非它被删除了！
4、使用在线工具
还可以使用在线服务（甚至是浏览器扩展程序）执行相同的搜索，例如Is It WordPress（免费）。
如何查找网站使用的WordPress主题
推荐：6个最好的WordPress免费时间轴插件
总结
以上是晓得博客为你介绍的怎么查找网站使用的WordPress主题的全部内容，无论为什么要检查网站使用的WordPress主题，都可以快速找到。成功的网站，如果有一个有效的设计，就可以得到充分的展示。
推荐：WordPress网站文章目录怎么悬浮在侧边栏
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何查找网站使用的WordPress主题 查看全部
wordpress建站,wordpress教程,查找网站WordPress主题
如何查找网站使用的WordPress主题
以前，使用WordPress建站一眼就能看出来是像WordPress CMS内容管理系统构建的，页眉和页脚似乎都是通用的，页面似乎是两列布局，侧边栏中有相同的小部件，不幸的是，现在已经很难一眼看出网站是通过什么构建的。
如何查找网站使用的WordPress主题
在本文中，我们晓得博客为你介绍如何查找网站使用的WordPress主题。
推荐：如何在Xampp中安装PHP GD(GD Graphics Library)
知道网站使用主题的原因
创建一个视觉上吸引人且有效的网站需要大量的思考，首选应该是选择将使用的主题：
WordPress主题通常允许您自定义网页和单个组件，例如页脚和小部件，网站的可扩展性和可用性将由自己决定。尽管通常有很多选择可，但将它们融合到完美的设计可能很困难。
而在网站上线后更改主题可能会导致品牌认知度下降和内容被破坏，可能还需要进行重塑页面和部分内容。这就是为什么你需要在一开始就选择正确的主题。无论是复制客户网站还是自己设计网站，确定您希望模仿的设计背后的主题都是有意义的。
推荐：什么是Interaction to Next Paint（INP）
判断网站是否使用WordPress的方法？1、在页脚中找“Proudly powered by WordPress”
这个不用解释了，很明显你可以跳过它！如果还没有注意到，许多WordPress网站都有一个页脚，上面写着“ Powered by WordPress ”！
如何查找网站使用的WordPress主题
有时候，他们使用的主题默认情况下有它，所以负责人都没有费心去改变它。然而，大多数WordPress驱动的网站的页脚都没有提到WordPress。
推荐：如何从WordPress网站模板底部删除Proudly powered by WordPress
2、添加 /wp-admin 到域名后面
将/wp-admin添加到站点的域名后面，可以指示它是否在WordPress上运行。如果结果（当然是在你点击返回之后）显示一个WordPress登录页面（或类似的东西），那么该站点可能由WordPress提供支持。
此外，高级用户可以选择隐藏登录地址、移动它们或密码保护它们以提高安全性。换句话说，这样查询有时候也显得毫无意义。
同样，您可以将“ /license.txt ”和“ /readme.html ”附加到域名以查看默认安装的另外两个WordPress页面，但许多人无视这些并删除它们。
推荐：Defender Security插件WordPress安全插件教程
3、源代码中查找wp-content
几乎可以在任何地方查看网页的源代码，通常是通过“ 查看 ”(Chrome)、“ 开发 ”(Safari[Safari菜单>首选项>高级]) 或“ 工具 ”(Firefox)中的选项卡。您可以通过转到“查看”->“开发人员”->“查看源代码”在Chrome中查看源代码。
如何查找网站使用的WordPress主题
在新窗口中，应该会看到指向诸如“/wp-content/”和“/wp-includes/”之类的目录的链接，可以通过搜索“wp-”找到它们，如果该站点正在运行WordPress CMS内容管理系统的话。如果看到其中任何一个（可能两者兼有），通常可以确定网站使用WordPress建站的！
注意：也可以在代码的“head”部分找到“generator”标签。类似于“metaname=”generator”content=”WordPress 3.6”除非它被删除了！
4、使用在线工具
还可以使用在线服务（甚至是浏览器扩展程序）执行相同的搜索，例如Is It WordPress（免费）。
如何查找网站使用的WordPress主题
推荐：6个最好的WordPress免费时间轴插件
总结
以上是晓得博客为你介绍的怎么查找网站使用的WordPress主题的全部内容，无论为什么要检查网站使用的WordPress主题，都可以快速找到。成功的网站，如果有一个有效的设计，就可以得到充分的展示。
推荐：WordPress网站文章目录怎么悬浮在侧边栏
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何查找网站使用的WordPress主题 查看全部
如何查找网站使用的WordPress主题
wordpress建站,wordpress教程,查找网站WordPress主题
如何查找网站使用的WordPress主题
以前，使用WordPress建站一眼就能看出来是像WordPress CMS内容管理系统构建的，页眉和页脚似乎都是通用的，页面似乎是两列布局，侧边栏中有相同的小部件，不幸的是，现在已经很难一眼看出网站是通过什么构建的。
如何查找网站使用的WordPress主题
在本文中，我们晓得博客为你介绍如何查找网站使用的WordPress主题。
推荐：如何在Xampp中安装PHP GD(GD Graphics Library)
知道网站使用主题的原因
创建一个视觉上吸引人且有效的网站需要大量的思考，首选应该是选择将使用的主题：
WordPress主题通常允许您自定义网页和单个组件，例如页脚和小部件，网站的可扩展性和可用性将由自己决定。尽管通常有很多选择可，但将它们融合到完美的设计可能很困难。
而在网站上线后更改主题可能会导致品牌认知度下降和内容被破坏，可能还需要进行重塑页面和部分内容。这就是为什么你需要在一开始就选择正确的主题。无论是复制客户网站还是自己设计网站，确定您希望模仿的设计背后的主题都是有意义的。
推荐：什么是Interaction to Next Paint（INP）
判断网站是否使用WordPress的方法？1、在页脚中找“Proudly powered by WordPress”
这个不用解释了，很明显你可以跳过它！如果还没有注意到，许多WordPress网站都有一个页脚，上面写着“ Powered by WordPress ”！
如何查找网站使用的WordPress主题
有时候，他们使用的主题默认情况下有它，所以负责人都没有费心去改变它。然而，大多数WordPress驱动的网站的页脚都没有提到WordPress。
推荐：如何从WordPress网站模板底部删除Proudly powered by WordPress
2、添加 /wp-admin 到域名后面
将/wp-admin添加到站点的域名后面，可以指示它是否在WordPress上运行。如果结果（当然是在你点击返回之后）显示一个WordPress登录页面（或类似的东西），那么该站点可能由WordPress提供支持。
此外，高级用户可以选择隐藏登录地址、移动它们或密码保护它们以提高安全性。换句话说，这样查询有时候也显得毫无意义。
同样，您可以将“ /license.txt ”和“ /readme.html ”附加到域名以查看默认安装的另外两个WordPress页面，但许多人无视这些并删除它们。
推荐：Defender Security插件WordPress安全插件教程
3、源代码中查找wp-content
几乎可以在任何地方查看网页的源代码，通常是通过“ 查看 ”(Chrome)、“ 开发 ”(Safari[Safari菜单>首选项>高级]) 或“ 工具 ”(Firefox)中的选项卡。您可以通过转到“查看”->“开发人员”->“查看源代码”在Chrome中查看源代码。
如何查找网站使用的WordPress主题
在新窗口中，应该会看到指向诸如“/wp-content/”和“/wp-includes/”之类的目录的链接，可以通过搜索“wp-”找到它们，如果该站点正在运行WordPress CMS内容管理系统的话。如果看到其中任何一个（可能两者兼有），通常可以确定网站使用WordPress建站的！
注意：也可以在代码的“head”部分找到“generator”标签。类似于“metaname=”generator”content=”WordPress 3.6”除非它被删除了！
4、使用在线工具
还可以使用在线服务（甚至是浏览器扩展程序）执行相同的搜索，例如Is It WordPress（免费）。
如何查找网站使用的WordPress主题
推荐：6个最好的WordPress免费时间轴插件
总结
以上是晓得博客为你介绍的怎么查找网站使用的WordPress主题的全部内容，无论为什么要检查网站使用的WordPress主题，都可以快速找到。成功的网站，如果有一个有效的设计，就可以得到充分的展示。
推荐：WordPress网站文章目录怎么悬浮在侧边栏
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何查找网站使用的WordPress主题
如何设置WordPress标签云
网站优化 • 优采云 发表了文章 • 0 个评论 • 147 次浏览 • 2022-08-26 11:35
如何设置WordPress标签云
如何设置WordPress标签云
WordPress标签是在WordPress CMS内容管理系统中您可以对类似详细信息对帖子进行分组的工具之一。通常，标签位于帖子下方或侧边栏中。当访问者单击特定标签时，WordPress将打开一个存档页面（标签页面），索引所有具有相同标签的帖子和自定义帖子类型。
如何设置WordPress标签云
标签在组织内容方面起着至关重要的作用。它们对您的用户体验和SEO有直接影响。
很多人使用WordPress中的标签云小部件在其侧边栏上显示他们的帖子标签，但也可以手动将标签云添加到主题，本文，晓得博客为你介绍如何设置WordPress标签云。
推荐：5个免费的WordPress标签云插件
什么是WordPress标签
标签提供了一种在WordPress中组织帖子的简单方法，标签为网站访问者提供更多好处。标签不仅可以使您的访问者免于滚动浏览未分类帖子的提要，而且还可以帮助这些访问者快速找到相关内容。这将有助于增加他们查看更多帖子并在您的网站上停留更长时间的机会。
推荐：什么是wordpress tag标签
可在wp-includes/category-template.php搜索wp_tag_cloud找到以下代码：
'smallest'=>8,'largest'=>22,'unit'=>'pt','number'=>45,'format'=>'flat','separator'=>"\n",'orderby'=>'name','order'=>'ASC','exclude'=>'','include'=>'','link'=>'view','taxonomy'=>'post_tag','post_type'=>'','echo'=>true,'show_count'=>0,
具体的参数说明:
WordPress类别与标签
类别和标签都是WordPress的分类法。简而言之，他们对您的帖子进行分类。类别和标签之间的主要区别在于它们涵盖的主题的大小。类别对帖子的广泛主题进行分组，而标签描述内容中的特定细节。
推荐：WordPress网站类别和标签
在WordPress中设置标签云的数量
如何设置WordPress标签云
在使用WordPress建站时，有时候想显示的标签云数量太多，需要控制数量，那么将以下代码添加到functions.php中，即可
add_filter('widget_tag_cloud_args', 'tag_widget_limit');<br /> function tag_widget_limit($args){<br /> <br /> if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){<br /> $args['number'] = 19; //设置tags数量<br /> }<br /> <br /> return $args;}
如何手动设置WordPress标签云
要显示标签云，您只需在要显示标签并应用参数的任何位置插入“wp_tag_cloud()”函数。下面是一个标签的快速示例，其中包括许多参数中的一些参数，在标签云参考中查看更多信息。
为标签云设置样式
可以使用CSS轻松设置标签样式，使其看起来比简单的链接列表更好。
.tagcloud a{<br /> display:block;<br /> float:left;<br /> padding:4px 10px;<br /> margin-right:7px;<br /> margin-bottom:7px;<br /> background:#EEE;<br /> color:#666;<br /> font-size:11px;<br /> font-weight:bold;<br /> text-transform:lowercase;<br /> text-shadow:1px 1px 1px #FFF;<br /> -webkit-border-radius:5px;<br /> -moz-border-radius:5px;<br /> border-radius:5px;<br /> border:1px solid #CCC;<br /> text-decoration:none;}.tagcloud a:hover{<br /> background:#F3F3F3;<br /> color:#000;<br /> text-decoration:none;}
推荐：如何将自定义CSS添加到WordPress网站
在WordPress中设置显示标签及简码
此方法要求您在WordPress主题文件中添加代码。如果您以前没有这样做过，请参阅WordPress网站如何添加自定义PHP代码？
如何设置WordPress标签云
首先，您需要将此代码添加到主题的functions.php文件或特定于站点的插件中。
function xiaoblog_tag_cloud() { $tags = get_tags();$args = array(<br /> 'smallest' => 10, <br /> 'largest' => 22,<br /> 'unit' => 'px', <br /> 'number' => 10, <br /> 'format' => 'flat',<br /> 'separator' => " ",<br /> 'orderby' => 'count', <br /> 'order' => 'DESC',<br /> 'show_count' => 1,<br /> 'echo' => false); <br /> $tag_string = wp_generate_tag_cloud( $tags, $args );<br /> return $tag_string; <br /> } // Add a shortcode add_shortcode('xiao_popular_tags', 'xiaoblog_tag_cloud'); <br /> add_filter ('widget_text', 'do_shortcode');
此代码在云标签中从你网站生成前10个标签，每个标签中都有帖子数，会创建一个简码xiao_popular_tags并在文本小部件中启用简码。现在可以将[xiao_popular_tags]简码添加在任何帖子、页面或小部件中以显示标签。
使用插件显示标签云
还可以使用自定义标签云插件将标签添加到任何帖子或页面。只需安装Cool Tag Cloud插件，即可使用简码将自定义标签云添加到您的小部件、帖子和页面。该插件包括用于显示帖子、类别和链接类别标签的选项。此外，您还可以设置显示的数字、添加自定义标签分隔符并选择云模式。
推荐：WordPress标签云Cool Tag Cloud标签云插件教程
总结
以上是晓得博客为你介绍的如何设置WordPress标签云的全部内容，希望本文能帮助了解怎么在WordPress中设置最流行的标签，如有问题，欢迎留言探讨。
推荐：WP Table Manager插件教程WordPress网站创建表格和图表
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何设置WordPress标签云 查看全部
如何设置WordPress标签云
WordPress标签是在WordPress CMS内容管理系统中您可以对类似详细信息对帖子进行分组的工具之一。通常，标签位于帖子下方或侧边栏中。当访问者单击特定标签时，WordPress将打开一个存档页面（标签页面），索引所有具有相同标签的帖子和自定义帖子类型。
如何设置WordPress标签云
标签在组织内容方面起着至关重要的作用。它们对您的用户体验和SEO有直接影响。
很多人使用WordPress中的标签云小部件在其侧边栏上显示他们的帖子标签，但也可以手动将标签云添加到主题，本文，晓得博客为你介绍如何设置WordPress标签云。
推荐：5个免费的WordPress标签云插件
什么是WordPress标签
标签提供了一种在WordPress中组织帖子的简单方法，标签为网站访问者提供更多好处。标签不仅可以使您的访问者免于滚动浏览未分类帖子的提要，而且还可以帮助这些访问者快速找到相关内容。这将有助于增加他们查看更多帖子并在您的网站上停留更长时间的机会。
推荐：什么是wordpress tag标签
可在wp-includes/category-template.php搜索wp_tag_cloud找到以下代码：
'smallest'=>8,'largest'=>22,'unit'=>'pt','number'=>45,'format'=>'flat','separator'=>"\n",'orderby'=>'name','order'=>'ASC','exclude'=>'','include'=>'','link'=>'view','taxonomy'=>'post_tag','post_type'=>'','echo'=>true,'show_count'=>0,
具体的参数说明:
WordPress类别与标签
类别和标签都是WordPress的分类法。简而言之，他们对您的帖子进行分类。类别和标签之间的主要区别在于它们涵盖的主题的大小。类别对帖子的广泛主题进行分组，而标签描述内容中的特定细节。
推荐：WordPress网站类别和标签
在WordPress中设置标签云的数量
如何设置WordPress标签云
在使用WordPress建站时，有时候想显示的标签云数量太多，需要控制数量，那么将以下代码添加到functions.php中，即可
add_filter('widget_tag_cloud_args', 'tag_widget_limit');<br /> function tag_widget_limit($args){<br /> <br /> if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){<br /> $args['number'] = 19; //设置tags数量<br /> }<br /> <br /> return $args;}
如何手动设置WordPress标签云
要显示标签云，您只需在要显示标签并应用参数的任何位置插入“wp_tag_cloud()”函数。下面是一个标签的快速示例，其中包括许多参数中的一些参数，在标签云参考中查看更多信息。
为标签云设置样式
可以使用CSS轻松设置标签样式，使其看起来比简单的链接列表更好。
.tagcloud a{<br /> display:block;<br /> float:left;<br /> padding:4px 10px;<br /> margin-right:7px;<br /> margin-bottom:7px;<br /> background:#EEE;<br /> color:#666;<br /> font-size:11px;<br /> font-weight:bold;<br /> text-transform:lowercase;<br /> text-shadow:1px 1px 1px #FFF;<br /> -webkit-border-radius:5px;<br /> -moz-border-radius:5px;<br /> border-radius:5px;<br /> border:1px solid #CCC;<br /> text-decoration:none;}.tagcloud a:hover{<br /> background:#F3F3F3;<br /> color:#000;<br /> text-decoration:none;}
推荐：如何将自定义CSS添加到WordPress网站
在WordPress中设置显示标签及简码
此方法要求您在WordPress主题文件中添加代码。如果您以前没有这样做过，请参阅WordPress网站如何添加自定义PHP代码？
如何设置WordPress标签云
首先，您需要将此代码添加到主题的functions.php文件或特定于站点的插件中。
function xiaoblog_tag_cloud() { $tags = get_tags();$args = array(<br /> 'smallest' => 10, <br /> 'largest' => 22,<br /> 'unit' => 'px', <br /> 'number' => 10, <br /> 'format' => 'flat',<br /> 'separator' => " ",<br /> 'orderby' => 'count', <br /> 'order' => 'DESC',<br /> 'show_count' => 1,<br /> 'echo' => false); <br /> $tag_string = wp_generate_tag_cloud( $tags, $args );<br /> return $tag_string; <br /> } // Add a shortcode add_shortcode('xiao_popular_tags', 'xiaoblog_tag_cloud'); <br /> add_filter ('widget_text', 'do_shortcode');
此代码在云标签中从你网站生成前10个标签，每个标签中都有帖子数，会创建一个简码xiao_popular_tags并在文本小部件中启用简码。现在可以将[xiao_popular_tags]简码添加在任何帖子、页面或小部件中以显示标签。
使用插件显示标签云
还可以使用自定义标签云插件将标签添加到任何帖子或页面。只需安装Cool Tag Cloud插件，即可使用简码将自定义标签云添加到您的小部件、帖子和页面。该插件包括用于显示帖子、类别和链接类别标签的选项。此外，您还可以设置显示的数字、添加自定义标签分隔符并选择云模式。
推荐：WordPress标签云Cool Tag Cloud标签云插件教程
总结
以上是晓得博客为你介绍的如何设置WordPress标签云的全部内容，希望本文能帮助了解怎么在WordPress中设置最流行的标签，如有问题，欢迎留言探讨。
推荐：WP Table Manager插件教程WordPress网站创建表格和图表
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何设置WordPress标签云 查看全部
如何设置WordPress标签云
如何设置WordPress标签云
WordPress标签是在WordPress CMS内容管理系统中您可以对类似详细信息对帖子进行分组的工具之一。通常，标签位于帖子下方或侧边栏中。当访问者单击特定标签时，WordPress将打开一个存档页面（标签页面），索引所有具有相同标签的帖子和自定义帖子类型。
如何设置WordPress标签云
标签在组织内容方面起着至关重要的作用。它们对您的用户体验和SEO有直接影响。
很多人使用WordPress中的标签云小部件在其侧边栏上显示他们的帖子标签，但也可以手动将标签云添加到主题，本文，晓得博客为你介绍如何设置WordPress标签云。
推荐：5个免费的WordPress标签云插件
什么是WordPress标签
标签提供了一种在WordPress中组织帖子的简单方法，标签为网站访问者提供更多好处。标签不仅可以使您的访问者免于滚动浏览未分类帖子的提要，而且还可以帮助这些访问者快速找到相关内容。这将有助于增加他们查看更多帖子并在您的网站上停留更长时间的机会。
推荐：什么是wordpress tag标签
可在wp-includes/category-template.php搜索wp_tag_cloud找到以下代码：
'smallest'=>8,'largest'=>22,'unit'=>'pt','number'=>45,'format'=>'flat','separator'=>"\n",'orderby'=>'name','order'=>'ASC','exclude'=>'','include'=>'','link'=>'view','taxonomy'=>'post_tag','post_type'=>'','echo'=>true,'show_count'=>0,
具体的参数说明:
WordPress类别与标签
类别和标签都是WordPress的分类法。简而言之，他们对您的帖子进行分类。类别和标签之间的主要区别在于它们涵盖的主题的大小。类别对帖子的广泛主题进行分组，而标签描述内容中的特定细节。
推荐：WordPress网站类别和标签
在WordPress中设置标签云的数量
如何设置WordPress标签云
在使用WordPress建站时，有时候想显示的标签云数量太多，需要控制数量，那么将以下代码添加到functions.php中，即可
add_filter('widget_tag_cloud_args', 'tag_widget_limit');<br /> function tag_widget_limit($args){<br /> <br /> if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){<br /> $args['number'] = 19; //设置tags数量<br /> }<br /> <br /> return $args;}
如何手动设置WordPress标签云
要显示标签云，您只需在要显示标签并应用参数的任何位置插入“wp_tag_cloud()”函数。下面是一个标签的快速示例，其中包括许多参数中的一些参数，在标签云参考中查看更多信息。
为标签云设置样式
可以使用CSS轻松设置标签样式，使其看起来比简单的链接列表更好。
.tagcloud a{<br /> display:block;<br /> float:left;<br /> padding:4px 10px;<br /> margin-right:7px;<br /> margin-bottom:7px;<br /> background:#EEE;<br /> color:#666;<br /> font-size:11px;<br /> font-weight:bold;<br /> text-transform:lowercase;<br /> text-shadow:1px 1px 1px #FFF;<br /> -webkit-border-radius:5px;<br /> -moz-border-radius:5px;<br /> border-radius:5px;<br /> border:1px solid #CCC;<br /> text-decoration:none;}.tagcloud a:hover{<br /> background:#F3F3F3;<br /> color:#000;<br /> text-decoration:none;}
推荐：如何将自定义CSS添加到WordPress网站
在WordPress中设置显示标签及简码
此方法要求您在WordPress主题文件中添加代码。如果您以前没有这样做过，请参阅WordPress网站如何添加自定义PHP代码？
如何设置WordPress标签云
首先，您需要将此代码添加到主题的functions.php文件或特定于站点的插件中。
function xiaoblog_tag_cloud() { $tags = get_tags();$args = array(<br /> 'smallest' => 10, <br /> 'largest' => 22,<br /> 'unit' => 'px', <br /> 'number' => 10, <br /> 'format' => 'flat',<br /> 'separator' => " ",<br /> 'orderby' => 'count', <br /> 'order' => 'DESC',<br /> 'show_count' => 1,<br /> 'echo' => false); <br /> $tag_string = wp_generate_tag_cloud( $tags, $args );<br /> return $tag_string; <br /> } // Add a shortcode add_shortcode('xiao_popular_tags', 'xiaoblog_tag_cloud'); <br /> add_filter ('widget_text', 'do_shortcode');
此代码在云标签中从你网站生成前10个标签，每个标签中都有帖子数，会创建一个简码xiao_popular_tags并在文本小部件中启用简码。现在可以将[xiao_popular_tags]简码添加在任何帖子、页面或小部件中以显示标签。
使用插件显示标签云
还可以使用自定义标签云插件将标签添加到任何帖子或页面。只需安装Cool Tag Cloud插件，即可使用简码将自定义标签云添加到您的小部件、帖子和页面。该插件包括用于显示帖子、类别和链接类别标签的选项。此外，您还可以设置显示的数字、添加自定义标签分隔符并选择云模式。
推荐：WordPress标签云Cool Tag Cloud标签云插件教程
总结
以上是晓得博客为你介绍的如何设置WordPress标签云的全部内容，希望本文能帮助了解怎么在WordPress中设置最流行的标签，如有问题，欢迎留言探讨。
推荐：WP Table Manager插件教程WordPress网站创建表格和图表
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何设置WordPress标签云
用了那么多个开源博客系统，还是最喜欢这个（附文档）
网站优化 • 优采云 发表了文章 • 0 个评论 • 74 次浏览 • 2022-08-24 04:41
用了那么多个开源博客系统，还是最喜欢这个（附文档）
正文
大家好，我是小乐。
今天，推荐一个博客系统项目。乐哥第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的博客系统项目啊，乐哥帮你找到了。
这是我目前见过最好的博客系统项目。功能完整，代码结构清晰。值得推荐。
项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近乐哥在逛网站的时候发现一个不错的资料文档，乐哥觉得不错，值得拿出来和大家分享下。</p>
大多数程序员都想要拥有一个自己的博客网站，一方面是想记录自己平常的经验心得，另一方面随着博客文章内容的积累，后期兴许还能发展出副业。
开源的博客有很多，诸如OneBlog、solo、plumemo、halo等，看了很多现成的比较成熟的开源博客系统，我发现还是最喜欢Halo。
Halo是一个优秀的现代化的博客/CMS系统，博客可选主题丰富，还提供了小程序端，而且搭建步骤很简单。
Halo特性
Halo的主要特性如下：
前面提到过Halo的可选主题十分丰富，有多丰富呢？下图就一目了然了：
<p mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="box-sizing: border-box !important;margin: 0px 8px;padding: 0px;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;clear: both;min-height: 1em;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-indent: 0px;text-transform: none;white-space: normal;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;caret-color: rgb(51, 51, 51);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;text-align: center;line-height: 25.6px;">牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
Halo安装步骤
目前运行 Halo 的最低依赖要求为 JRE 11，请务必确保在进行下面操作之前已经正确安装了 JRE。检查 JRE 版本：
java -version<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
如果正确输出了 JRE 的版本，那么请继续进行下面的操作。此文档不会包含 JRE 的具体安装方式。
1、创建新的系统用户，创建一个名为 halo 的用户
useradd -m halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
给予 sudo 权限
usermod -aG wheel halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
为 halo 用户创建密码
passwd halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
登录到 halo 账户
su - halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
2、创建存放运行包的目录
mkdir ~/app && cd ~/app<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
3、下载运行包
wget https://dl.halo.run/release/halo-1.4.6.jar -O halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
4、创建工作目录
mkdir ~/.halo && cd ~/.halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
5、下载示例配置文件到工作目录
wget https://dl.halo.run/config/app ... .yaml -O ./application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
6、编辑配置文件，配置数据库或者端口等
vim application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
7、测试运行 Halo
cd ~/app && java -jar halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
8、如看到类似以下日志输出，则代表启动成功
run.halo.app.listener.StartedListener : Halo started at http://127.0.0.1:8090<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo admin started at http://127.0.0.1:8090/admin<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo has started successfully!<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
打开 :端口号，即可看到安装引导界面。
具体的安装指南，创建者还发布了详细的文档，当兴趣的可以去看看。
总体来说，用Halo搭建一个网站的感觉还是不错的，有使用过的伙伴们么？一起分享一下使用感受啊
<br />
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin-top: 1px;margin-bottom: 1px;padding-top: 8px;padding-bottom: 8px;outline: 0px;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
扫码下方二维码，后台回复【博客】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="padding-top: 1em;padding-bottom: 8px;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
最后给读者整理了一份BAT大厂面试真题，需要的可扫码加微信备注：“面试”获取。
--END--
（放到你圈子里，朋友们会感激您）
PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。本文仅供交流学习 , 版权归属原作者。温馨提示：《程序员小乐》推文内容如有侵权请您告知我们会在第一时间处理或撤销；互联网是一个资源共享的生态圈，我们崇尚分享。往日好文： 查看全部
正文
大家好，我是小乐。
今天，推荐一个博客系统项目。乐哥第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的博客系统项目啊，乐哥帮你找到了。
这是我目前见过最好的博客系统项目。功能完整，代码结构清晰。值得推荐。
项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近乐哥在逛网站的时候发现一个不错的资料文档，乐哥觉得不错，值得拿出来和大家分享下。</p>
大多数程序员都想要拥有一个自己的博客网站，一方面是想记录自己平常的经验心得，另一方面随着博客文章内容的积累，后期兴许还能发展出副业。
开源的博客有很多，诸如OneBlog、solo、plumemo、halo等，看了很多现成的比较成熟的开源博客系统，我发现还是最喜欢Halo。
Halo是一个优秀的现代化的博客/CMS系统，博客可选主题丰富，还提供了小程序端，而且搭建步骤很简单。
Halo特性
Halo的主要特性如下：
前面提到过Halo的可选主题十分丰富，有多丰富呢？下图就一目了然了：
<p mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="box-sizing: border-box !important;margin: 0px 8px;padding: 0px;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;clear: both;min-height: 1em;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-indent: 0px;text-transform: none;white-space: normal;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;caret-color: rgb(51, 51, 51);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;text-align: center;line-height: 25.6px;">牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
Halo安装步骤
目前运行 Halo 的最低依赖要求为 JRE 11，请务必确保在进行下面操作之前已经正确安装了 JRE。检查 JRE 版本：
java -version<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
如果正确输出了 JRE 的版本，那么请继续进行下面的操作。此文档不会包含 JRE 的具体安装方式。
1、创建新的系统用户，创建一个名为 halo 的用户
useradd -m halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
给予 sudo 权限
usermod -aG wheel halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
为 halo 用户创建密码
passwd halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
登录到 halo 账户
su - halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
2、创建存放运行包的目录
mkdir ~/app && cd ~/app<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
3、下载运行包
wget https://dl.halo.run/release/halo-1.4.6.jar -O halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
4、创建工作目录
mkdir ~/.halo && cd ~/.halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
5、下载示例配置文件到工作目录
wget https://dl.halo.run/config/app ... .yaml -O ./application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
6、编辑配置文件，配置数据库或者端口等
vim application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
7、测试运行 Halo
cd ~/app && java -jar halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
8、如看到类似以下日志输出，则代表启动成功
run.halo.app.listener.StartedListener : Halo started at http://127.0.0.1:8090<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo admin started at http://127.0.0.1:8090/admin<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo has started successfully!<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
打开 :端口号，即可看到安装引导界面。
具体的安装指南，创建者还发布了详细的文档，当兴趣的可以去看看。
总体来说，用Halo搭建一个网站的感觉还是不错的，有使用过的伙伴们么？一起分享一下使用感受啊
<br />
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin-top: 1px;margin-bottom: 1px;padding-top: 8px;padding-bottom: 8px;outline: 0px;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
扫码下方二维码，后台回复【博客】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="padding-top: 1em;padding-bottom: 8px;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
最后给读者整理了一份BAT大厂面试真题，需要的可扫码加微信备注：“面试”获取。
--END--
（放到你圈子里，朋友们会感激您）
PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。本文仅供交流学习 , 版权归属原作者。温馨提示：《程序员小乐》推文内容如有侵权请您告知我们会在第一时间处理或撤销；互联网是一个资源共享的生态圈，我们崇尚分享。往日好文： 查看全部
用了那么多个开源博客系统，还是最喜欢这个（附文档）
正文
大家好，我是小乐。
今天，推荐一个博客系统项目。乐哥第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的博客系统项目啊，乐哥帮你找到了。
这是我目前见过最好的博客系统项目。功能完整，代码结构清晰。值得推荐。
项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近乐哥在逛网站的时候发现一个不错的资料文档，乐哥觉得不错，值得拿出来和大家分享下。</p>
大多数程序员都想要拥有一个自己的博客网站，一方面是想记录自己平常的经验心得，另一方面随着博客文章内容的积累，后期兴许还能发展出副业。
开源的博客有很多，诸如OneBlog、solo、plumemo、halo等，看了很多现成的比较成熟的开源博客系统，我发现还是最喜欢Halo。
Halo是一个优秀的现代化的博客/CMS系统，博客可选主题丰富，还提供了小程序端，而且搭建步骤很简单。
Halo特性
Halo的主要特性如下：
前面提到过Halo的可选主题十分丰富，有多丰富呢？下图就一目了然了：
<p mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="box-sizing: border-box !important;margin: 0px 8px;padding: 0px;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;clear: both;min-height: 1em;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-indent: 0px;text-transform: none;white-space: normal;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;caret-color: rgb(51, 51, 51);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;text-align: center;line-height: 25.6px;">牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
Halo安装步骤
目前运行 Halo 的最低依赖要求为 JRE 11，请务必确保在进行下面操作之前已经正确安装了 JRE。检查 JRE 版本：
java -version<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
如果正确输出了 JRE 的版本，那么请继续进行下面的操作。此文档不会包含 JRE 的具体安装方式。
1、创建新的系统用户，创建一个名为 halo 的用户
useradd -m halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
给予 sudo 权限
usermod -aG wheel halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
为 halo 用户创建密码
passwd halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
登录到 halo 账户
su - halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
2、创建存放运行包的目录
mkdir ~/app && cd ~/app<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
3、下载运行包
wget https://dl.halo.run/release/halo-1.4.6.jar -O halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
4、创建工作目录
mkdir ~/.halo && cd ~/.halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
5、下载示例配置文件到工作目录
wget https://dl.halo.run/config/app ... .yaml -O ./application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
6、编辑配置文件，配置数据库或者端口等
vim application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
7、测试运行 Halo
cd ~/app && java -jar halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
8、如看到类似以下日志输出，则代表启动成功
run.halo.app.listener.StartedListener : Halo started at http://127.0.0.1:8090<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo admin started at http://127.0.0.1:8090/admin<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo has started successfully!<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
打开 :端口号，即可看到安装引导界面。
具体的安装指南，创建者还发布了详细的文档，当兴趣的可以去看看。
总体来说，用Halo搭建一个网站的感觉还是不错的，有使用过的伙伴们么？一起分享一下使用感受啊
<br />
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin-top: 1px;margin-bottom: 1px;padding-top: 8px;padding-bottom: 8px;outline: 0px;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
扫码下方二维码，后台回复【博客】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="padding-top: 1em;padding-bottom: 8px;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
最后给读者整理了一份BAT大厂面试真题，需要的可扫码加微信备注：“面试”获取。
--END--
（放到你圈子里，朋友们会感激您）
PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。本文仅供交流学习 , 版权归属原作者。温馨提示：《程序员小乐》推文内容如有侵权请您告知我们会在第一时间处理或撤销；互联网是一个资源共享的生态圈，我们崇尚分享。往日好文：
用低代码实现数据管理的思考（一）
网站优化 • 优采云 发表了文章 • 0 个评论 • 59 次浏览 • 2022-08-09 09:12
用低代码实现数据管理的思考（一）
如今您搭建一个网站，肯定不会从编写基础代码开始。那么为什么要从头开始编写公司数据资产呢？事实证明，数据工程师和商业运营及销售人员可以从网站开发的历史中学到很多东西，以帮助我们管理我们的企业数据资产。
在Internet的早期，网站是使用HTML和CSS等编码语言从头开始开发的。这是一个复杂的过程，通常需要一个网页设计师和若干开发人员团队历经数月开发完成。
以这种方式构建网站实际上有许多优点：
（1）设计精度：全方位把控网站的设计。
（2）定制：可以根据一组非常具体的要求定制网站。
（3）托管和存储：它使网站所有者可以完全控制网站的托管、存储和迁移。
但另一方面，从头开始开发网站有几个缺点：
（1）昂贵：这非常耗时且昂贵。
（2）技术门槛高：它需要大量的编码知识和技能（这对普通员工来说很难）。
（3）容易出错：容易出现逻辑错误和编码错误，很难追踪和修复。
向低代码网站开发的转变
随着越来越多的人开始使用Internet，可以使用更好的工具和资源。如今，市场上已经有了低代码内容管理系统 (CMS) 和拖放式网站构建器（WordPress、HubSpot、Shopify、Squarespace 等），无需任何编码即可轻松创建具有专业外观的网站。
图为中经软件提供的CEISCMS系统特点
虽然仍然有一些非常具体的用例需要从头开始编写网站，但绝大多数情况下，使用低代码 CMS 或拖放构建模块是公司创建网站更好的选择。
这种转变导致构建网站所需的时间和精力大大减少。事实上，您现在可以使用这些低代码工具在几个小时内创建一个完整的网站。
图为中经软件提供的CEISCMS系统的功能展示
这样做的好处非常明显：
自动化：开发人员可以将所有重复、乏味的任务自动化，这样他们就可以专注于网站开发中更复杂和更有价值的研究。
综合经验：支持代码自动生成的算法综合了更多开发人员的经验和最佳实践的经验。
错误更少：由这些工具自动生成的代码不仅可靠，而且比人工编写的代码更不容易出错。
便捷：通过利用其他人创建的代码，您可以在很短的时间内完成从构思到模型再到发布。
适应性强且面向未来：网络以惊人的速度发展，代码会自动适应它，因此您不必为更新和维护升级底层基础代码而担心。
至少，低代码网站构建器可以帮助您快速完成前80% 的网站开发工作，因此您可以将精力放在最后 20%的手动自定义和内容调整上，以满足您公司的独特需求。
讲到这里，您大概已经明白了，网站开发和数据管理领域之间其实有着非常多的相似之处。
数据管理的黑暗时代：复杂的工具堆栈/手动编码
与网站开发一样，数据准备过程传统上依赖于高度复杂的工具堆栈、不断增长的数据源和系统列表，需要花费数月时间通过人工编码将每个部分链接成数据“管道”。
这种方法有以下几个问题：
人工编码和管道创建：必须手动构建每个新数据源、数据存储和用例（例如分析报告），这通常会导致创建的庞大管道网络非常脆弱。
成堆的工具堆栈：为了使工作更加复杂，通常有一个单独的工具堆栈来管理管道的每个阶段，这让使用的工具堆栈数量成倍增加，并产生了额外的代码和专业化孤岛。
脆弱、僵化的基础设施：构建和维护这些复杂的数据基础设施及管道不仅成本高昂且耗时，而且还会导致安全漏洞，并使未来采用新技术变得极其困难。
脆弱的管道：更糟糕的是，这些数据管道很难构建，但很容易破坏。更高的复杂性意味着意外的错误有可能破坏流程、破坏数据甚至破坏整个管道。
手动文档和调试：每次发生错误时，数据工程师都必须花时间溯源数据并追踪错误。如果元数据文档不完整或缺失，这将非常困难。
这种方法是缓慢、痛苦和昂贵的，我们称之为数据管理的“黑暗时代”，因为它依赖于手动流程、脆弱的基础架构和高故障率。
值得庆幸的是，有一种新方法可以构建您的数据基础架构，该方法显著提高了效率、弹性和可扩展性--这就是低代码数据管理！
（未完待续...）
关于我们
中经网软件公司是一家集应用软件开发、系统集成、技术运维于一体的创新型科技公司，专注于为客户提供社会公共信用平台建设及技术保障、门户网站建设、网络培训、IT系统运维、智慧党建等业务的方案、产品与服务。公司继承了中经网数据有限公司在信息资源整合、大数据分析、软件开发等方面的能力，核心团队成员均有10年以上软件从业经验，公司产品及服务能力得到国家发改委、中联部等大客户的认可。
业务范围：公共信用平台建设、门户网站建设、网络培训、IT系统运维、智慧党建、大数据分析、安全咨询、网络服务、定制开发。
访问官网 查看全部
如今您搭建一个网站，肯定不会从编写基础代码开始。那么为什么要从头开始编写公司数据资产呢？事实证明，数据工程师和商业运营及销售人员可以从网站开发的历史中学到很多东西，以帮助我们管理我们的企业数据资产。
在Internet的早期，网站是使用HTML和CSS等编码语言从头开始开发的。这是一个复杂的过程，通常需要一个网页设计师和若干开发人员团队历经数月开发完成。
以这种方式构建网站实际上有许多优点：
（1）设计精度：全方位把控网站的设计。
（2）定制：可以根据一组非常具体的要求定制网站。
（3）托管和存储：它使网站所有者可以完全控制网站的托管、存储和迁移。
但另一方面，从头开始开发网站有几个缺点：
（1）昂贵：这非常耗时且昂贵。
（2）技术门槛高：它需要大量的编码知识和技能（这对普通员工来说很难）。
（3）容易出错：容易出现逻辑错误和编码错误，很难追踪和修复。
向低代码网站开发的转变
随着越来越多的人开始使用Internet，可以使用更好的工具和资源。如今，市场上已经有了低代码内容管理系统 (CMS) 和拖放式网站构建器（WordPress、HubSpot、Shopify、Squarespace 等），无需任何编码即可轻松创建具有专业外观的网站。
图为中经软件提供的CEISCMS系统特点
虽然仍然有一些非常具体的用例需要从头开始编写网站，但绝大多数情况下，使用低代码 CMS 或拖放构建模块是公司创建网站更好的选择。
这种转变导致构建网站所需的时间和精力大大减少。事实上，您现在可以使用这些低代码工具在几个小时内创建一个完整的网站。
图为中经软件提供的CEISCMS系统的功能展示
这样做的好处非常明显：
自动化：开发人员可以将所有重复、乏味的任务自动化，这样他们就可以专注于网站开发中更复杂和更有价值的研究。
综合经验：支持代码自动生成的算法综合了更多开发人员的经验和最佳实践的经验。
错误更少：由这些工具自动生成的代码不仅可靠，而且比人工编写的代码更不容易出错。
便捷：通过利用其他人创建的代码，您可以在很短的时间内完成从构思到模型再到发布。
适应性强且面向未来：网络以惊人的速度发展，代码会自动适应它，因此您不必为更新和维护升级底层基础代码而担心。
至少，低代码网站构建器可以帮助您快速完成前80% 的网站开发工作，因此您可以将精力放在最后 20%的手动自定义和内容调整上，以满足您公司的独特需求。
讲到这里，您大概已经明白了，网站开发和数据管理领域之间其实有着非常多的相似之处。
数据管理的黑暗时代：复杂的工具堆栈/手动编码
与网站开发一样，数据准备过程传统上依赖于高度复杂的工具堆栈、不断增长的数据源和系统列表，需要花费数月时间通过人工编码将每个部分链接成数据“管道”。
这种方法有以下几个问题：
人工编码和管道创建：必须手动构建每个新数据源、数据存储和用例（例如分析报告），这通常会导致创建的庞大管道网络非常脆弱。
成堆的工具堆栈：为了使工作更加复杂，通常有一个单独的工具堆栈来管理管道的每个阶段，这让使用的工具堆栈数量成倍增加，并产生了额外的代码和专业化孤岛。
脆弱、僵化的基础设施：构建和维护这些复杂的数据基础设施及管道不仅成本高昂且耗时，而且还会导致安全漏洞，并使未来采用新技术变得极其困难。
脆弱的管道：更糟糕的是，这些数据管道很难构建，但很容易破坏。更高的复杂性意味着意外的错误有可能破坏流程、破坏数据甚至破坏整个管道。
手动文档和调试：每次发生错误时，数据工程师都必须花时间溯源数据并追踪错误。如果元数据文档不完整或缺失，这将非常困难。
这种方法是缓慢、痛苦和昂贵的，我们称之为数据管理的“黑暗时代”，因为它依赖于手动流程、脆弱的基础架构和高故障率。
值得庆幸的是，有一种新方法可以构建您的数据基础架构，该方法显著提高了效率、弹性和可扩展性--这就是低代码数据管理！
（未完待续...）
关于我们
中经网软件公司是一家集应用软件开发、系统集成、技术运维于一体的创新型科技公司，专注于为客户提供社会公共信用平台建设及技术保障、门户网站建设、网络培训、IT系统运维、智慧党建等业务的方案、产品与服务。公司继承了中经网数据有限公司在信息资源整合、大数据分析、软件开发等方面的能力，核心团队成员均有10年以上软件从业经验，公司产品及服务能力得到国家发改委、中联部等大客户的认可。
业务范围：公共信用平台建设、门户网站建设、网络培训、IT系统运维、智慧党建、大数据分析、安全咨询、网络服务、定制开发。
访问官网 查看全部
用低代码实现数据管理的思考（一）
如今您搭建一个网站，肯定不会从编写基础代码开始。那么为什么要从头开始编写公司数据资产呢？事实证明，数据工程师和商业运营及销售人员可以从网站开发的历史中学到很多东西，以帮助我们管理我们的企业数据资产。
在Internet的早期，网站是使用HTML和CSS等编码语言从头开始开发的。这是一个复杂的过程，通常需要一个网页设计师和若干开发人员团队历经数月开发完成。
以这种方式构建网站实际上有许多优点：
（1）设计精度：全方位把控网站的设计。
（2）定制：可以根据一组非常具体的要求定制网站。
（3）托管和存储：它使网站所有者可以完全控制网站的托管、存储和迁移。
但另一方面，从头开始开发网站有几个缺点：
（1）昂贵：这非常耗时且昂贵。
（2）技术门槛高：它需要大量的编码知识和技能（这对普通员工来说很难）。
（3）容易出错：容易出现逻辑错误和编码错误，很难追踪和修复。
向低代码网站开发的转变
随着越来越多的人开始使用Internet，可以使用更好的工具和资源。如今，市场上已经有了低代码内容管理系统 (CMS) 和拖放式网站构建器（WordPress、HubSpot、Shopify、Squarespace 等），无需任何编码即可轻松创建具有专业外观的网站。
图为中经软件提供的CEISCMS系统特点
虽然仍然有一些非常具体的用例需要从头开始编写网站，但绝大多数情况下，使用低代码 CMS 或拖放构建模块是公司创建网站更好的选择。
这种转变导致构建网站所需的时间和精力大大减少。事实上，您现在可以使用这些低代码工具在几个小时内创建一个完整的网站。
图为中经软件提供的CEISCMS系统的功能展示
这样做的好处非常明显：
自动化：开发人员可以将所有重复、乏味的任务自动化，这样他们就可以专注于网站开发中更复杂和更有价值的研究。
综合经验：支持代码自动生成的算法综合了更多开发人员的经验和最佳实践的经验。
错误更少：由这些工具自动生成的代码不仅可靠，而且比人工编写的代码更不容易出错。
便捷：通过利用其他人创建的代码，您可以在很短的时间内完成从构思到模型再到发布。
适应性强且面向未来：网络以惊人的速度发展，代码会自动适应它，因此您不必为更新和维护升级底层基础代码而担心。
至少，低代码网站构建器可以帮助您快速完成前80% 的网站开发工作，因此您可以将精力放在最后 20%的手动自定义和内容调整上，以满足您公司的独特需求。
讲到这里，您大概已经明白了，网站开发和数据管理领域之间其实有着非常多的相似之处。
数据管理的黑暗时代：复杂的工具堆栈/手动编码
与网站开发一样，数据准备过程传统上依赖于高度复杂的工具堆栈、不断增长的数据源和系统列表，需要花费数月时间通过人工编码将每个部分链接成数据“管道”。
这种方法有以下几个问题：
人工编码和管道创建：必须手动构建每个新数据源、数据存储和用例（例如分析报告），这通常会导致创建的庞大管道网络非常脆弱。
成堆的工具堆栈：为了使工作更加复杂，通常有一个单独的工具堆栈来管理管道的每个阶段，这让使用的工具堆栈数量成倍增加，并产生了额外的代码和专业化孤岛。
脆弱、僵化的基础设施：构建和维护这些复杂的数据基础设施及管道不仅成本高昂且耗时，而且还会导致安全漏洞，并使未来采用新技术变得极其困难。
脆弱的管道：更糟糕的是，这些数据管道很难构建，但很容易破坏。更高的复杂性意味着意外的错误有可能破坏流程、破坏数据甚至破坏整个管道。
手动文档和调试：每次发生错误时，数据工程师都必须花时间溯源数据并追踪错误。如果元数据文档不完整或缺失，这将非常困难。
这种方法是缓慢、痛苦和昂贵的，我们称之为数据管理的“黑暗时代”，因为它依赖于手动流程、脆弱的基础架构和高故障率。
值得庆幸的是，有一种新方法可以构建您的数据基础架构，该方法显著提高了效率、弹性和可扩展性--这就是低代码数据管理！
（未完待续...）
关于我们
中经网软件公司是一家集应用软件开发、系统集成、技术运维于一体的创新型科技公司，专注于为客户提供社会公共信用平台建设及技术保障、门户网站建设、网络培训、IT系统运维、智慧党建等业务的方案、产品与服务。公司继承了中经网数据有限公司在信息资源整合、大数据分析、软件开发等方面的能力，核心团队成员均有10年以上软件从业经验，公司产品及服务能力得到国家发改委、中联部等大客户的认可。
业务范围：公共信用平台建设、门户网站建设、网络培训、IT系统运维、智慧党建、大数据分析、安全咨询、网络服务、定制开发。
访问官网
cms网站内容如何自定义增加？不要去问千万
网站优化 • 优采云 发表了文章 • 0 个评论 • 79 次浏览 • 2022-08-09 01:01
cms网站内容如何自定义增加？不要去问千万
cms网站内容如何自定义增加？不要去问千万不要去问千万不要去问千万不要去问一问就是500块钱，风险极大。看自己情况。如果有1万元可投，肯定投自定义增加一个。如果你想简单些，投10块钱就可以，只要你是百度1-3级的一般人，一年都投不了一万。国内的风险太大，别去看。我所有增加的都是盗版和侵权的，100%侵权，如果你是刚才百度一年你投500块钱，这个币，太强人所难了，我估计您就是用一年的时间去逐步翻新，找存在感。
否则请您别投钱。自定义添加的所有词，自己没有购买卖家的权限限制。卖家赠送权限除外。自定义后，一定要分析词库，词库太好没有意义，毕竟之前是新榜花大力气做的词。如果你不是1级账号，可以去搜这个词，如果是2级，3级以上，建议放弃。因为就算卖家有购买也不会赠送的。买卖权限不冲突。一句话，自定义一定要好好做。一定要找1-3级的。
只有2级以上才是真正的百度大牛，百度每天搜这个词是有12000个，当有一定的词，不是新增词的时候，百度工作量其实就不小。好比你运营店铺，你每天上新1万个不难，200个就可以，300个就太大了，尤其是每天上新500个这种，真正的大牛工作量非常大。
如果你不是说内容太久了不需要的话，比如像个人简介之类的，那基本上被屏蔽掉，相对来说网站标题那点小事，找一个靠谱的代写可能需要几百到几千块钱， 查看全部
cms网站内容如何自定义增加？不要去问千万不要去问千万不要去问千万不要去问一问就是500块钱，风险极大。看自己情况。如果有1万元可投，肯定投自定义增加一个。如果你想简单些，投10块钱就可以，只要你是百度1-3级的一般人，一年都投不了一万。国内的风险太大，别去看。我所有增加的都是盗版和侵权的，100%侵权，如果你是刚才百度一年你投500块钱，这个币，太强人所难了，我估计您就是用一年的时间去逐步翻新，找存在感。
否则请您别投钱。自定义添加的所有词，自己没有购买卖家的权限限制。卖家赠送权限除外。自定义后，一定要分析词库，词库太好没有意义，毕竟之前是新榜花大力气做的词。如果你不是1级账号，可以去搜这个词，如果是2级，3级以上，建议放弃。因为就算卖家有购买也不会赠送的。买卖权限不冲突。一句话，自定义一定要好好做。一定要找1-3级的。
只有2级以上才是真正的百度大牛，百度每天搜这个词是有12000个，当有一定的词，不是新增词的时候，百度工作量其实就不小。好比你运营店铺，你每天上新1万个不难，200个就可以，300个就太大了，尤其是每天上新500个这种，真正的大牛工作量非常大。
如果你不是说内容太久了不需要的话，比如像个人简介之类的，那基本上被屏蔽掉，相对来说网站标题那点小事，找一个靠谱的代写可能需要几百到几千块钱， 查看全部
cms网站内容如何自定义增加？不要去问千万
cms网站内容如何自定义增加？不要去问千万不要去问千万不要去问千万不要去问一问就是500块钱，风险极大。看自己情况。如果有1万元可投，肯定投自定义增加一个。如果你想简单些，投10块钱就可以，只要你是百度1-3级的一般人，一年都投不了一万。国内的风险太大，别去看。我所有增加的都是盗版和侵权的，100%侵权，如果你是刚才百度一年你投500块钱，这个币，太强人所难了，我估计您就是用一年的时间去逐步翻新，找存在感。
否则请您别投钱。自定义添加的所有词，自己没有购买卖家的权限限制。卖家赠送权限除外。自定义后，一定要分析词库，词库太好没有意义，毕竟之前是新榜花大力气做的词。如果你不是1级账号，可以去搜这个词，如果是2级，3级以上，建议放弃。因为就算卖家有购买也不会赠送的。买卖权限不冲突。一句话，自定义一定要好好做。一定要找1-3级的。
只有2级以上才是真正的百度大牛，百度每天搜这个词是有12000个，当有一定的词，不是新增词的时候，百度工作量其实就不小。好比你运营店铺，你每天上新1万个不难，200个就可以，300个就太大了，尤其是每天上新500个这种，真正的大牛工作量非常大。
如果你不是说内容太久了不需要的话，比如像个人简介之类的，那基本上被屏蔽掉，相对来说网站标题那点小事，找一个靠谱的代写可能需要几百到几千块钱，
15款知识库构建工具，总有一款适合你
网站优化 • 优采云 发表了文章 • 0 个评论 • 662 次浏览 • 2022-08-08 22:19
15款知识库构建工具，总有一款适合你
↓推荐关注↓
GitBook
软件团队打破知识孤岛的地方。GitBook 可帮助您为用户发布精美的文档，并集中团队的知识以进行高级协作。
GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。
GitBook支持输出多种文档格式：
使用GitBook制作电子书，必备两个文件：README.md和SUMMARY.md。
GitBook为免费用户提供
gitbook本身是一个开源项目，你可以下载源代码自行搭建。
官网：
Confluence
AtlassianConfluence（简称Confluence）Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。Confluence不是一个开源软件，非商业用途可以免费使用。
官网：
Atlassian公司宣布：从2021年2月2日开始，将停止销售新的本地化部署服务许可证，并停止对本地化部署产品的新功能开发。
停售的原因
据官方称，该公司原本就有超过90%的客户一开始就是使用的云计算版本，而原本使用本地化版本的企业也在逐步的往云计算版本转移，所以Atlassian也将调整公司重点，将突出Cloud First（云优先）的策略。
Atlassian公司会持续扩大对全部产品线云计算版本开发的投入，而逐步停止对本地化版本的开发支持。
用户的影响
据我了解，就中国企业客户而言，绝大多数还是以本地化部署的方式来使用的。据相关代理商透露，中国区客户的Server版用户几乎占据了90%之多。所以，本次的停售决定，势必会影响非常多的中国企业。500人以下团队不再提供本地化版本。
看云
现代化文档写作、托管及数字出版，开启个人和企业知识管理新时代。
看云为免费用户提供
不限量公开文档
0个私有文档
完整文档功能
官网：
语雀
用语雀，构建你的数字花园，为每一个人，为每一个团队，提供优秀的文档与知识库工具。
官网：
baklib
在线制作产品手册、帮助中心、FAQ、Guide、知识库、产品介绍、开发文档、在线手册，并发布到网站上。
丰富的应用场景
官网：
MinDoc
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki[] 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。详细介绍详见
官网地址：
说明文档及演示：
BookStack
BookStack，基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。
官网示例地址：
开源地址：
docsify
非常轻量级的文档，可以托管在Github page；不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署在 GitHub Pages。
特性
官网及演示：#/
开源地址：
Docute
一种轻松创建文档的方式，无需生成过程直接编写文档；Docute 本质上就是一个 JavaScript 文件，它可以获取 Markdown 文件并将它们呈现为单页面应用。
它完全由运行时驱动，因此并不涉及服务端组件，这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档，可轻松构建知识库、网站等应用。
开源地址：
Wikitten
Wikitten是一款开源Wiki知识管理系统，使用PHP开发，支持Markdown语法，无需数据库，自动生成树形目录，适合用来做个人Wiki知识库。
开源地址：
DokuWiki
DokuWiki 是一个简单易用且用途广泛的开源wiki软件，不需要数据库。它以其简洁易读的语法深受用户喜爱。易于维护、备份和集成使其成为管理员的最爱。内置的访问控制和身份验证连接器使 DokuWiki 在企业环境中特别有用，其充满活力的社区贡献的大量插件允许超越传统 wiki 的广泛用例。
官网及演示：
MkDocs
Markdown 项目文档工具. 本文档翻译自官网mkdocs. 本文档托管于 Github。MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档.
官网及演示：
开源地址：
MrDoc
MrDoc觅思文档，适合于个人和中小型团队的在线文档、知识库管理私有化部署方案， MrDoc 是基于 Python开发的在线文档系统。
MrDoc 适合作为个人和中小型团队的私有云文档、云笔记和知识管理工具，致力于成为优秀的私有化在线文档部署方案。
你可以简单粗暴地将 MrDoc 视为「可私有部署的语雀」和「可在线编辑文档的GitBook」。全面支持跨平台（Windows、macOS、Linux）和跨终端（Web、PC、手机）同步。
官网：
开源demo：
专业版demo：
开源版与专业版差异：
账号密码：test1/123456
云策文档
云策文档是一款开源知识管理工具。通过独立的知识库空间，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。
官网：
开源地址：
无忧·企业文档
无忧·企业文档主要是针对企业用户提供在线文档、协同编辑、知识管理的基础化办公工具，产品采用B/S构架，无需客户安装特殊客户端。解决企业内部存在多种的应用，通过基础应用底座与标准化应用解决企业内部信息孤岛问题。
无忧企业文档主要服务客群为企业用户，解决企业内部文档编辑、知识沉淀、知识协同等痛点。项目主要采用Java开发，基础框架采用JVS（spring cloud+Vue）。适用场景：适用于个人、团队、企业使用，提供云笔记、个人知识沉淀、在线产品手册、团队内部知识库、在线电子教程等功能。支持SaaS模式，支持私有化部署场景。
产品本质
企业·无忧文档=基于权限的知识文库+在线文档处理工具集+基于内容的搜索引擎+灵活展示的CMS
演示地址： 微信扫码即可登录；
开源地址：
— THE END — 查看全部
↓推荐关注↓
GitBook
软件团队打破知识孤岛的地方。GitBook 可帮助您为用户发布精美的文档，并集中团队的知识以进行高级协作。
GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。
GitBook支持输出多种文档格式：
使用GitBook制作电子书，必备两个文件：README.md和SUMMARY.md。
GitBook为免费用户提供
gitbook本身是一个开源项目，你可以下载源代码自行搭建。
官网：
Confluence
AtlassianConfluence（简称Confluence）Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。Confluence不是一个开源软件，非商业用途可以免费使用。
官网：
Atlassian公司宣布：从2021年2月2日开始，将停止销售新的本地化部署服务许可证，并停止对本地化部署产品的新功能开发。
停售的原因
据官方称，该公司原本就有超过90%的客户一开始就是使用的云计算版本，而原本使用本地化版本的企业也在逐步的往云计算版本转移，所以Atlassian也将调整公司重点，将突出Cloud First（云优先）的策略。
Atlassian公司会持续扩大对全部产品线云计算版本开发的投入，而逐步停止对本地化版本的开发支持。
用户的影响
据我了解，就中国企业客户而言，绝大多数还是以本地化部署的方式来使用的。据相关代理商透露，中国区客户的Server版用户几乎占据了90%之多。所以，本次的停售决定，势必会影响非常多的中国企业。500人以下团队不再提供本地化版本。
看云
现代化文档写作、托管及数字出版，开启个人和企业知识管理新时代。
看云为免费用户提供
不限量公开文档
0个私有文档
完整文档功能
官网：
语雀
用语雀，构建你的数字花园，为每一个人，为每一个团队，提供优秀的文档与知识库工具。
官网：
baklib
在线制作产品手册、帮助中心、FAQ、Guide、知识库、产品介绍、开发文档、在线手册，并发布到网站上。
丰富的应用场景
官网：
MinDoc
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki[] 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。详细介绍详见
官网地址：
说明文档及演示：
BookStack
BookStack，基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。
官网示例地址：
开源地址：
docsify
非常轻量级的文档，可以托管在Github page；不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署在 GitHub Pages。
特性
官网及演示：#/
开源地址：
Docute
一种轻松创建文档的方式，无需生成过程直接编写文档；Docute 本质上就是一个 JavaScript 文件，它可以获取 Markdown 文件并将它们呈现为单页面应用。
它完全由运行时驱动，因此并不涉及服务端组件，这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档，可轻松构建知识库、网站等应用。
开源地址：
Wikitten
Wikitten是一款开源Wiki知识管理系统，使用PHP开发，支持Markdown语法，无需数据库，自动生成树形目录，适合用来做个人Wiki知识库。
开源地址：
DokuWiki
DokuWiki 是一个简单易用且用途广泛的开源wiki软件，不需要数据库。它以其简洁易读的语法深受用户喜爱。易于维护、备份和集成使其成为管理员的最爱。内置的访问控制和身份验证连接器使 DokuWiki 在企业环境中特别有用，其充满活力的社区贡献的大量插件允许超越传统 wiki 的广泛用例。
官网及演示：
MkDocs
Markdown 项目文档工具. 本文档翻译自官网mkdocs. 本文档托管于 Github。MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档.
官网及演示：
开源地址：
MrDoc
MrDoc觅思文档，适合于个人和中小型团队的在线文档、知识库管理私有化部署方案， MrDoc 是基于 Python开发的在线文档系统。
MrDoc 适合作为个人和中小型团队的私有云文档、云笔记和知识管理工具，致力于成为优秀的私有化在线文档部署方案。
你可以简单粗暴地将 MrDoc 视为「可私有部署的语雀」和「可在线编辑文档的GitBook」。全面支持跨平台（Windows、macOS、Linux）和跨终端（Web、PC、手机）同步。
官网：
开源demo：
专业版demo：
开源版与专业版差异：
账号密码：test1/123456
云策文档
云策文档是一款开源知识管理工具。通过独立的知识库空间，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。
官网：
开源地址：
无忧·企业文档
无忧·企业文档主要是针对企业用户提供在线文档、协同编辑、知识管理的基础化办公工具，产品采用B/S构架，无需客户安装特殊客户端。解决企业内部存在多种的应用，通过基础应用底座与标准化应用解决企业内部信息孤岛问题。
无忧企业文档主要服务客群为企业用户，解决企业内部文档编辑、知识沉淀、知识协同等痛点。项目主要采用Java开发，基础框架采用JVS（spring cloud+Vue）。适用场景：适用于个人、团队、企业使用，提供云笔记、个人知识沉淀、在线产品手册、团队内部知识库、在线电子教程等功能。支持SaaS模式，支持私有化部署场景。
产品本质
企业·无忧文档=基于权限的知识文库+在线文档处理工具集+基于内容的搜索引擎+灵活展示的CMS
演示地址： 微信扫码即可登录；
开源地址：
— THE END — 查看全部
15款知识库构建工具，总有一款适合你
↓推荐关注↓
GitBook
软件团队打破知识孤岛的地方。GitBook 可帮助您为用户发布精美的文档，并集中团队的知识以进行高级协作。
GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。
GitBook支持输出多种文档格式：
使用GitBook制作电子书，必备两个文件：README.md和SUMMARY.md。
GitBook为免费用户提供
gitbook本身是一个开源项目，你可以下载源代码自行搭建。
官网：
Confluence
AtlassianConfluence（简称Confluence）Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。Confluence不是一个开源软件，非商业用途可以免费使用。
官网：
Atlassian公司宣布：从2021年2月2日开始，将停止销售新的本地化部署服务许可证，并停止对本地化部署产品的新功能开发。
停售的原因
据官方称，该公司原本就有超过90%的客户一开始就是使用的云计算版本，而原本使用本地化版本的企业也在逐步的往云计算版本转移，所以Atlassian也将调整公司重点，将突出Cloud First（云优先）的策略。
Atlassian公司会持续扩大对全部产品线云计算版本开发的投入，而逐步停止对本地化版本的开发支持。
用户的影响
据我了解，就中国企业客户而言，绝大多数还是以本地化部署的方式来使用的。据相关代理商透露，中国区客户的Server版用户几乎占据了90%之多。所以，本次的停售决定，势必会影响非常多的中国企业。500人以下团队不再提供本地化版本。
看云
现代化文档写作、托管及数字出版，开启个人和企业知识管理新时代。
看云为免费用户提供
不限量公开文档
0个私有文档
完整文档功能
官网：
语雀
用语雀，构建你的数字花园，为每一个人，为每一个团队，提供优秀的文档与知识库工具。
官网：
baklib
在线制作产品手册、帮助中心、FAQ、Guide、知识库、产品介绍、开发文档、在线手册，并发布到网站上。
丰富的应用场景
官网：
MinDoc
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki[] 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。详细介绍详见
官网地址：
说明文档及演示：
BookStack
BookStack，基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。
官网示例地址：
开源地址：
docsify
非常轻量级的文档，可以托管在Github page；不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署在 GitHub Pages。
特性
官网及演示：#/
开源地址：
Docute
一种轻松创建文档的方式，无需生成过程直接编写文档；Docute 本质上就是一个 JavaScript 文件，它可以获取 Markdown 文件并将它们呈现为单页面应用。
它完全由运行时驱动，因此并不涉及服务端组件，这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档，可轻松构建知识库、网站等应用。
开源地址：
Wikitten
Wikitten是一款开源Wiki知识管理系统，使用PHP开发，支持Markdown语法，无需数据库，自动生成树形目录，适合用来做个人Wiki知识库。
开源地址：
DokuWiki
DokuWiki 是一个简单易用且用途广泛的开源wiki软件，不需要数据库。它以其简洁易读的语法深受用户喜爱。易于维护、备份和集成使其成为管理员的最爱。内置的访问控制和身份验证连接器使 DokuWiki 在企业环境中特别有用，其充满活力的社区贡献的大量插件允许超越传统 wiki 的广泛用例。
官网及演示：
MkDocs
Markdown 项目文档工具. 本文档翻译自官网mkdocs. 本文档托管于 Github。MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档.
官网及演示：
开源地址：
MrDoc
MrDoc觅思文档，适合于个人和中小型团队的在线文档、知识库管理私有化部署方案， MrDoc 是基于 Python开发的在线文档系统。
MrDoc 适合作为个人和中小型团队的私有云文档、云笔记和知识管理工具，致力于成为优秀的私有化在线文档部署方案。
你可以简单粗暴地将 MrDoc 视为「可私有部署的语雀」和「可在线编辑文档的GitBook」。全面支持跨平台（Windows、macOS、Linux）和跨终端（Web、PC、手机）同步。
官网：
开源demo：
专业版demo：
开源版与专业版差异：
账号密码：test1/123456
云策文档
云策文档是一款开源知识管理工具。通过独立的知识库空间，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。
官网：
开源地址：
无忧·企业文档
无忧·企业文档主要是针对企业用户提供在线文档、协同编辑、知识管理的基础化办公工具，产品采用B/S构架，无需客户安装特殊客户端。解决企业内部存在多种的应用，通过基础应用底座与标准化应用解决企业内部信息孤岛问题。
无忧企业文档主要服务客群为企业用户，解决企业内部文档编辑、知识沉淀、知识协同等痛点。项目主要采用Java开发，基础框架采用JVS（spring cloud+Vue）。适用场景：适用于个人、团队、企业使用，提供云笔记、个人知识沉淀、在线产品手册、团队内部知识库、在线电子教程等功能。支持SaaS模式，支持私有化部署场景。
产品本质
企业·无忧文档=基于权限的知识文库+在线文档处理工具集+基于内容的搜索引擎+灵活展示的CMS
演示地址： 微信扫码即可登录；
开源地址：
— THE END —
花了2小时，搭建了一个项目，值了 ~
网站优化 • 优采云 发表了文章 • 0 个评论 • 52 次浏览 • 2022-07-19 07:40
花了2小时，搭建了一个项目，值了 ~
往期文章：
正文
今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。<br mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 28px;" /><p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;color: rgb(0, 0, 0);font-size: 16px;font-style: normal;font-variant-caps: normal;font-weight: normal;orphans: auto;text-indent: 0px;text-transform: none;white-space: normal;widows: auto;word-spacing: 0px;-webkit-text-size-adjust: auto;-webkit-text-stroke-width: 0px;text-decoration: none;letter-spacing: 0.544px;background-color: rgb(255, 255, 255);caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: left;line-height: 26px;word-break: normal !important;">上次是谁要的系统项目啊，我帮你找到了。这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 13.1K Star，我觉得不错，值得拿出来和大家分享下。
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
周末花了2个小时，搭建了一个简单的网站，为啥这么快呢？因为用了开源的代码生成器，直接用模板来做的，然后只需要对代码进行定制修改就行。扩展：接私活儿说明：本文以学习和交流为目的，如果有疑问，欢迎随时沟通和交流。非常建议大家多动手实践，在实践中提升技术和知识，这样印象也会更加深刻。<br mp-original-font-size="16" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 27px;" />特点<br mp-original-font-size="17" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible;line-height: 27px;font-size: 17px;" />
免费完整开源：基于MIT协议，源代码完全开源，无商业限制,MS开发团队承诺将MCMS内容系统永久完整开源；
标签化建站：不需要专业的后台开发技能，只要使用系统提供的标签，就能轻松建设网站；另外，搜索公众号Linux就该这样学后台回复“git书籍”，获取一份惊喜礼包。
html静态化：系统支持全站静态化；
跨终端：站点同时支持PC与移动端访问，同时会自动根据访问的终端切换到对应的界面，数据由系统统一管理；
海量模版：通过MStore（MS商城）分享更多免费、精美的企业网站模版，降低建站成本；
丰富插件：为了让MCms适应更多的业务场景，在MStore用户可以下载对应的插件，如：站群插件、微信插件、商城插件等；
每月更新：每月28日为系统升级日，分享更多好用等模版与插件；
文档丰富：为了让用户更快速的使用MCms系统进行开发，持续更新开发相关文档，如标签文档、使用文档、视频教程等；
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
面向对象开发环境建议开发者使用以下环境，这样避免版本带来的问题文件说明效果截图
项目管理
代码生成器
是不是感觉很炫酷？其实，如果熟练且不踩坑的情况下，肯定用不了2小时，我是踩坑了，两个坑如下：
好的，本项目先聊到这里，建议大家动手实践一下，你也可以利用代码生成器，搭建自己的网站，途中可能会遇到各种各样的问题，这些都是提升自己的机会，如果有疑问，欢迎随时沟通交流。
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;font-size: 16px;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【网站】即可获取所有系统
还可以加顶级架构师的个人微信，进入架构师交流群，里面大佬和资料云集，和大佬们一起学习成长！
额外福利：
国产的开源项目管理软件，基于国际流行的敏捷项目管理方式！
大家好。今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的系统项目啊，我帮你找到了。
这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.4K Star，我觉得不错，值得拿出来和大家分享下。
本项目是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥有！扩展：接私活儿
功能列表：
产品管理：包括产品、需求、计划、发布、路线图等功能。
项目管理：包括项目、任务、团队、build、燃尽图等功能。
质量管理：包括bug、测试用例、测试任务、测试结果等功能。
文档管理：包括产品文档库、项目文档库、自定义文档库等功能。
事务管理：包括todo管理，我的任务、我的Bug、我的需求、我的项目等个人事务管理功能。
组织管理：包括部门、用户、分组、权限等功能。
统计功能：丰富的统计表。
搜索功能：强大的搜索，帮助您找到相应的数据。
灵活的扩展机制，几乎可以对禅道的任何地方进行扩展。
强大的api机制，方便与其他系统集成。
功能演示：<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" /></p>
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【项目】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;clear: both;min-height: 1em;max-width: 100%;overflow-wrap: break-word !important;box-sizing: border-box !important;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;font-size: 16px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
--END--
乐哥个人微信
添加乐哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群 查看全部
往期文章：
正文
今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。<br mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 28px;" /><p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;color: rgb(0, 0, 0);font-size: 16px;font-style: normal;font-variant-caps: normal;font-weight: normal;orphans: auto;text-indent: 0px;text-transform: none;white-space: normal;widows: auto;word-spacing: 0px;-webkit-text-size-adjust: auto;-webkit-text-stroke-width: 0px;text-decoration: none;letter-spacing: 0.544px;background-color: rgb(255, 255, 255);caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: left;line-height: 26px;word-break: normal !important;">上次是谁要的系统项目啊，我帮你找到了。这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 13.1K Star，我觉得不错，值得拿出来和大家分享下。
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
周末花了2个小时，搭建了一个简单的网站，为啥这么快呢？因为用了开源的代码生成器，直接用模板来做的，然后只需要对代码进行定制修改就行。扩展：接私活儿说明：本文以学习和交流为目的，如果有疑问，欢迎随时沟通和交流。非常建议大家多动手实践，在实践中提升技术和知识，这样印象也会更加深刻。<br mp-original-font-size="16" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 27px;" />特点<br mp-original-font-size="17" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible;line-height: 27px;font-size: 17px;" />
免费完整开源：基于MIT协议，源代码完全开源，无商业限制,MS开发团队承诺将MCMS内容系统永久完整开源；
标签化建站：不需要专业的后台开发技能，只要使用系统提供的标签，就能轻松建设网站；另外，搜索公众号Linux就该这样学后台回复“git书籍”，获取一份惊喜礼包。
html静态化：系统支持全站静态化；
跨终端：站点同时支持PC与移动端访问，同时会自动根据访问的终端切换到对应的界面，数据由系统统一管理；
海量模版：通过MStore（MS商城）分享更多免费、精美的企业网站模版，降低建站成本；
丰富插件：为了让MCms适应更多的业务场景，在MStore用户可以下载对应的插件，如：站群插件、微信插件、商城插件等；
每月更新：每月28日为系统升级日，分享更多好用等模版与插件；
文档丰富：为了让用户更快速的使用MCms系统进行开发，持续更新开发相关文档，如标签文档、使用文档、视频教程等；
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
面向对象开发环境建议开发者使用以下环境，这样避免版本带来的问题文件说明效果截图
项目管理
代码生成器
是不是感觉很炫酷？其实，如果熟练且不踩坑的情况下，肯定用不了2小时，我是踩坑了，两个坑如下：
好的，本项目先聊到这里，建议大家动手实践一下，你也可以利用代码生成器，搭建自己的网站，途中可能会遇到各种各样的问题，这些都是提升自己的机会，如果有疑问，欢迎随时沟通交流。
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;font-size: 16px;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【网站】即可获取所有系统
还可以加顶级架构师的个人微信，进入架构师交流群，里面大佬和资料云集，和大佬们一起学习成长！
额外福利：
国产的开源项目管理软件，基于国际流行的敏捷项目管理方式！
大家好。今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的系统项目啊，我帮你找到了。
这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.4K Star，我觉得不错，值得拿出来和大家分享下。
本项目是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥有！扩展：接私活儿
功能列表：
产品管理：包括产品、需求、计划、发布、路线图等功能。
项目管理：包括项目、任务、团队、build、燃尽图等功能。
质量管理：包括bug、测试用例、测试任务、测试结果等功能。
文档管理：包括产品文档库、项目文档库、自定义文档库等功能。
事务管理：包括todo管理，我的任务、我的Bug、我的需求、我的项目等个人事务管理功能。
组织管理：包括部门、用户、分组、权限等功能。
统计功能：丰富的统计表。
搜索功能：强大的搜索，帮助您找到相应的数据。
灵活的扩展机制，几乎可以对禅道的任何地方进行扩展。
强大的api机制，方便与其他系统集成。
功能演示：<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" /></p>
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【项目】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;clear: both;min-height: 1em;max-width: 100%;overflow-wrap: break-word !important;box-sizing: border-box !important;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;font-size: 16px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
--END--
乐哥个人微信
添加乐哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群 查看全部
花了2小时，搭建了一个项目，值了 ~
往期文章：
正文
今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。<br mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 28px;" /><p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;color: rgb(0, 0, 0);font-size: 16px;font-style: normal;font-variant-caps: normal;font-weight: normal;orphans: auto;text-indent: 0px;text-transform: none;white-space: normal;widows: auto;word-spacing: 0px;-webkit-text-size-adjust: auto;-webkit-text-stroke-width: 0px;text-decoration: none;letter-spacing: 0.544px;background-color: rgb(255, 255, 255);caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: left;line-height: 26px;word-break: normal !important;">上次是谁要的系统项目啊，我帮你找到了。这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 13.1K Star，我觉得不错，值得拿出来和大家分享下。
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
周末花了2个小时，搭建了一个简单的网站，为啥这么快呢？因为用了开源的代码生成器，直接用模板来做的，然后只需要对代码进行定制修改就行。扩展：接私活儿说明：本文以学习和交流为目的，如果有疑问，欢迎随时沟通和交流。非常建议大家多动手实践，在实践中提升技术和知识，这样印象也会更加深刻。<br mp-original-font-size="16" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 27px;" />特点<br mp-original-font-size="17" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible;line-height: 27px;font-size: 17px;" />
免费完整开源：基于MIT协议，源代码完全开源，无商业限制,MS开发团队承诺将MCMS内容系统永久完整开源；
标签化建站：不需要专业的后台开发技能，只要使用系统提供的标签，就能轻松建设网站；另外，搜索公众号Linux就该这样学后台回复“git书籍”，获取一份惊喜礼包。
html静态化：系统支持全站静态化；
跨终端：站点同时支持PC与移动端访问，同时会自动根据访问的终端切换到对应的界面，数据由系统统一管理；
海量模版：通过MStore（MS商城）分享更多免费、精美的企业网站模版，降低建站成本；
丰富插件：为了让MCms适应更多的业务场景，在MStore用户可以下载对应的插件，如：站群插件、微信插件、商城插件等；
每月更新：每月28日为系统升级日，分享更多好用等模版与插件；
文档丰富：为了让用户更快速的使用MCms系统进行开发，持续更新开发相关文档，如标签文档、使用文档、视频教程等；
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
面向对象开发环境建议开发者使用以下环境，这样避免版本带来的问题文件说明效果截图
项目管理
代码生成器
是不是感觉很炫酷？其实，如果熟练且不踩坑的情况下，肯定用不了2小时，我是踩坑了，两个坑如下：
好的，本项目先聊到这里，建议大家动手实践一下，你也可以利用代码生成器，搭建自己的网站，途中可能会遇到各种各样的问题，这些都是提升自己的机会，如果有疑问，欢迎随时沟通交流。
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;font-size: 16px;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【网站】即可获取所有系统
还可以加顶级架构师的个人微信，进入架构师交流群，里面大佬和资料云集，和大佬们一起学习成长！
额外福利：
国产的开源项目管理软件，基于国际流行的敏捷项目管理方式！
大家好。今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的系统项目啊，我帮你找到了。
这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.4K Star，我觉得不错，值得拿出来和大家分享下。
本项目是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥有！扩展：接私活儿
功能列表：
产品管理：包括产品、需求、计划、发布、路线图等功能。
项目管理：包括项目、任务、团队、build、燃尽图等功能。
质量管理：包括bug、测试用例、测试任务、测试结果等功能。
文档管理：包括产品文档库、项目文档库、自定义文档库等功能。
事务管理：包括todo管理，我的任务、我的Bug、我的需求、我的项目等个人事务管理功能。
组织管理：包括部门、用户、分组、权限等功能。
统计功能：丰富的统计表。
搜索功能：强大的搜索，帮助您找到相应的数据。
灵活的扩展机制，几乎可以对禅道的任何地方进行扩展。
强大的api机制，方便与其他系统集成。
功能演示：<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" /></p>
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【项目】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;clear: both;min-height: 1em;max-width: 100%;overflow-wrap: break-word !important;box-sizing: border-box !important;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;font-size: 16px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
--END--
乐哥个人微信
添加乐哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群
【进行中】Odoo 12开发者指南（Cookbook）第三版
网站优化 • 优采云 发表了文章 • 0 个评论 • 55 次浏览 • 2022-06-20 22:42
【进行中】Odoo 12开发者指南（Cookbook）第三版
其实是否翻译这本书我内心是纠结的，毕竟已经有了一套完整的最好用的免费ERP系统Odoo 12开发手册，且以我个人的工作的方向而言目前使用 Odoo 的地方真心不多。这几个月有部分读者视我为 Odoo 的专家，我也竭力地解答了大部分问题，但我其实是属于 Odoo 社区的外围人员，对它的了解并不是很深入，也几乎没在相关交流群和论坛中做过任何发言。此外五月我计划中的翻译重点是一套人工智能的书（Python之 AI人工智能初学者指南），挑战还是蛮大的。
但冥冥中这本书的上一版（最好用的免费ERP系统Odoo 11开发指南）未完成翻译的挫败感和我深信未来会与 Odoo 有着紧密的交集促始我还是决定开始翻译这本书。不过翻译进度就真的是随缘了^-^
话说新版加了作者，页面数也足足多了300页（对比上一版第十七章到二十四章均为新增，真的是赚到了）
英文原书：Odoo 12 Development Cookbook - Third Edition
190+ unique recipes to build effective enterprise and business applications
by Parth Gajjar, Alexandre Fayolle, Holger Brunn, Daniel Reis
本书译本配套 GitHub 仓库：
WHY THIS VERSION
这本书我是五一假期时在 Packt 看到的，应该是4月份首发。今年已经翻译了好几本书，我对译书这件事在认识上还是有些变化的。这本书我一定不会像手册那本书一样追求快速译完，而是争取在翻译的过程中自己吸收更多知识也给读者更多的扩展。比如已经着手做的有Odoo 12开发者指南补充知识，添加了原书提及但又未进行讲解的知识，当然我所翻译的【已完结】精通Python自动化脚本-运维人员宝典和【已完结】精通 Docker 第三版中文版本身就是很好的知识补充。此外也会开始尝试编写一些与原书相关的脚本方便读者使用，如针对第一章的安装脚本，欢迎读者一起参与逐步进行完善。
在定位上我觉得这本书是比手册定位更高阶的一本书，因此值得更细致的打磨。欢迎读者朋友们在评论区留下自己的问题或分享你自己的学习经验。
前言
Odoo 是一个集成业务应用的套件。Odoo自带有25个不同的业务应用，涵盖CRM、生产制造、电商、会计等领域。简言之，它是一个覆盖你所有业务需求的多合一的解决方案。
Odoo 对开人员也是一个很棒的软件。有赖于 Odoo 强大的框架，开发人员可以从头开始构建强大的应用。Odoo框架有内置的插件机制。Odoo的内置应用也使用相同框架进行创建，并且其可扩展性有助于开发人员创建插件模块来修改已有应用。
Odoo涉及的领域很广，对于新手很难跟上这一学习曲线。Odoo 12开发者指南第三版提供一个逐步操作的指南来帮助你学习Odoo框架的方方面面，包括所有版本12的最新功能。它独特的设问和解决方案的方法有助于你解决日常Odoo开发中的问题。
本书面向的读者
这本书对于新手和有经验的开发人员都很适合。如果你有Python编程语言的基础知识，这本书可以帮助你很容易地习得Odoo框架的专业知识。如是你是一个想要使用Odoo框架开始高效业务应用，并想通过它来学习Odoo框架的实际案例，这本书非常适合你。
本书主要内容
第一章 安装Odoo开发环境：通过介绍Odoo生态系统进行开始。这里你将学习如何为开发环境安装并设置Odoo。你还将学习到如何激活开发工具。
第二章 管理Odoo服务器实例：有关安装和升级插件。它为你提供组织从GitHub上下载的自定义插件一些有用的小贴士。
第三章 服务器部署：有关如何为生产环境安装并配置Odoo实例。本章包含NGINX反向代理、SSL配置、启动服务和基本的Docker部署。还包含网站的CDN配置。
第四章 创建Odoo插件模块：讲解Odoo插件模块的结构并提供从零开始创建一个简单的Odoo模块的逐步操作指南。
第五章 应用模型：聚焦于Odoo模型结构，并讲解所有字段类型及它们的属性。本章还包含继承和扩展已有模型的不同方式。
第六章 基本服务端部署：介绍Odoo框架的API，展示增删改查（CRUD）方法以及其它常用方法的使用。本章还讲解如何在Odoo中编写业务逻辑。
第七章 模块数据：显示如何迁移你的插件模块和内置数据。还讲解编写迁移函数的基本步骤。
第八章 调试：提供调试Odoo代码的不同策略。本章包含开发者选项和Odoo shell的使用。
第九章 高级服务端开发技巧：讲解ORM框架更高级的课题。对于开发向导、SQL视图、安装钩子（hook）、on-change方法等非常有用。本章还讲解了如何在数据库中执行原生SQL查询。
第十章 后端视图：教授如何创建不同的UI视图以及如何从用户界面中触发业务逻辑。它涵盖了所有常用视图，如列表、表单、看板、日历、图形、搜索和透视表视图，还有一些新引入的视图，如cohort和仪表盘。本章还包含修改/继承已有视图的一些指导。
第十一章 权限安全：涵盖Odoo框架的安全方面。它显示了如何通过创建安全组、访问控制列表和记录级别规则来控制/限制用户对模型的访问。
第十二章 国际化：显示如何翻译你的插件模块的用户界面，并为管理翻译文件提供了有用的技巧。
第十三章 自动化、工作流和打印件：描绘了Odoo中实现更好的业务流程可用的不同工作和技巧。它展示如何使用服务端动作、自动化动作和基于时间的调度动作。本章还包含为你的模型创建PDF报告的指南。
第十四章 网页服务端开发：涵盖Odoo web服务的核心内容。它展示了如何创建自定义URL路径由来在指定URL上提供服务，以及如何对这些URL进行访问控制。
第十五章 CMS网站开发：讲解如何使用Odoo管理网站。还展示了如何创建和修改美观的网页和QWeb模板。本章还包含如何创建带选项的动态网页构建块。它包含一些管理 SEO、用户表单、UTM追踪、网站地图和获取访客地理信息的独立教程。本章还强调了Odoo中最新的多站点概念。
第十六章 网页客户端开发：深入到Odoo的JavaScript部分。涵盖了如何创建新字段控件以及对服务端发送RPC调用。还包含如何从零开始创建全新的视图。你还将学习如何创建操作向导。
第十七章 Odoo的应用内购买：涵盖有关Odoo最新的应用内购买（IAP）概念的所有内容。本章中你学习到如何为IAP创建客户端和服务模块。你还将学习到如何创建IAP账户并从终端用户提取IAP款项。
第十八章 自动化测试用例：涵盖如何在Odoo中编写和执行自动化测试用例，包含服务端、客户端以及操作向导集成的测试用例。本章还包含设置chrome-headless（无头浏览器模式）来截屏和录制视频来查看出错的客户端的测试用例的示范。
第十九章 使用Odoo.sh管理、部署和测试：讲解Odoo.sh，一个部署Odoo实例的PaaS平台，包含生产、模拟和开发分支的各方面。也讲解了该平台的不同选项。
第二十章 Odoo中的远程过程调用（RPC）：涵盖从外部应用连接Odoo实例的不同方式。本章教你如何通过XML-RPC、JSON-RPC和odoorpc库连接和从 Odoo实例访问数据。
第二十一章 性能优化：讲解用于获取Odoo中性能提升的不同概念和模式。本章包含预提取、ORM缓存和代码性能测试来监测性能问题的概念。
第二十二章 POS（销售点）：涵盖 POS 应用的自定义。包含用户界面、添加新动作按钮、修改业务流和扩展客户菜单的自定义。
第二十三章 在Odoo中管理email：讲解如何在Odoo中管理email和聊天工具。通过配置邮件服务器开始，然后讲解Odoo框架的邮件API。本章还涵盖Jinja2和QWeb邮件模板、表单视图、字段记录和活动的聊天工具。
第二十四章 IoT盒子：给出了最新的IoT盒子硬件的重点讲解。本章涵盖如何配置、访问和调试IoT盒子。不包含一个集成IoT盒子到你的自定义插件的示范。 查看全部
其实是否翻译这本书我内心是纠结的，毕竟已经有了一套完整的最好用的免费ERP系统Odoo 12开发手册，且以我个人的工作的方向而言目前使用 Odoo 的地方真心不多。这几个月有部分读者视我为 Odoo 的专家，我也竭力地解答了大部分问题，但我其实是属于 Odoo 社区的外围人员，对它的了解并不是很深入，也几乎没在相关交流群和论坛中做过任何发言。此外五月我计划中的翻译重点是一套人工智能的书（Python之 AI人工智能初学者指南），挑战还是蛮大的。
但冥冥中这本书的上一版（最好用的免费ERP系统Odoo 11开发指南）未完成翻译的挫败感和我深信未来会与 Odoo 有着紧密的交集促始我还是决定开始翻译这本书。不过翻译进度就真的是随缘了^-^
话说新版加了作者，页面数也足足多了300页（对比上一版第十七章到二十四章均为新增，真的是赚到了）
英文原书：Odoo 12 Development Cookbook - Third Edition
190+ unique recipes to build effective enterprise and business applications
by Parth Gajjar, Alexandre Fayolle, Holger Brunn, Daniel Reis
本书译本配套 GitHub 仓库：
WHY THIS VERSION
这本书我是五一假期时在 Packt 看到的，应该是4月份首发。今年已经翻译了好几本书，我对译书这件事在认识上还是有些变化的。这本书我一定不会像手册那本书一样追求快速译完，而是争取在翻译的过程中自己吸收更多知识也给读者更多的扩展。比如已经着手做的有Odoo 12开发者指南补充知识，添加了原书提及但又未进行讲解的知识，当然我所翻译的【已完结】精通Python自动化脚本-运维人员宝典和【已完结】精通 Docker 第三版中文版本身就是很好的知识补充。此外也会开始尝试编写一些与原书相关的脚本方便读者使用，如针对第一章的安装脚本，欢迎读者一起参与逐步进行完善。
在定位上我觉得这本书是比手册定位更高阶的一本书，因此值得更细致的打磨。欢迎读者朋友们在评论区留下自己的问题或分享你自己的学习经验。
前言
Odoo 是一个集成业务应用的套件。Odoo自带有25个不同的业务应用，涵盖CRM、生产制造、电商、会计等领域。简言之，它是一个覆盖你所有业务需求的多合一的解决方案。
Odoo 对开人员也是一个很棒的软件。有赖于 Odoo 强大的框架，开发人员可以从头开始构建强大的应用。Odoo框架有内置的插件机制。Odoo的内置应用也使用相同框架进行创建，并且其可扩展性有助于开发人员创建插件模块来修改已有应用。
Odoo涉及的领域很广，对于新手很难跟上这一学习曲线。Odoo 12开发者指南第三版提供一个逐步操作的指南来帮助你学习Odoo框架的方方面面，包括所有版本12的最新功能。它独特的设问和解决方案的方法有助于你解决日常Odoo开发中的问题。
本书面向的读者
这本书对于新手和有经验的开发人员都很适合。如果你有Python编程语言的基础知识，这本书可以帮助你很容易地习得Odoo框架的专业知识。如是你是一个想要使用Odoo框架开始高效业务应用，并想通过它来学习Odoo框架的实际案例，这本书非常适合你。
本书主要内容
第一章 安装Odoo开发环境：通过介绍Odoo生态系统进行开始。这里你将学习如何为开发环境安装并设置Odoo。你还将学习到如何激活开发工具。
第二章 管理Odoo服务器实例：有关安装和升级插件。它为你提供组织从GitHub上下载的自定义插件一些有用的小贴士。
第三章 服务器部署：有关如何为生产环境安装并配置Odoo实例。本章包含NGINX反向代理、SSL配置、启动服务和基本的Docker部署。还包含网站的CDN配置。
第四章 创建Odoo插件模块：讲解Odoo插件模块的结构并提供从零开始创建一个简单的Odoo模块的逐步操作指南。
第五章 应用模型：聚焦于Odoo模型结构，并讲解所有字段类型及它们的属性。本章还包含继承和扩展已有模型的不同方式。
第六章 基本服务端部署：介绍Odoo框架的API，展示增删改查（CRUD）方法以及其它常用方法的使用。本章还讲解如何在Odoo中编写业务逻辑。
第七章 模块数据：显示如何迁移你的插件模块和内置数据。还讲解编写迁移函数的基本步骤。
第八章 调试：提供调试Odoo代码的不同策略。本章包含开发者选项和Odoo shell的使用。
第九章 高级服务端开发技巧：讲解ORM框架更高级的课题。对于开发向导、SQL视图、安装钩子（hook）、on-change方法等非常有用。本章还讲解了如何在数据库中执行原生SQL查询。
第十章 后端视图：教授如何创建不同的UI视图以及如何从用户界面中触发业务逻辑。它涵盖了所有常用视图，如列表、表单、看板、日历、图形、搜索和透视表视图，还有一些新引入的视图，如cohort和仪表盘。本章还包含修改/继承已有视图的一些指导。
第十一章 权限安全：涵盖Odoo框架的安全方面。它显示了如何通过创建安全组、访问控制列表和记录级别规则来控制/限制用户对模型的访问。
第十二章 国际化：显示如何翻译你的插件模块的用户界面，并为管理翻译文件提供了有用的技巧。
第十三章 自动化、工作流和打印件：描绘了Odoo中实现更好的业务流程可用的不同工作和技巧。它展示如何使用服务端动作、自动化动作和基于时间的调度动作。本章还包含为你的模型创建PDF报告的指南。
第十四章 网页服务端开发：涵盖Odoo web服务的核心内容。它展示了如何创建自定义URL路径由来在指定URL上提供服务，以及如何对这些URL进行访问控制。
第十五章 CMS网站开发：讲解如何使用Odoo管理网站。还展示了如何创建和修改美观的网页和QWeb模板。本章还包含如何创建带选项的动态网页构建块。它包含一些管理 SEO、用户表单、UTM追踪、网站地图和获取访客地理信息的独立教程。本章还强调了Odoo中最新的多站点概念。
第十六章 网页客户端开发：深入到Odoo的JavaScript部分。涵盖了如何创建新字段控件以及对服务端发送RPC调用。还包含如何从零开始创建全新的视图。你还将学习如何创建操作向导。
第十七章 Odoo的应用内购买：涵盖有关Odoo最新的应用内购买（IAP）概念的所有内容。本章中你学习到如何为IAP创建客户端和服务模块。你还将学习到如何创建IAP账户并从终端用户提取IAP款项。
第十八章 自动化测试用例：涵盖如何在Odoo中编写和执行自动化测试用例，包含服务端、客户端以及操作向导集成的测试用例。本章还包含设置chrome-headless（无头浏览器模式）来截屏和录制视频来查看出错的客户端的测试用例的示范。
第十九章 使用Odoo.sh管理、部署和测试：讲解Odoo.sh，一个部署Odoo实例的PaaS平台，包含生产、模拟和开发分支的各方面。也讲解了该平台的不同选项。
第二十章 Odoo中的远程过程调用（RPC）：涵盖从外部应用连接Odoo实例的不同方式。本章教你如何通过XML-RPC、JSON-RPC和odoorpc库连接和从 Odoo实例访问数据。
第二十一章 性能优化：讲解用于获取Odoo中性能提升的不同概念和模式。本章包含预提取、ORM缓存和代码性能测试来监测性能问题的概念。
第二十二章 POS（销售点）：涵盖 POS 应用的自定义。包含用户界面、添加新动作按钮、修改业务流和扩展客户菜单的自定义。
第二十三章 在Odoo中管理email：讲解如何在Odoo中管理email和聊天工具。通过配置邮件服务器开始，然后讲解Odoo框架的邮件API。本章还涵盖Jinja2和QWeb邮件模板、表单视图、字段记录和活动的聊天工具。
第二十四章 IoT盒子：给出了最新的IoT盒子硬件的重点讲解。本章涵盖如何配置、访问和调试IoT盒子。不包含一个集成IoT盒子到你的自定义插件的示范。 查看全部
【进行中】Odoo 12开发者指南（Cookbook）第三版
其实是否翻译这本书我内心是纠结的，毕竟已经有了一套完整的最好用的免费ERP系统Odoo 12开发手册，且以我个人的工作的方向而言目前使用 Odoo 的地方真心不多。这几个月有部分读者视我为 Odoo 的专家，我也竭力地解答了大部分问题，但我其实是属于 Odoo 社区的外围人员，对它的了解并不是很深入，也几乎没在相关交流群和论坛中做过任何发言。此外五月我计划中的翻译重点是一套人工智能的书（Python之 AI人工智能初学者指南），挑战还是蛮大的。
但冥冥中这本书的上一版（最好用的免费ERP系统Odoo 11开发指南）未完成翻译的挫败感和我深信未来会与 Odoo 有着紧密的交集促始我还是决定开始翻译这本书。不过翻译进度就真的是随缘了^-^
话说新版加了作者，页面数也足足多了300页（对比上一版第十七章到二十四章均为新增，真的是赚到了）
英文原书：Odoo 12 Development Cookbook - Third Edition
190+ unique recipes to build effective enterprise and business applications
by Parth Gajjar, Alexandre Fayolle, Holger Brunn, Daniel Reis
本书译本配套 GitHub 仓库：
WHY THIS VERSION
这本书我是五一假期时在 Packt 看到的，应该是4月份首发。今年已经翻译了好几本书，我对译书这件事在认识上还是有些变化的。这本书我一定不会像手册那本书一样追求快速译完，而是争取在翻译的过程中自己吸收更多知识也给读者更多的扩展。比如已经着手做的有Odoo 12开发者指南补充知识，添加了原书提及但又未进行讲解的知识，当然我所翻译的【已完结】精通Python自动化脚本-运维人员宝典和【已完结】精通 Docker 第三版中文版本身就是很好的知识补充。此外也会开始尝试编写一些与原书相关的脚本方便读者使用，如针对第一章的安装脚本，欢迎读者一起参与逐步进行完善。
在定位上我觉得这本书是比手册定位更高阶的一本书，因此值得更细致的打磨。欢迎读者朋友们在评论区留下自己的问题或分享你自己的学习经验。
前言
Odoo 是一个集成业务应用的套件。Odoo自带有25个不同的业务应用，涵盖CRM、生产制造、电商、会计等领域。简言之，它是一个覆盖你所有业务需求的多合一的解决方案。
Odoo 对开人员也是一个很棒的软件。有赖于 Odoo 强大的框架，开发人员可以从头开始构建强大的应用。Odoo框架有内置的插件机制。Odoo的内置应用也使用相同框架进行创建，并且其可扩展性有助于开发人员创建插件模块来修改已有应用。
Odoo涉及的领域很广，对于新手很难跟上这一学习曲线。Odoo 12开发者指南第三版提供一个逐步操作的指南来帮助你学习Odoo框架的方方面面，包括所有版本12的最新功能。它独特的设问和解决方案的方法有助于你解决日常Odoo开发中的问题。
本书面向的读者
这本书对于新手和有经验的开发人员都很适合。如果你有Python编程语言的基础知识，这本书可以帮助你很容易地习得Odoo框架的专业知识。如是你是一个想要使用Odoo框架开始高效业务应用，并想通过它来学习Odoo框架的实际案例，这本书非常适合你。
本书主要内容
第一章 安装Odoo开发环境：通过介绍Odoo生态系统进行开始。这里你将学习如何为开发环境安装并设置Odoo。你还将学习到如何激活开发工具。
第二章 管理Odoo服务器实例：有关安装和升级插件。它为你提供组织从GitHub上下载的自定义插件一些有用的小贴士。
第三章 服务器部署：有关如何为生产环境安装并配置Odoo实例。本章包含NGINX反向代理、SSL配置、启动服务和基本的Docker部署。还包含网站的CDN配置。
第四章 创建Odoo插件模块：讲解Odoo插件模块的结构并提供从零开始创建一个简单的Odoo模块的逐步操作指南。
第五章 应用模型：聚焦于Odoo模型结构，并讲解所有字段类型及它们的属性。本章还包含继承和扩展已有模型的不同方式。
第六章 基本服务端部署：介绍Odoo框架的API，展示增删改查（CRUD）方法以及其它常用方法的使用。本章还讲解如何在Odoo中编写业务逻辑。
第七章 模块数据：显示如何迁移你的插件模块和内置数据。还讲解编写迁移函数的基本步骤。
第八章 调试：提供调试Odoo代码的不同策略。本章包含开发者选项和Odoo shell的使用。
第九章 高级服务端开发技巧：讲解ORM框架更高级的课题。对于开发向导、SQL视图、安装钩子（hook）、on-change方法等非常有用。本章还讲解了如何在数据库中执行原生SQL查询。
第十章 后端视图：教授如何创建不同的UI视图以及如何从用户界面中触发业务逻辑。它涵盖了所有常用视图，如列表、表单、看板、日历、图形、搜索和透视表视图，还有一些新引入的视图，如cohort和仪表盘。本章还包含修改/继承已有视图的一些指导。
第十一章 权限安全：涵盖Odoo框架的安全方面。它显示了如何通过创建安全组、访问控制列表和记录级别规则来控制/限制用户对模型的访问。
第十二章 国际化：显示如何翻译你的插件模块的用户界面，并为管理翻译文件提供了有用的技巧。
第十三章 自动化、工作流和打印件：描绘了Odoo中实现更好的业务流程可用的不同工作和技巧。它展示如何使用服务端动作、自动化动作和基于时间的调度动作。本章还包含为你的模型创建PDF报告的指南。
第十四章 网页服务端开发：涵盖Odoo web服务的核心内容。它展示了如何创建自定义URL路径由来在指定URL上提供服务，以及如何对这些URL进行访问控制。
第十五章 CMS网站开发：讲解如何使用Odoo管理网站。还展示了如何创建和修改美观的网页和QWeb模板。本章还包含如何创建带选项的动态网页构建块。它包含一些管理 SEO、用户表单、UTM追踪、网站地图和获取访客地理信息的独立教程。本章还强调了Odoo中最新的多站点概念。
第十六章 网页客户端开发：深入到Odoo的JavaScript部分。涵盖了如何创建新字段控件以及对服务端发送RPC调用。还包含如何从零开始创建全新的视图。你还将学习如何创建操作向导。
第十七章 Odoo的应用内购买：涵盖有关Odoo最新的应用内购买（IAP）概念的所有内容。本章中你学习到如何为IAP创建客户端和服务模块。你还将学习到如何创建IAP账户并从终端用户提取IAP款项。
第十八章 自动化测试用例：涵盖如何在Odoo中编写和执行自动化测试用例，包含服务端、客户端以及操作向导集成的测试用例。本章还包含设置chrome-headless（无头浏览器模式）来截屏和录制视频来查看出错的客户端的测试用例的示范。
第十九章 使用Odoo.sh管理、部署和测试：讲解Odoo.sh，一个部署Odoo实例的PaaS平台，包含生产、模拟和开发分支的各方面。也讲解了该平台的不同选项。
第二十章 Odoo中的远程过程调用（RPC）：涵盖从外部应用连接Odoo实例的不同方式。本章教你如何通过XML-RPC、JSON-RPC和odoorpc库连接和从 Odoo实例访问数据。
第二十一章 性能优化：讲解用于获取Odoo中性能提升的不同概念和模式。本章包含预提取、ORM缓存和代码性能测试来监测性能问题的概念。
第二十二章 POS（销售点）：涵盖 POS 应用的自定义。包含用户界面、添加新动作按钮、修改业务流和扩展客户菜单的自定义。
第二十三章 在Odoo中管理email：讲解如何在Odoo中管理email和聊天工具。通过配置邮件服务器开始，然后讲解Odoo框架的邮件API。本章还涵盖Jinja2和QWeb邮件模板、表单视图、字段记录和活动的聊天工具。
第二十四章 IoT盒子：给出了最新的IoT盒子硬件的重点讲解。本章涵盖如何配置、访问和调试IoT盒子。不包含一个集成IoT盒子到你的自定义插件的示范。
如何使用通达OA智能门户快速定制出企业自己的专属门户
网站优化 • 优采云 发表了文章 • 0 个评论 • 69 次浏览 • 2022-06-20 17:31
如何使用通达OA智能门户快速定制出企业自己的专属门户
效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“无身份限制(外部人员可访问)”。
2.再打开系统管理->界面设置，在“OA首页界面”处选择该门户即可。
2
如何把门户设定为用户的桌面显示模块？效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“所有OA用户可访问”。
2.用户可以到个人事务->控制面板->门户设置中设置为自己的桌面显示模块。
3.系统管理员可以到系统管理->组织机构设置->用户管理->批量用户个性设置中批量给所有用户添加。
3
如何将公告通知和新闻同步到门户？在公告管理和新闻管理中，查询列表操作中有推送至门户按钮，点击后可以选择在某个自由组件中展示，组件必须是图文列表或者文字列表，组件数据来源选择“CMS内容管理”，即可完成推送。
注意：推送至门户后如果想在门户上删除需要去智能门户/门户内容管理中删除。
4
智能门户如何获取OA业务数据？打开系统管理->数据源管理，在建立的数据源中新建数据集，数据集支持SQL语句、代码、可视化图形三种方式搭建，具体使用方法可以参考右上角的“使用须知”。
编辑门户时，在自由组件中选择“文字列表”组件，数据来源选择“OA业务数据”，并选择设置好的数据集即可。
5
如何使用自由组件中不同数据来源？自由组件的数据来源包含：OA业务数据、CMS内容管理、调取自定义栏目、RSS订阅数据，不同的组件适用不同的数据来源。OA业务数据：可以选择通过数据源功能创建的符合当前组件属性的数据集进行展示;添加数据集是在系统给管理/数据源管理中新建。
书写数据集的时候要按照自由组件中业务数据的规则进行是书写，否则在门户中是无法获取的。
CMS自定义页面：可通过文本编辑器进行页面的设计，内容在智能门户/门户内容管理中添加。
调取自定义栏目：可以调取其他数据来源为CMS内容管理的同类型组件，其他组件添加内容时勾选首页推荐则会在该组件下展示。
RSS订阅数据：可直接调取设置的订阅数据进行超链接展示。
6
如何手动维护门户自由组件内容？1.在智能门户->门户管理中进入门户设计页面，将组件的数据来源选择为CMS内容管理。
2.打开智能门户->门户内容管理，在对应门户目录下查看到这个组件，添加内容即可。
7
如何设置智能门户内容管理权限？进入智能门户->门户内容管理页面，点击左上角“权限管理”即可给其他用户分配内容管理权限。
在权限管理界面中新增/编辑与删除权限可分别授权，防止数据误删。
添加完之后有管理内容栏目权限的用户可对内容进行修改调整。
8
如何使用智能门户的文字列表组件？打开智能门户->门户管理->进入编辑门户页面，在自由组件中添加文字列表组件。
将该组件拖动至画布中，点击该组件，右侧会出现门户组件属性编辑框。
其中控件的命名和样式可以自由选择自己需要的风格；文字列表的内容来源有多种方式，选择OA业务数据，需要进行数据集的创建；选择cms内容管理，需要在门户内容管理中添加对应的内容；选择调取自定义栏目，保存之后可以调取其他栏目的内容；选择RSS内容管理，可以添加外部链接进行调用。
9
如何管理门户的修改日志？打开智能门户->门户内容管理，选择左侧栏目，可对门户日志进行管理。按键说明：批量删除：对日志进行批量删除；删除：对单条日志的删除操作；搜索：可以根据时间、内容进行搜索。
10
如何解决我的门户中看不到新建的门户？在智能门户->门户管理中设置门户为启用状态，并设置门户的访问权限。
这样有访问权限的账户从智能门户->我的门户中即可看到该门户。
查看全部
效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“无身份限制(外部人员可访问)”。
2.再打开系统管理->界面设置，在“OA首页界面”处选择该门户即可。
2
如何把门户设定为用户的桌面显示模块？效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“所有OA用户可访问”。
2.用户可以到个人事务->控制面板->门户设置中设置为自己的桌面显示模块。
3.系统管理员可以到系统管理->组织机构设置->用户管理->批量用户个性设置中批量给所有用户添加。
3
如何将公告通知和新闻同步到门户？在公告管理和新闻管理中，查询列表操作中有推送至门户按钮，点击后可以选择在某个自由组件中展示，组件必须是图文列表或者文字列表，组件数据来源选择“CMS内容管理”，即可完成推送。
注意：推送至门户后如果想在门户上删除需要去智能门户/门户内容管理中删除。
4
智能门户如何获取OA业务数据？打开系统管理->数据源管理，在建立的数据源中新建数据集，数据集支持SQL语句、代码、可视化图形三种方式搭建，具体使用方法可以参考右上角的“使用须知”。
编辑门户时，在自由组件中选择“文字列表”组件，数据来源选择“OA业务数据”，并选择设置好的数据集即可。
5
如何使用自由组件中不同数据来源？自由组件的数据来源包含：OA业务数据、CMS内容管理、调取自定义栏目、RSS订阅数据，不同的组件适用不同的数据来源。OA业务数据：可以选择通过数据源功能创建的符合当前组件属性的数据集进行展示;添加数据集是在系统给管理/数据源管理中新建。
书写数据集的时候要按照自由组件中业务数据的规则进行是书写，否则在门户中是无法获取的。
CMS自定义页面：可通过文本编辑器进行页面的设计，内容在智能门户/门户内容管理中添加。
调取自定义栏目：可以调取其他数据来源为CMS内容管理的同类型组件，其他组件添加内容时勾选首页推荐则会在该组件下展示。
RSS订阅数据：可直接调取设置的订阅数据进行超链接展示。
6
如何手动维护门户自由组件内容？1.在智能门户->门户管理中进入门户设计页面，将组件的数据来源选择为CMS内容管理。
2.打开智能门户->门户内容管理，在对应门户目录下查看到这个组件，添加内容即可。
7
如何设置智能门户内容管理权限？进入智能门户->门户内容管理页面，点击左上角“权限管理”即可给其他用户分配内容管理权限。
在权限管理界面中新增/编辑与删除权限可分别授权，防止数据误删。
添加完之后有管理内容栏目权限的用户可对内容进行修改调整。
8
如何使用智能门户的文字列表组件？打开智能门户->门户管理->进入编辑门户页面，在自由组件中添加文字列表组件。
将该组件拖动至画布中，点击该组件，右侧会出现门户组件属性编辑框。
其中控件的命名和样式可以自由选择自己需要的风格；文字列表的内容来源有多种方式，选择OA业务数据，需要进行数据集的创建；选择cms内容管理，需要在门户内容管理中添加对应的内容；选择调取自定义栏目，保存之后可以调取其他栏目的内容；选择RSS内容管理，可以添加外部链接进行调用。
9
如何管理门户的修改日志？打开智能门户->门户内容管理，选择左侧栏目，可对门户日志进行管理。按键说明：批量删除：对日志进行批量删除；删除：对单条日志的删除操作；搜索：可以根据时间、内容进行搜索。
10
如何解决我的门户中看不到新建的门户？在智能门户->门户管理中设置门户为启用状态，并设置门户的访问权限。
这样有访问权限的账户从智能门户->我的门户中即可看到该门户。
查看全部
如何使用通达OA智能门户快速定制出企业自己的专属门户
效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“无身份限制(外部人员可访问)”。
2.再打开系统管理->界面设置，在“OA首页界面”处选择该门户即可。
2
如何把门户设定为用户的桌面显示模块？效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“所有OA用户可访问”。
2.用户可以到个人事务->控制面板->门户设置中设置为自己的桌面显示模块。
3.系统管理员可以到系统管理->组织机构设置->用户管理->批量用户个性设置中批量给所有用户添加。
3
如何将公告通知和新闻同步到门户？在公告管理和新闻管理中，查询列表操作中有推送至门户按钮，点击后可以选择在某个自由组件中展示，组件必须是图文列表或者文字列表，组件数据来源选择“CMS内容管理”，即可完成推送。
注意：推送至门户后如果想在门户上删除需要去智能门户/门户内容管理中删除。
4
智能门户如何获取OA业务数据？打开系统管理->数据源管理，在建立的数据源中新建数据集，数据集支持SQL语句、代码、可视化图形三种方式搭建，具体使用方法可以参考右上角的“使用须知”。
编辑门户时，在自由组件中选择“文字列表”组件，数据来源选择“OA业务数据”，并选择设置好的数据集即可。
5
如何使用自由组件中不同数据来源？自由组件的数据来源包含：OA业务数据、CMS内容管理、调取自定义栏目、RSS订阅数据，不同的组件适用不同的数据来源。OA业务数据：可以选择通过数据源功能创建的符合当前组件属性的数据集进行展示;添加数据集是在系统给管理/数据源管理中新建。
书写数据集的时候要按照自由组件中业务数据的规则进行是书写，否则在门户中是无法获取的。
CMS自定义页面：可通过文本编辑器进行页面的设计，内容在智能门户/门户内容管理中添加。
调取自定义栏目：可以调取其他数据来源为CMS内容管理的同类型组件，其他组件添加内容时勾选首页推荐则会在该组件下展示。
RSS订阅数据：可直接调取设置的订阅数据进行超链接展示。
6
如何手动维护门户自由组件内容？1.在智能门户->门户管理中进入门户设计页面，将组件的数据来源选择为CMS内容管理。
2.打开智能门户->门户内容管理，在对应门户目录下查看到这个组件，添加内容即可。
7
如何设置智能门户内容管理权限？进入智能门户->门户内容管理页面，点击左上角“权限管理”即可给其他用户分配内容管理权限。
在权限管理界面中新增/编辑与删除权限可分别授权，防止数据误删。
添加完之后有管理内容栏目权限的用户可对内容进行修改调整。
8
如何使用智能门户的文字列表组件？打开智能门户->门户管理->进入编辑门户页面，在自由组件中添加文字列表组件。
将该组件拖动至画布中，点击该组件，右侧会出现门户组件属性编辑框。
其中控件的命名和样式可以自由选择自己需要的风格；文字列表的内容来源有多种方式，选择OA业务数据，需要进行数据集的创建；选择cms内容管理，需要在门户内容管理中添加对应的内容；选择调取自定义栏目，保存之后可以调取其他栏目的内容；选择RSS内容管理，可以添加外部链接进行调用。
9
如何管理门户的修改日志？打开智能门户->门户内容管理，选择左侧栏目，可对门户日志进行管理。按键说明：批量删除：对日志进行批量删除；删除：对单条日志的删除操作；搜索：可以根据时间、内容进行搜索。
10
如何解决我的门户中看不到新建的门户？在智能门户->门户管理中设置门户为启用状态，并设置门户的访问权限。
这样有访问权限的账户从智能门户->我的门户中即可看到该门户。
cms网站内容如何自定义?网页制作系统20万立享年薪
网站优化 • 优采云 发表了文章 • 0 个评论 • 45 次浏览 • 2022-06-18 23:14
cms网站内容如何自定义?网页制作系统20万立享年薪
cms网站内容如何自定义?cms自定义可以定制，能力小型的网站没有必要用这个，如果要做中型的cms或者是小型个人站的话都是可以接受的。如果资金比较充足一般都是在高级定制上面去定制，开发定制和安装定制的费用也都是不一样的。以前听朋友说过的一个是千言网_专业html5,css3,scss网页制作系统,20万立享年薪，目前价格有点高。
站长朋友能接受的价格通常都在四五万之间。自定义网站是网站的重要组成部分之一，最重要的网站要有一个统一的简洁的网站，让用户浏览一个给人的感觉还算可以接受的网站，在这种前提下能够尽量精简你的网站，精简网站就是简化网站，能使网站更容易被搜索引擎识别。首先就是为了避免恶意，删除、修改、盗用你的网站的东西，其次对于你有需要的用户，或者是你网站的推广，能够给他提供很好的帮助，也能够在你的网站进行适当的加字描述的。
还有就是你的网站在设计、制作、功能、语言、布局、特殊、静态，排版，表格等都是能让人接受、看的下去的，以符合大多数用户的习惯，还有一点就是你的一些网站所包含的功能和特色，用户在网站上的关注程度要有吸引力。可以自定义的网站有很多，具体的要看你的要求，cms定制最少要15到20万左右，要看你的需求。至于cms定制有多贵，这个你在地图上面搜一下就知道的了，基本上可以在北京上海这样的一线城市买一套房子或者是在广州这样的二线城市买两套房子，或者是在深圳这样的三线城市买三套房子，当然我说的这个都是自己买的，没有别人补助的，这个还是要根据你的位置，环境来决定的。
还有定制的网站有些功能是实现不了的，这个你只能做部分的功能，或者是需要适当的修改，一旦修改那基本上是没有方向和结果的，所以还是推荐个人网站吧。另外说的是cms定制比较贵，但是定制的cms后台更灵活，更加方便，同时网站的灵活性也要比个人建站的灵活性要好一些，所以你有特殊要求的话，我建议你定制的cms要更好一些。
码字不易，若有帮助请点赞支持，谢谢！知乎专栏：网站制作（），学习更多网站制作知识！欢迎交流、共同进步！。 查看全部
cms网站内容如何自定义?cms自定义可以定制，能力小型的网站没有必要用这个，如果要做中型的cms或者是小型个人站的话都是可以接受的。如果资金比较充足一般都是在高级定制上面去定制，开发定制和安装定制的费用也都是不一样的。以前听朋友说过的一个是千言网_专业html5,css3,scss网页制作系统,20万立享年薪，目前价格有点高。
站长朋友能接受的价格通常都在四五万之间。自定义网站是网站的重要组成部分之一，最重要的网站要有一个统一的简洁的网站，让用户浏览一个给人的感觉还算可以接受的网站，在这种前提下能够尽量精简你的网站，精简网站就是简化网站，能使网站更容易被搜索引擎识别。首先就是为了避免恶意，删除、修改、盗用你的网站的东西，其次对于你有需要的用户，或者是你网站的推广，能够给他提供很好的帮助，也能够在你的网站进行适当的加字描述的。
还有就是你的网站在设计、制作、功能、语言、布局、特殊、静态，排版，表格等都是能让人接受、看的下去的，以符合大多数用户的习惯，还有一点就是你的一些网站所包含的功能和特色，用户在网站上的关注程度要有吸引力。可以自定义的网站有很多，具体的要看你的要求，cms定制最少要15到20万左右，要看你的需求。至于cms定制有多贵，这个你在地图上面搜一下就知道的了，基本上可以在北京上海这样的一线城市买一套房子或者是在广州这样的二线城市买两套房子，或者是在深圳这样的三线城市买三套房子，当然我说的这个都是自己买的，没有别人补助的，这个还是要根据你的位置，环境来决定的。
还有定制的网站有些功能是实现不了的，这个你只能做部分的功能，或者是需要适当的修改，一旦修改那基本上是没有方向和结果的，所以还是推荐个人网站吧。另外说的是cms定制比较贵，但是定制的cms后台更灵活，更加方便，同时网站的灵活性也要比个人建站的灵活性要好一些，所以你有特殊要求的话，我建议你定制的cms要更好一些。
码字不易，若有帮助请点赞支持，谢谢！知乎专栏：网站制作（），学习更多网站制作知识！欢迎交流、共同进步！。 查看全部
cms网站内容如何自定义?网页制作系统20万立享年薪
cms网站内容如何自定义?cms自定义可以定制，能力小型的网站没有必要用这个，如果要做中型的cms或者是小型个人站的话都是可以接受的。如果资金比较充足一般都是在高级定制上面去定制，开发定制和安装定制的费用也都是不一样的。以前听朋友说过的一个是千言网_专业html5,css3,scss网页制作系统,20万立享年薪，目前价格有点高。
站长朋友能接受的价格通常都在四五万之间。自定义网站是网站的重要组成部分之一，最重要的网站要有一个统一的简洁的网站，让用户浏览一个给人的感觉还算可以接受的网站，在这种前提下能够尽量精简你的网站，精简网站就是简化网站，能使网站更容易被搜索引擎识别。首先就是为了避免恶意，删除、修改、盗用你的网站的东西，其次对于你有需要的用户，或者是你网站的推广，能够给他提供很好的帮助，也能够在你的网站进行适当的加字描述的。
还有就是你的网站在设计、制作、功能、语言、布局、特殊、静态，排版，表格等都是能让人接受、看的下去的，以符合大多数用户的习惯，还有一点就是你的一些网站所包含的功能和特色，用户在网站上的关注程度要有吸引力。可以自定义的网站有很多，具体的要看你的要求，cms定制最少要15到20万左右，要看你的需求。至于cms定制有多贵，这个你在地图上面搜一下就知道的了，基本上可以在北京上海这样的一线城市买一套房子或者是在广州这样的二线城市买两套房子，或者是在深圳这样的三线城市买三套房子，当然我说的这个都是自己买的，没有别人补助的，这个还是要根据你的位置，环境来决定的。
还有定制的网站有些功能是实现不了的，这个你只能做部分的功能，或者是需要适当的修改，一旦修改那基本上是没有方向和结果的，所以还是推荐个人网站吧。另外说的是cms定制比较贵，但是定制的cms后台更灵活，更加方便，同时网站的灵活性也要比个人建站的灵活性要好一些，所以你有特殊要求的话，我建议你定制的cms要更好一些。
码字不易，若有帮助请点赞支持，谢谢！知乎专栏：网站制作（），学习更多网站制作知识！欢迎交流、共同进步！。
网站没流量？教你做大你的流量池
网站优化 • 优采云 发表了文章 • 0 个评论 • 63 次浏览 • 2022-06-18 10:00
网站没流量？教你做大你的流量池
什么是流量？跟手机流量不同的是，我们这里讲的流量是运营术语，英文指的是traffic，它是指你的独立站或者APP带来的访问量。如果平常有人问你这个网站流量有多少，意思是指问网站的访问量有多少。
01
如何监控网站的流量数据
网站的流量是运营的对网站的直接结果，流量是很重要的衡量指标。我们追踪一个独立站常见的工具是Google Analytics,中文叫做谷歌分析工具。我们现在使用的Google Analytics版本是Google Analtics 4。
如何创建Google Analytics4？
第一步：登陆
找到管理》账号》+创建账号
第二步：点击下一项，给媒体资源设置名称命名，直接点击下一步，
第三步：关于您的商家》回答企业信息》点击创建》接受Google Analytics（分析）服务条款协议，点击我接受
第四步：选择平台》网站
第五步：设置数据流》输入网站网址+数据流名称命名》点击创建数据流
第六步：网站数据流详情里面会出现代码添加说明，网站上添加上以下某种代码就可以在Google Analytics工具内收集网站流量和数据。这里有两种代码添加说明：全局网站代码（gtag.js）和Google跟踪代码管理器。
如果是谷歌大叔团队建设的网站，后台已预留接口，填入“数据流ID” 即可完成代码部署。
全局网站代码（gtag.js）：
复制全局网站代码（gtag.js),将全局网站代码（gtag.js)粘贴到HTML的 部分。如果你使用的是CMS托管的网站，以下是具体的代码安装说明：
#cms&zippy=
如果您不想使用全局网站代码（gtag.js）来追踪网站数据的话，就可以使用Google跟踪代码管理器来追踪网站数据，记住，这两种方式只能选一种代码跟踪，不然网站数据就会重复了。上面说了使用全局网站代码（gtag.js）来追踪网站数据的设置，接下来我们说一下第二种使用Google跟踪代码管理器来跟踪网站数据的设置：
Google跟踪代码管理器：
第一步是创建GTM账户：#/home》登陆之后》点击创建账号create account》添加新账号add a new account：账户设置+选择目标广告平台，然后点击创建
进入跟踪代码管理器账户之后就出来安装Google跟踪代码管理器了，复制出现的两段代码粘贴到你网站的每个网页上，这里每段代码的安装都有详细的说明。
第二步是将Google Analytics4 分析里面的网站数据流详情里面的衡量ID G-XXXXXXXX复制到谷歌跟踪代码管理器里面，这样就可以将你网站的数据传到GA4的后台里面了。以下是Google Analytics4 分析数据流的衡量ID：
具体做法如下：
找到跟踪代码管理器里面的代码》点击新建》
代码配置选择Google Analytics(分析)：GA4配置
复制衡量ID，粘贴到衡量ID空白处，触发条件选择All pages（网页浏览），代码重命名，保存
点击提交
完成。
02
流量渠道
按照SimilarWeb网站流量工具对网站流量来源的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告流量Display Ads。
这部分我们就这些网站的流量渠道挨个介绍一下，然后再说一下这些流量是怎么样获取到的以及引流的具体做法。
2.1直接流量Direct
一般品牌较好的独立站的直接流量（Direct）能占到独立站60%以上的份额，品牌越大的直接流量越多。例如亚马逊的直接流量是59%，谷歌的直接流量是92%。从数据上就可以看出来品牌越大的网站直接流量占比越多，小品牌的网站直接流量占比越小。
直接流量（Direct）主要是由以下几种途径带来的：网站的老用户带来的重复访问、靠品牌带来的流量、网红营销带来的流量、线上线下的渠道流量以及APP带来的直接流量。
网站的原始流量一般是由记住域名的老访客和通过收藏网站域名的老访客带来的流量。
产品品牌知名度带来的直接流量是指通过搜索产品品牌例如iPhone13，huaweiP50等进入网站的流量。
网红营销是在一些行业或社群中，寻找有知名度的人，通过网红来进行宣传推广和推荐商品的目的，而这类通过网红进行品牌营销给网站带来的流量就是网红营销的流量。
线上渠道如亚马逊或沃尔玛、阿里巴巴这样的线上平台做线上营销例如平台广告或者平台品牌展示等线上活动，线下营销是指实体店在做促销宣传活动，例如运动器材店的的滑板促销活动。
跟产品品牌带来的流量不同，这部分的流量是通过整体品牌知名度也就是公司品牌来的，比如说iPhone，Huawei等，整体品牌知名度带来的直接流量是通过搜索品牌的进入网站的流量。
对于APP的流量统计来说，点击APP进来的都算直接流量。
2.2 付费搜索
在全球各搜索引擎平台上做付费广告，比如说Google、Bing、Yahoo、Baidu、YANDEX、DuckDuckGo或Naver等，在这些平台上做广告给网站带来的流量就是付费搜索的流量。
2022年5月公布的搜索引擎市场份额占比如下：Google（92·05%）、Bing（2·83%）、Yahoo（1·65%）、Baidu（0·98%）、YANDEX（0·76%）、DuckDuckGo（0·53%）
Google搜索引擎
首先必提的全球搜索引擎是Google，从数据上看Google是目前世界上市场占有份额最大的搜索引擎，跨境电商如果有独立站的话做海外营销基本上都会选择投放Google广告。
Google的定位方式
绝大部分商家投放Google广告的定位方式都是使用关键词、目标投放国家和语言来进行用户定位的。
使用关键词定位可以保证点击广告的流量是精准的，选择好投放国家和语言最好根据行业市场决定。
流量跟踪工具
如前面所提到的，你可以使用Gtag.js代码或者Google跟踪代码管理器（Google GTM）再结合GA4的数据流跟踪ID来跟踪和监控网站的流量情况，具体设置方法请看本篇文章的第一部分-如何监控网站的流量。
关键词广告投放
查看关键词报告、搜索字词报告、地理位置报告、语言数据报告、以及各展示平台的数据、把以下差的各数据可以采取删除、加否定关键词、降低出价比这些措施来降低询盘成本。
Shopping广告
如果你是一家跨境电商的零售商，就可以使用谷歌购物广告（Google Shopping）来推广你的产品，以此来增加网站的流量或本地店铺的客流量。
使用谷歌购物广告需要使用 Merchant Center 向Google提供产品数据，谷歌Shopping广告是一种非常直观的广告格式，这种广告向用户展示产品照片，其中包括名称、价格和商店名称等信息，因而可为网站带来更多的流量。
其它搜索引擎平台
除了搜索引擎市场占比第一的Google, 其它的搜索引擎平台还有bing、俄罗斯的Yandex、还有日本的Yahoo、韩国的Naver等。这些平台的推广定位以及广告展示形式和优化的思路都是差不多的，在这就不一一细说了。
2.3 社交流量
社交流量（Social）是指通过社交媒体来到网站的流量：这些社交媒体有Youtube、Facebook、LinkedIn、Quora、Reddit、pinterest、Twitter、nstagram、Tumblr和Discord等。
YouTube社交媒体的流量组成主要有三个部分：自己做的视频流量、网红给你做的视频流量和相关视频评论带来的网站流量。
其中自己做的视频流量主要是由Google排名、YouTube站内和站内相关视频的推荐流量来的，而Youtube站内的排名因素有视频的SEOtitle、视频观看量、视频点赞量、视频观看看时长、视频评论量、粉丝量和视频长度 5～10分钟。
Facebook社交媒体的流量主要由四部分组成的：公众主页、Facebook群组、个人Facebook主页和Facebook广告。
公共主页：跟个人Facebook主页不同的是，公共主页类似于企业或商家在Facebook上的微信公众号，粉丝可以接收到每一个公众主页推送的消息。
Facebook群组：Facebook小组是用户交流的社区，用户围绕共同话题聚集在一个小组内，进行学习、分享和讨论，Facebook小组是不少企业用来获取精准流量的渠道。
个人Facebook主页：个人Facebook主页是指个人的主页，类似于微信的朋友圈功能。
Facebook广告：Facebook广告投放的效果影响主要是两点：优秀的广告素材还有精准的受众定位，这两点的实现需要推广团队、产品团队和运营团队紧密配合，找到精准的受众群体、深挖产品或服务亮点并结合热门话题或事件来做素材。
Linkedin社交媒体的流量主要是由三部分的流量组成的：LinkedIn个人主页、公司主页还有linkedIn广告。
Quora是一个问答网站，有人称呼它为美版的知乎。从Quora上获得精准流量需要注意以下三点：关注行业内的问题，回复最优质的答案，如果你发或者回答的帖子想获得比较好的排名或者流量的话，点赞和转发和浏览量是一个决定因素。
其它社交平台
你可以充分利用社交媒体的流量来宣传你的品牌，除了以上几个常见的社交平台，其它社交平台的如Reddit、Pinterest、Twitter、Instagram、Whatsapp、Tumblr和Discord的流量。
想知道自己网站的社交媒体的流量分布吗？可以使用SimilarWeb（访问地址：）的工具来分析流量来源。如果你想知道你的竞争对手社交平台的流量都是来自哪些平台的话，也可以使用SimilarWeb工具查看。
2.4 引荐流量
引荐流量（Referral）是来自搜索引擎各个网域的引荐流量，这些流量包括网站论坛的帖子或相关网站上的静态网页，一般以外链居多。
如果网站上的外链数量比较多，那么这个网站的引荐流量相对也是比较多的。
2.5 展示广告
展示广告（Display）是在展示广告网络中投放的文字、图片或者视频的广告，展示广告可以展示在数以万计的网站上、应用和搜索引擎自有的一些资源上，展示广告可以用比较便宜的成本给网站带来很多流量。
我们常见的展示广告有Google展示广告、Yahoo Advertising展示广告、Pure Leads和Skimlinks。
2.6 电子邮件营销流量
电子邮件营销也叫邮件营销，简称EDM。商家可以利用电子邮件跟客户进行商业沟通的一种非常直接的方式。
电子邮件营销的流量通常由三个方面构成：你跟客户沟通交流的邮件、会员通过注册邮件订阅点击进来的流量以及邮件营销（又称）开发信引来的流量。
2.7 Web Push
Web push 主要用于订阅推送消息的服务，一旦用户订阅了某个网站的 Web Push 后，只要网站发送推送消息并且你的电脑是开着的，就会收到Web push推送的消息。
跟电子邮件营销不同的是，Web Push不需要打开邮件就能直接收到推送的消息。它可以使订阅的老用户在接收到最新的网站消息时有效地吸引他们访问你的网站。
03
怎么样获取流量报告？
我们平时看流量报告的时候可以使用两个工具。第一个是SimilarWeb，另外一个是谷歌分析工具（Google Analytics4）流量工具。以下是每一种流量工具的具体用法：
3.1 SimilarWeb网站流量工具
按照SimilarWeb网站流量工具对网站流量来源（Traffic Sources）的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告Display Ads。
用SimilarWeb工具的好处是不用安装谷歌分析账户就能看到自己网站和别家网站的渠道来源，而且是免费的。
3.2 谷歌分析工具（Google Analytics4）流量工具
按照谷歌分析工具（Google Analytics）对流量的划分，一个独立站的流量由谷歌自然流量（Organic Search、Direct组成）、付费搜索（Paid search、Paid Shopping组成）、社交流量（Oranic Social）、引荐流量（Referal）、展示广告（Display）等几部分组成。
使用谷歌分析工具（Google Analytics4）流量工具的好处是你可以通过流量获取报告了解网站上的新用户如何找到你的网站的或者现有用户如何回访你的网站的。如果你在自己网上上安装了谷歌分析代码，谷歌分析工具后台就能看到自己网站的流量报告，但看不到别人家的流量报告（除非你有别人家谷歌分析工具的分析权限）。
以下是Google Analytics4流量获取的报告：
04
更多关于流量的视频教程
如果你想知道更多关于流量的视频教程，请扫码加入我们的社群观看视频教程，这次视频教程绝对是十年经验积累沉淀，毫无保留的流程体系。因为我们的Lisa老师，有做过3个B端网站行业第一、一个C端行业第一、培养过上百个学员的经验。
即刻扫码加入我们的社群观看视频教程吧，在Lisa老师视频的课程培训下让你的网站收获更多的流量，抢占海外市场！ 查看全部
什么是流量？跟手机流量不同的是，我们这里讲的流量是运营术语，英文指的是traffic，它是指你的独立站或者APP带来的访问量。如果平常有人问你这个网站流量有多少，意思是指问网站的访问量有多少。
01
如何监控网站的流量数据
网站的流量是运营的对网站的直接结果，流量是很重要的衡量指标。我们追踪一个独立站常见的工具是Google Analytics,中文叫做谷歌分析工具。我们现在使用的Google Analytics版本是Google Analtics 4。
如何创建Google Analytics4？
第一步：登陆
找到管理》账号》+创建账号
第二步：点击下一项，给媒体资源设置名称命名，直接点击下一步，
第三步：关于您的商家》回答企业信息》点击创建》接受Google Analytics（分析）服务条款协议，点击我接受
第四步：选择平台》网站
第五步：设置数据流》输入网站网址+数据流名称命名》点击创建数据流
第六步：网站数据流详情里面会出现代码添加说明，网站上添加上以下某种代码就可以在Google Analytics工具内收集网站流量和数据。这里有两种代码添加说明：全局网站代码（gtag.js）和Google跟踪代码管理器。
如果是谷歌大叔团队建设的网站，后台已预留接口，填入“数据流ID” 即可完成代码部署。
全局网站代码（gtag.js）：
复制全局网站代码（gtag.js),将全局网站代码（gtag.js)粘贴到HTML的 部分。如果你使用的是CMS托管的网站，以下是具体的代码安装说明：
#cms&zippy=
如果您不想使用全局网站代码（gtag.js）来追踪网站数据的话，就可以使用Google跟踪代码管理器来追踪网站数据，记住，这两种方式只能选一种代码跟踪，不然网站数据就会重复了。上面说了使用全局网站代码（gtag.js）来追踪网站数据的设置，接下来我们说一下第二种使用Google跟踪代码管理器来跟踪网站数据的设置：
Google跟踪代码管理器：
第一步是创建GTM账户：#/home》登陆之后》点击创建账号create account》添加新账号add a new account：账户设置+选择目标广告平台，然后点击创建
进入跟踪代码管理器账户之后就出来安装Google跟踪代码管理器了，复制出现的两段代码粘贴到你网站的每个网页上，这里每段代码的安装都有详细的说明。
第二步是将Google Analytics4 分析里面的网站数据流详情里面的衡量ID G-XXXXXXXX复制到谷歌跟踪代码管理器里面，这样就可以将你网站的数据传到GA4的后台里面了。以下是Google Analytics4 分析数据流的衡量ID：
具体做法如下：
找到跟踪代码管理器里面的代码》点击新建》
代码配置选择Google Analytics(分析)：GA4配置
复制衡量ID，粘贴到衡量ID空白处，触发条件选择All pages（网页浏览），代码重命名，保存
点击提交
完成。
02
流量渠道
按照SimilarWeb网站流量工具对网站流量来源的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告流量Display Ads。
这部分我们就这些网站的流量渠道挨个介绍一下，然后再说一下这些流量是怎么样获取到的以及引流的具体做法。
2.1直接流量Direct
一般品牌较好的独立站的直接流量（Direct）能占到独立站60%以上的份额，品牌越大的直接流量越多。例如亚马逊的直接流量是59%，谷歌的直接流量是92%。从数据上就可以看出来品牌越大的网站直接流量占比越多，小品牌的网站直接流量占比越小。
直接流量（Direct）主要是由以下几种途径带来的：网站的老用户带来的重复访问、靠品牌带来的流量、网红营销带来的流量、线上线下的渠道流量以及APP带来的直接流量。
网站的原始流量一般是由记住域名的老访客和通过收藏网站域名的老访客带来的流量。
产品品牌知名度带来的直接流量是指通过搜索产品品牌例如iPhone13，huaweiP50等进入网站的流量。
网红营销是在一些行业或社群中，寻找有知名度的人，通过网红来进行宣传推广和推荐商品的目的，而这类通过网红进行品牌营销给网站带来的流量就是网红营销的流量。
线上渠道如亚马逊或沃尔玛、阿里巴巴这样的线上平台做线上营销例如平台广告或者平台品牌展示等线上活动，线下营销是指实体店在做促销宣传活动，例如运动器材店的的滑板促销活动。
跟产品品牌带来的流量不同，这部分的流量是通过整体品牌知名度也就是公司品牌来的，比如说iPhone，Huawei等，整体品牌知名度带来的直接流量是通过搜索品牌的进入网站的流量。
对于APP的流量统计来说，点击APP进来的都算直接流量。
2.2 付费搜索
在全球各搜索引擎平台上做付费广告，比如说Google、Bing、Yahoo、Baidu、YANDEX、DuckDuckGo或Naver等，在这些平台上做广告给网站带来的流量就是付费搜索的流量。
2022年5月公布的搜索引擎市场份额占比如下：Google（92·05%）、Bing（2·83%）、Yahoo（1·65%）、Baidu（0·98%）、YANDEX（0·76%）、DuckDuckGo（0·53%）
Google搜索引擎
首先必提的全球搜索引擎是Google，从数据上看Google是目前世界上市场占有份额最大的搜索引擎，跨境电商如果有独立站的话做海外营销基本上都会选择投放Google广告。
Google的定位方式
绝大部分商家投放Google广告的定位方式都是使用关键词、目标投放国家和语言来进行用户定位的。
使用关键词定位可以保证点击广告的流量是精准的，选择好投放国家和语言最好根据行业市场决定。
流量跟踪工具
如前面所提到的，你可以使用Gtag.js代码或者Google跟踪代码管理器（Google GTM）再结合GA4的数据流跟踪ID来跟踪和监控网站的流量情况，具体设置方法请看本篇文章的第一部分-如何监控网站的流量。
关键词广告投放
查看关键词报告、搜索字词报告、地理位置报告、语言数据报告、以及各展示平台的数据、把以下差的各数据可以采取删除、加否定关键词、降低出价比这些措施来降低询盘成本。
Shopping广告
如果你是一家跨境电商的零售商，就可以使用谷歌购物广告（Google Shopping）来推广你的产品，以此来增加网站的流量或本地店铺的客流量。
使用谷歌购物广告需要使用 Merchant Center 向Google提供产品数据，谷歌Shopping广告是一种非常直观的广告格式，这种广告向用户展示产品照片，其中包括名称、价格和商店名称等信息，因而可为网站带来更多的流量。
其它搜索引擎平台
除了搜索引擎市场占比第一的Google, 其它的搜索引擎平台还有bing、俄罗斯的Yandex、还有日本的Yahoo、韩国的Naver等。这些平台的推广定位以及广告展示形式和优化的思路都是差不多的，在这就不一一细说了。
2.3 社交流量
社交流量（Social）是指通过社交媒体来到网站的流量：这些社交媒体有Youtube、Facebook、LinkedIn、Quora、Reddit、pinterest、Twitter、nstagram、Tumblr和Discord等。
YouTube社交媒体的流量组成主要有三个部分：自己做的视频流量、网红给你做的视频流量和相关视频评论带来的网站流量。
其中自己做的视频流量主要是由Google排名、YouTube站内和站内相关视频的推荐流量来的，而Youtube站内的排名因素有视频的SEOtitle、视频观看量、视频点赞量、视频观看看时长、视频评论量、粉丝量和视频长度 5～10分钟。
Facebook社交媒体的流量主要由四部分组成的：公众主页、Facebook群组、个人Facebook主页和Facebook广告。
公共主页：跟个人Facebook主页不同的是，公共主页类似于企业或商家在Facebook上的微信公众号，粉丝可以接收到每一个公众主页推送的消息。
Facebook群组：Facebook小组是用户交流的社区，用户围绕共同话题聚集在一个小组内，进行学习、分享和讨论，Facebook小组是不少企业用来获取精准流量的渠道。
个人Facebook主页：个人Facebook主页是指个人的主页，类似于微信的朋友圈功能。
Facebook广告：Facebook广告投放的效果影响主要是两点：优秀的广告素材还有精准的受众定位，这两点的实现需要推广团队、产品团队和运营团队紧密配合，找到精准的受众群体、深挖产品或服务亮点并结合热门话题或事件来做素材。
Linkedin社交媒体的流量主要是由三部分的流量组成的：LinkedIn个人主页、公司主页还有linkedIn广告。
Quora是一个问答网站，有人称呼它为美版的知乎。从Quora上获得精准流量需要注意以下三点：关注行业内的问题，回复最优质的答案，如果你发或者回答的帖子想获得比较好的排名或者流量的话，点赞和转发和浏览量是一个决定因素。
其它社交平台
你可以充分利用社交媒体的流量来宣传你的品牌，除了以上几个常见的社交平台，其它社交平台的如Reddit、Pinterest、Twitter、Instagram、Whatsapp、Tumblr和Discord的流量。
想知道自己网站的社交媒体的流量分布吗？可以使用SimilarWeb（访问地址：）的工具来分析流量来源。如果你想知道你的竞争对手社交平台的流量都是来自哪些平台的话，也可以使用SimilarWeb工具查看。
2.4 引荐流量
引荐流量（Referral）是来自搜索引擎各个网域的引荐流量，这些流量包括网站论坛的帖子或相关网站上的静态网页，一般以外链居多。
如果网站上的外链数量比较多，那么这个网站的引荐流量相对也是比较多的。
2.5 展示广告
展示广告（Display）是在展示广告网络中投放的文字、图片或者视频的广告，展示广告可以展示在数以万计的网站上、应用和搜索引擎自有的一些资源上，展示广告可以用比较便宜的成本给网站带来很多流量。
我们常见的展示广告有Google展示广告、Yahoo Advertising展示广告、Pure Leads和Skimlinks。
2.6 电子邮件营销流量
电子邮件营销也叫邮件营销，简称EDM。商家可以利用电子邮件跟客户进行商业沟通的一种非常直接的方式。
电子邮件营销的流量通常由三个方面构成：你跟客户沟通交流的邮件、会员通过注册邮件订阅点击进来的流量以及邮件营销（又称）开发信引来的流量。
2.7 Web Push
Web push 主要用于订阅推送消息的服务，一旦用户订阅了某个网站的 Web Push 后，只要网站发送推送消息并且你的电脑是开着的，就会收到Web push推送的消息。
跟电子邮件营销不同的是，Web Push不需要打开邮件就能直接收到推送的消息。它可以使订阅的老用户在接收到最新的网站消息时有效地吸引他们访问你的网站。
03
怎么样获取流量报告？
我们平时看流量报告的时候可以使用两个工具。第一个是SimilarWeb，另外一个是谷歌分析工具（Google Analytics4）流量工具。以下是每一种流量工具的具体用法：
3.1 SimilarWeb网站流量工具
按照SimilarWeb网站流量工具对网站流量来源（Traffic Sources）的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告Display Ads。
用SimilarWeb工具的好处是不用安装谷歌分析账户就能看到自己网站和别家网站的渠道来源，而且是免费的。
3.2 谷歌分析工具（Google Analytics4）流量工具
按照谷歌分析工具（Google Analytics）对流量的划分，一个独立站的流量由谷歌自然流量（Organic Search、Direct组成）、付费搜索（Paid search、Paid Shopping组成）、社交流量（Oranic Social）、引荐流量（Referal）、展示广告（Display）等几部分组成。
使用谷歌分析工具（Google Analytics4）流量工具的好处是你可以通过流量获取报告了解网站上的新用户如何找到你的网站的或者现有用户如何回访你的网站的。如果你在自己网上上安装了谷歌分析代码，谷歌分析工具后台就能看到自己网站的流量报告，但看不到别人家的流量报告（除非你有别人家谷歌分析工具的分析权限）。
以下是Google Analytics4流量获取的报告：
04
更多关于流量的视频教程
如果你想知道更多关于流量的视频教程，请扫码加入我们的社群观看视频教程，这次视频教程绝对是十年经验积累沉淀，毫无保留的流程体系。因为我们的Lisa老师，有做过3个B端网站行业第一、一个C端行业第一、培养过上百个学员的经验。
即刻扫码加入我们的社群观看视频教程吧，在Lisa老师视频的课程培训下让你的网站收获更多的流量，抢占海外市场！ 查看全部
网站没流量？教你做大你的流量池
什么是流量？跟手机流量不同的是，我们这里讲的流量是运营术语，英文指的是traffic，它是指你的独立站或者APP带来的访问量。如果平常有人问你这个网站流量有多少，意思是指问网站的访问量有多少。
01
如何监控网站的流量数据
网站的流量是运营的对网站的直接结果，流量是很重要的衡量指标。我们追踪一个独立站常见的工具是Google Analytics,中文叫做谷歌分析工具。我们现在使用的Google Analytics版本是Google Analtics 4。
如何创建Google Analytics4？
第一步：登陆
找到管理》账号》+创建账号
第二步：点击下一项，给媒体资源设置名称命名，直接点击下一步，
第三步：关于您的商家》回答企业信息》点击创建》接受Google Analytics（分析）服务条款协议，点击我接受
第四步：选择平台》网站
第五步：设置数据流》输入网站网址+数据流名称命名》点击创建数据流
第六步：网站数据流详情里面会出现代码添加说明，网站上添加上以下某种代码就可以在Google Analytics工具内收集网站流量和数据。这里有两种代码添加说明：全局网站代码（gtag.js）和Google跟踪代码管理器。
如果是谷歌大叔团队建设的网站，后台已预留接口，填入“数据流ID” 即可完成代码部署。
全局网站代码（gtag.js）：
复制全局网站代码（gtag.js),将全局网站代码（gtag.js)粘贴到HTML的 部分。如果你使用的是CMS托管的网站，以下是具体的代码安装说明：
#cms&zippy=
如果您不想使用全局网站代码（gtag.js）来追踪网站数据的话，就可以使用Google跟踪代码管理器来追踪网站数据，记住，这两种方式只能选一种代码跟踪，不然网站数据就会重复了。上面说了使用全局网站代码（gtag.js）来追踪网站数据的设置，接下来我们说一下第二种使用Google跟踪代码管理器来跟踪网站数据的设置：
Google跟踪代码管理器：
第一步是创建GTM账户：#/home》登陆之后》点击创建账号create account》添加新账号add a new account：账户设置+选择目标广告平台，然后点击创建
进入跟踪代码管理器账户之后就出来安装Google跟踪代码管理器了，复制出现的两段代码粘贴到你网站的每个网页上，这里每段代码的安装都有详细的说明。
第二步是将Google Analytics4 分析里面的网站数据流详情里面的衡量ID G-XXXXXXXX复制到谷歌跟踪代码管理器里面，这样就可以将你网站的数据传到GA4的后台里面了。以下是Google Analytics4 分析数据流的衡量ID：
具体做法如下：
找到跟踪代码管理器里面的代码》点击新建》
代码配置选择Google Analytics(分析)：GA4配置
复制衡量ID，粘贴到衡量ID空白处，触发条件选择All pages（网页浏览），代码重命名，保存
点击提交
完成。
02
流量渠道
按照SimilarWeb网站流量工具对网站流量来源的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告流量Display Ads。
这部分我们就这些网站的流量渠道挨个介绍一下，然后再说一下这些流量是怎么样获取到的以及引流的具体做法。
2.1直接流量Direct
一般品牌较好的独立站的直接流量（Direct）能占到独立站60%以上的份额，品牌越大的直接流量越多。例如亚马逊的直接流量是59%，谷歌的直接流量是92%。从数据上就可以看出来品牌越大的网站直接流量占比越多，小品牌的网站直接流量占比越小。
直接流量（Direct）主要是由以下几种途径带来的：网站的老用户带来的重复访问、靠品牌带来的流量、网红营销带来的流量、线上线下的渠道流量以及APP带来的直接流量。
网站的原始流量一般是由记住域名的老访客和通过收藏网站域名的老访客带来的流量。
产品品牌知名度带来的直接流量是指通过搜索产品品牌例如iPhone13，huaweiP50等进入网站的流量。
网红营销是在一些行业或社群中，寻找有知名度的人，通过网红来进行宣传推广和推荐商品的目的，而这类通过网红进行品牌营销给网站带来的流量就是网红营销的流量。
线上渠道如亚马逊或沃尔玛、阿里巴巴这样的线上平台做线上营销例如平台广告或者平台品牌展示等线上活动，线下营销是指实体店在做促销宣传活动，例如运动器材店的的滑板促销活动。
跟产品品牌带来的流量不同，这部分的流量是通过整体品牌知名度也就是公司品牌来的，比如说iPhone，Huawei等，整体品牌知名度带来的直接流量是通过搜索品牌的进入网站的流量。
对于APP的流量统计来说，点击APP进来的都算直接流量。
2.2 付费搜索
在全球各搜索引擎平台上做付费广告，比如说Google、Bing、Yahoo、Baidu、YANDEX、DuckDuckGo或Naver等，在这些平台上做广告给网站带来的流量就是付费搜索的流量。
2022年5月公布的搜索引擎市场份额占比如下：Google（92·05%）、Bing（2·83%）、Yahoo（1·65%）、Baidu（0·98%）、YANDEX（0·76%）、DuckDuckGo（0·53%）
Google搜索引擎
首先必提的全球搜索引擎是Google，从数据上看Google是目前世界上市场占有份额最大的搜索引擎，跨境电商如果有独立站的话做海外营销基本上都会选择投放Google广告。
Google的定位方式
绝大部分商家投放Google广告的定位方式都是使用关键词、目标投放国家和语言来进行用户定位的。
使用关键词定位可以保证点击广告的流量是精准的，选择好投放国家和语言最好根据行业市场决定。
流量跟踪工具
如前面所提到的，你可以使用Gtag.js代码或者Google跟踪代码管理器（Google GTM）再结合GA4的数据流跟踪ID来跟踪和监控网站的流量情况，具体设置方法请看本篇文章的第一部分-如何监控网站的流量。
关键词广告投放
查看关键词报告、搜索字词报告、地理位置报告、语言数据报告、以及各展示平台的数据、把以下差的各数据可以采取删除、加否定关键词、降低出价比这些措施来降低询盘成本。
Shopping广告
如果你是一家跨境电商的零售商，就可以使用谷歌购物广告（Google Shopping）来推广你的产品，以此来增加网站的流量或本地店铺的客流量。
使用谷歌购物广告需要使用 Merchant Center 向Google提供产品数据，谷歌Shopping广告是一种非常直观的广告格式，这种广告向用户展示产品照片，其中包括名称、价格和商店名称等信息，因而可为网站带来更多的流量。
其它搜索引擎平台
除了搜索引擎市场占比第一的Google, 其它的搜索引擎平台还有bing、俄罗斯的Yandex、还有日本的Yahoo、韩国的Naver等。这些平台的推广定位以及广告展示形式和优化的思路都是差不多的，在这就不一一细说了。
2.3 社交流量
社交流量（Social）是指通过社交媒体来到网站的流量：这些社交媒体有Youtube、Facebook、LinkedIn、Quora、Reddit、pinterest、Twitter、nstagram、Tumblr和Discord等。
YouTube社交媒体的流量组成主要有三个部分：自己做的视频流量、网红给你做的视频流量和相关视频评论带来的网站流量。
其中自己做的视频流量主要是由Google排名、YouTube站内和站内相关视频的推荐流量来的，而Youtube站内的排名因素有视频的SEOtitle、视频观看量、视频点赞量、视频观看看时长、视频评论量、粉丝量和视频长度 5～10分钟。
Facebook社交媒体的流量主要由四部分组成的：公众主页、Facebook群组、个人Facebook主页和Facebook广告。
公共主页：跟个人Facebook主页不同的是，公共主页类似于企业或商家在Facebook上的微信公众号，粉丝可以接收到每一个公众主页推送的消息。
Facebook群组：Facebook小组是用户交流的社区，用户围绕共同话题聚集在一个小组内，进行学习、分享和讨论，Facebook小组是不少企业用来获取精准流量的渠道。
个人Facebook主页：个人Facebook主页是指个人的主页，类似于微信的朋友圈功能。
Facebook广告：Facebook广告投放的效果影响主要是两点：优秀的广告素材还有精准的受众定位，这两点的实现需要推广团队、产品团队和运营团队紧密配合，找到精准的受众群体、深挖产品或服务亮点并结合热门话题或事件来做素材。
Linkedin社交媒体的流量主要是由三部分的流量组成的：LinkedIn个人主页、公司主页还有linkedIn广告。
Quora是一个问答网站，有人称呼它为美版的知乎。从Quora上获得精准流量需要注意以下三点：关注行业内的问题，回复最优质的答案，如果你发或者回答的帖子想获得比较好的排名或者流量的话，点赞和转发和浏览量是一个决定因素。
其它社交平台
你可以充分利用社交媒体的流量来宣传你的品牌，除了以上几个常见的社交平台，其它社交平台的如Reddit、Pinterest、Twitter、Instagram、Whatsapp、Tumblr和Discord的流量。
想知道自己网站的社交媒体的流量分布吗？可以使用SimilarWeb（访问地址：）的工具来分析流量来源。如果你想知道你的竞争对手社交平台的流量都是来自哪些平台的话，也可以使用SimilarWeb工具查看。
2.4 引荐流量
引荐流量（Referral）是来自搜索引擎各个网域的引荐流量，这些流量包括网站论坛的帖子或相关网站上的静态网页，一般以外链居多。
如果网站上的外链数量比较多，那么这个网站的引荐流量相对也是比较多的。
2.5 展示广告
展示广告（Display）是在展示广告网络中投放的文字、图片或者视频的广告，展示广告可以展示在数以万计的网站上、应用和搜索引擎自有的一些资源上，展示广告可以用比较便宜的成本给网站带来很多流量。
我们常见的展示广告有Google展示广告、Yahoo Advertising展示广告、Pure Leads和Skimlinks。
2.6 电子邮件营销流量
电子邮件营销也叫邮件营销，简称EDM。商家可以利用电子邮件跟客户进行商业沟通的一种非常直接的方式。
电子邮件营销的流量通常由三个方面构成：你跟客户沟通交流的邮件、会员通过注册邮件订阅点击进来的流量以及邮件营销（又称）开发信引来的流量。
2.7 Web Push
Web push 主要用于订阅推送消息的服务，一旦用户订阅了某个网站的 Web Push 后，只要网站发送推送消息并且你的电脑是开着的，就会收到Web push推送的消息。
跟电子邮件营销不同的是，Web Push不需要打开邮件就能直接收到推送的消息。它可以使订阅的老用户在接收到最新的网站消息时有效地吸引他们访问你的网站。
03
怎么样获取流量报告？
我们平时看流量报告的时候可以使用两个工具。第一个是SimilarWeb，另外一个是谷歌分析工具（Google Analytics4）流量工具。以下是每一种流量工具的具体用法：
3.1 SimilarWeb网站流量工具
按照SimilarWeb网站流量工具对网站流量来源（Traffic Sources）的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告Display Ads。
用SimilarWeb工具的好处是不用安装谷歌分析账户就能看到自己网站和别家网站的渠道来源，而且是免费的。
3.2 谷歌分析工具（Google Analytics4）流量工具
按照谷歌分析工具（Google Analytics）对流量的划分，一个独立站的流量由谷歌自然流量（Organic Search、Direct组成）、付费搜索（Paid search、Paid Shopping组成）、社交流量（Oranic Social）、引荐流量（Referal）、展示广告（Display）等几部分组成。
使用谷歌分析工具（Google Analytics4）流量工具的好处是你可以通过流量获取报告了解网站上的新用户如何找到你的网站的或者现有用户如何回访你的网站的。如果你在自己网上上安装了谷歌分析代码，谷歌分析工具后台就能看到自己网站的流量报告，但看不到别人家的流量报告（除非你有别人家谷歌分析工具的分析权限）。
以下是Google Analytics4流量获取的报告：
04
更多关于流量的视频教程
如果你想知道更多关于流量的视频教程，请扫码加入我们的社群观看视频教程，这次视频教程绝对是十年经验积累沉淀，毫无保留的流程体系。因为我们的Lisa老师，有做过3个B端网站行业第一、一个C端行业第一、培养过上百个学员的经验。
即刻扫码加入我们的社群观看视频教程吧，在Lisa老师视频的课程培训下让你的网站收获更多的流量，抢占海外市场！
16 个优秀的 Vue 开源项目
网站优化 • 优采云 发表了文章 • 0 个评论 • 276 次浏览 • 2022-06-18 09:54
16 个优秀的 Vue 开源项目
为什么我们要关注Vue
Vue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。
Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可用的数据以及库的数量也会随之增加。
使用Vue的益处
框架很小。这个框架的大小是18- 21KB ；
Vue支持基于组件的方法来构建Web应用程序;
文档详细。开发人员总是喜欢使用带有详细文档的框架，因为他们编写第一个应用程序总是很容易；
通俗易懂。由于Vue. js 结构简单,用户可以很容易地将其添加到Web项目中。它有一个定义良好的体系结构来保存您的数据。生命周期法与定制法分离；
集成简单。你可以简单地通过CDN添加Vue. js –无需设置节点和npm开始使用Vue. js 。你也可以使用它作为一个伟大的jQuery替代品；
工具完善。Vue. js 就有了。VueCLI 允许你启动新项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Typescript、PWA等——它们都是内置的。此外，VueCLI 还提供了管理项目的UI。
使用Vue的项目
如果你想创建轻量级且易于修复的应用程序，那么Vue. js 是一个不错的选择。
学习曲线相当低，允许在短时间内掌握框架，然后继续进行应用程序开发。我们建议在以下情况下使用Vue:
如果您想构建单页应用程序或渐进式WebApp (你可以使用nuxt. js 框架);
你想让你的团队学习新的技术，Vue是一个很好的选择；
快速构建MVP；
你想建立一个SEO友好的应用程序;
你有一个紧张的预算和希望迅速地测试的想法。
Vue的受欢迎度
谈到Vue. js 的受欢迎程度,在#vue . js 中的StackOverflow内有超过57, 000 个问题和大约15, 000个npm包。与其他框架相比，Vue. js 仍然排在第三位，但在没有Facebook和Google支持的情况下仍然拥有非常好的社区。
开放源码项目的评价标准
文档。任何好的项目都应该有全面的文档；
如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量，这是必不可少的；
如何很好地组织与问题的工作。处理问题的工作应组织良好，以便操作人员知道首先解决哪些问题；
项目是否有路线图？路线图帮助贡献者选择他们将首先开发的特性；
Github上的星星数。这一标准在一定程度上反映了项目的质量；
成熟度。分析项目开发并试图决定应该使用什么作为工具来获得结果，需要小心选择尚未成熟或没有十足把握的工具；
bug或者漏洞。如果你需要帮助，可能没有大型的知识库或社区。
在我们的选择中,我们根据功能目的划分项目:
·CMS和生成器；
·UI组件；
·应用程序；
·工具包;
·开发者工具。
Vue开源项目
我们列出了你应该了解的最重要的工具和库,并最终在Vue. js 项目中使用和贡献。与许多其他文章只列出UI组件库不同，我们在Vue生态系统中包含了其他库和插件。
我们的选择是基于他们的有用性、有效性、文档、想法和贡献指南。
01CMSand Generators
页面工具包
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
该产品具有CMS的所有主要和高级功能：
·可定制的分析仪表板与网站性能;
·网站内容编辑页面；
·内置博客；
·HTML和Markdown 编辑器;
·文件管理器；
·用户角色管理。
还有一些东西和特点对开发者特别有用。该产品使用简单的ORM、模块化架构和包管理构建。还有一个内置的调试工具栏，可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外，也可以使用CLI执行系统更新、安装和卸载扩展和主题，以及直接从终端清除缓存。
该产品有一个强大的贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。社区没有那么大，但非常发达，热心帮助新人。
因此,这是一个非常强大的产品,具有非常全面的文档和透明的贡献指南。开启开源世界之路的绝佳选择。
02Vuepress
VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。在VuePress 帮助下，网站创建使用VueRouter 、Vue和webpack 。最初，该产品是作为编写技术文档的工具而创建的，但现在它是一个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。
该项目有一个组织良好的捐款指南，工作流程透明。它还有很好的问题管理功能。社区有超过300个活跃贡献者,他们可以支持你。这是你开始为开源项目做贡献的好选择。
03Vue店面
Vuestorefront是一款面向电子商务的PWA，可以连接到几乎任何电子商务后端：它使用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方法、服务器端渲染（有利于SEO）和离线模式。
该产品拥有一个发达的社区：Slack中约有2000名开发者和180多名活跃贡献者。这是特别有价值的，因为团队有一个清晰的路线图，所以你作为一个贡献者可以选择你可以做的任务。总之，这是一个非常有趣的，支持和需要在上面花时间的产品。
04Vuegg
Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据你的选择移动它们的大小，从而构建Vue. js 项目。这个项目的目的是合并设计和原型到一个单一的过程。
显著特征:
·通过拖放组件和移动/调整它们的大小来模拟/还原它们；
·支持标准鼠标和键盘组合;
·响应式预览(手机、平板电脑、网络);
·一组基本的HTML5元素;
·材料设计组件（vue- mdc - adapter ）；
·Vuejs 源代码生成(download . zip )。
这个项目有一个清晰的路线图，你可以直接在Github上看到。由于该项目是相当新的，仍在进行中的工作没有贡献指南，但你可以自由的打开任何问题和公关。
05Gridsome
Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，数据管理用GraphQL 。
工作方式可以概括为以下三个步骤:
你提供Markdown 、JSON、YAML或CVS数据格式的内容，或者从WordPress或Drupal等CMS导入内容；
内容转化为一个GraphQL 层，提供集中的数据管理；
然后用这些数据用Vue构建你的应用。
在开发方面，文档有一个清晰的路线图、一个描述良好的更改日志和一个贡献指南。投稿是一个不错的选择。
06UI组件
Vuetify
Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该框架是与RTL和VueCLI - 3 兼容。Vuetify 的所有组件都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 支持所有现代网络浏览器——甚至是IE11 和Safari9 +(使用多功能填充)。它还提供了现成的项目脚手架,这样您就可以用一个命令开始构建您的Vue. js 应用程序。
它提供了一组基于材料设计的组件,例如:
·按钮；
·投入；
·卡片；
·表，
·清单。
Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件：广泛的文档、贡献指南、问题管理。但在我们看来，这很难做出贡献，因为社区已经很大了。
07Buefy
Buefy基于Bulma为Vue. js 提供了轻量级的UI组件。Buefy有两个核心原则：让事情简单化，轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件，但它为你提供了随时可用的移动优先和响应式的UI组件。
特点：
·支持MaterialDesign 图标和FontAwesome ;
·非常轻便，除了Vue& Bu lma 之外没有内部依赖；
·约88KB min + gzip ;
·语义代码输出。
08VueMaterial
VUEMaterial简单，轻巧，完全按照GoogleMaterial Design规范建造。VUE材料提供超过56个组件来构建不同类型的布局。一个伟大的事情是材料设计框架有真正彻底的文档。该框架非常轻量级，包含完整的组件，完全符合GoogleMaterial Design准则。这种设计适合每一个屏幕，并支持每一个现代浏览器。
路线图、贡献指南、好的文档和更新日志都在这里。对于喜欢UI项目的开发者来说，是一个不错的选择。
09应用
Koel
Koel是一个个人音乐流媒体服务，你可以根据你的需要定制。客户端用Vue编写，后端用Laravel编写。koel以web开发者为目标,采用了一些更现代化的web技术,比如flexbox 、音频和拖放api等等。
这个项目在Github上相当受欢迎，有52个贡献者。不幸的是，没有详细的贡献指南，但是作者在Github上写道，在你提交任何东西之前，你需要打开一个问题。还有一个通过Opencollective 赞助该项目的选项。
我们喜欢这个项目背后的想法，使一个流媒体服务，将由社区开发。因此，如果你热爱音乐，想要提高自己的Vue技能，投稿会是一个不错的选择。
10Eagle.js
Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。它还支持动画，主题，和互动小部件，这是伟大的网页演示。
使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件中，然后在其他幻灯片显示中重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板，可以轻松地开始开发。
这个项目有一个贡献指南，里面有你可以提供帮助的想法。我们认为这是一个值得花时间做的好项目：它真的帮助了很多人做演示。此外,在Eagle的帮助下,开始学习Vue很容易。
11工具包
Nuxt.js
Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用，或者只是将其用作静态站点生成器。它也是模块化的，所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。
特点：
·热代码重载；
·服务器端渲染或单页应用程序或静态生成，您选择；
·使用nuxt. config . js 文件可配置；
·每个页面的代码拆分；
·用layouts/目录定制布局；
·只加载关键的CSS（页面级）。
Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。
12Quasar
Quasar是一个通用的、Vue支持的框架，允许您使用相同的代码库为不同平台编写应用程序：SPA、PWA、SSR应用程序、混合移动应用程序或多平台桌面应用程序。类星体有多达81个组件。
有一个好的文档和大量的组件设计的性能和响应。Quasar在默认情况下集成了最佳实践（HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性），因此你可以主要关注应用的功能。它还提供了一个cli工具,用于轻松构建新项目的支架。
该框架有一个很棒的社区，支持聊天和论坛，加上明显的贡献指南。此外,你可以通过捐钱来支持该工具。
13BootstrapVue
引导Vue是一个基于引导库的UI工具包。它简单地用Vue代码替换常规引导组件中的JavaScript。使用BootstrapVue，你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。
文档是广泛的,再加上社区的支持是强大的不和谐,使它成为一个安全的选择,有人开始一个项目,并作出贡献。
14开发人员工具
Statusfy
Statusfy 是一个完全开源的状态页面系统。Statusfy 站点是一个Web应用程序，创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
这很酷，因为：
·Markdown 支持;
·它是一个渐进式网络应用程序；
·多语言支持;
·轻松定制。
在社区管理和支持方面，这款产品有社区聊天、众多教程、提示、更新和博客。它也有一个广泛的文件和贡献指南。
我们会推荐这个项目的贡献，因为它是一个真正伟大的工具，使开发人员的生活真的很容易。此外,您还将熟悉Vue周围的所有主要技术。
15Cachet
Cachet是一个强大的开源状态页面系统，用Vue和Bootstrap制作。它内置了10种语言。Cachet与一个简单（但功能强大）的JSONAPI 捆绑在一起。此外，通过Cachet，你可以提前安排活动。在仪表板中,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。
Slack里有一个相当大的社区，贡献者非常活跃。开始为开源社区做贡献是一个不错的选择——活跃的社区，中等规模的项目，好主意。
16VeeValidate
VeeValidate 是一个基于模板的Vue. js 验证框架，允许你验证输入和显示错误。
由于它是基于模板的，你只需要为每个输入指定当值更改时应该使用哪种验证器。错误将自动生成的40+地区支持。很多规则都是开箱即用的。
特点：
·熟悉且易于设置的基于模板的验证；
·i18n支持和错误消息在40+地区;
·异步和自定义规则支持；
·用TypeScript编写；
·没有依赖。
VeeValidate 处理表单验证的主要痛点，并以最灵活的方式处理它们：
·能够为你的用户设计复杂的用户体验；
·大多数常见的验证是内置的；
·跨领域验证；
·用于增强窗体的可访问性和样式的实用程序；
·本地化是内置到核心。
团队欢迎每个人为项目做出贡献，并有一个很好的文档和贡献指南。它也有一些伟大的例子和伟大的社区。
结论
我们收集了Vue上最有用、最成熟的开源项目。我们想再次指出：首先，在选择一个供资项目之前，要注意以下事项：文档和贡献指南还有，选择自己最喜欢的项目，不管是否热门。如果您希望我们在这个集合中包含任何其他工具,请给我们写信。我们希望您能分享这篇文章，以帮助人们了解伟大的开源项目。
--- EOF ---
推荐↓↓↓ 查看全部
为什么我们要关注Vue
Vue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。
Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可用的数据以及库的数量也会随之增加。
使用Vue的益处
框架很小。这个框架的大小是18- 21KB ；
Vue支持基于组件的方法来构建Web应用程序;
文档详细。开发人员总是喜欢使用带有详细文档的框架，因为他们编写第一个应用程序总是很容易；
通俗易懂。由于Vue. js 结构简单,用户可以很容易地将其添加到Web项目中。它有一个定义良好的体系结构来保存您的数据。生命周期法与定制法分离；
集成简单。你可以简单地通过CDN添加Vue. js –无需设置节点和npm开始使用Vue. js 。你也可以使用它作为一个伟大的jQuery替代品；
工具完善。Vue. js 就有了。VueCLI 允许你启动新项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Typescript、PWA等——它们都是内置的。此外，VueCLI 还提供了管理项目的UI。
使用Vue的项目
如果你想创建轻量级且易于修复的应用程序，那么Vue. js 是一个不错的选择。
学习曲线相当低，允许在短时间内掌握框架，然后继续进行应用程序开发。我们建议在以下情况下使用Vue:
如果您想构建单页应用程序或渐进式WebApp (你可以使用nuxt. js 框架);
你想让你的团队学习新的技术，Vue是一个很好的选择；
快速构建MVP；
你想建立一个SEO友好的应用程序;
你有一个紧张的预算和希望迅速地测试的想法。
Vue的受欢迎度
谈到Vue. js 的受欢迎程度,在#vue . js 中的StackOverflow内有超过57, 000 个问题和大约15, 000个npm包。与其他框架相比，Vue. js 仍然排在第三位，但在没有Facebook和Google支持的情况下仍然拥有非常好的社区。
开放源码项目的评价标准
文档。任何好的项目都应该有全面的文档；
如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量，这是必不可少的；
如何很好地组织与问题的工作。处理问题的工作应组织良好，以便操作人员知道首先解决哪些问题；
项目是否有路线图？路线图帮助贡献者选择他们将首先开发的特性；
Github上的星星数。这一标准在一定程度上反映了项目的质量；
成熟度。分析项目开发并试图决定应该使用什么作为工具来获得结果，需要小心选择尚未成熟或没有十足把握的工具；
bug或者漏洞。如果你需要帮助，可能没有大型的知识库或社区。
在我们的选择中,我们根据功能目的划分项目:
·CMS和生成器；
·UI组件；
·应用程序；
·工具包;
·开发者工具。
Vue开源项目
我们列出了你应该了解的最重要的工具和库,并最终在Vue. js 项目中使用和贡献。与许多其他文章只列出UI组件库不同，我们在Vue生态系统中包含了其他库和插件。
我们的选择是基于他们的有用性、有效性、文档、想法和贡献指南。
01CMSand Generators
页面工具包
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
该产品具有CMS的所有主要和高级功能：
·可定制的分析仪表板与网站性能;
·网站内容编辑页面；
·内置博客；
·HTML和Markdown 编辑器;
·文件管理器；
·用户角色管理。
还有一些东西和特点对开发者特别有用。该产品使用简单的ORM、模块化架构和包管理构建。还有一个内置的调试工具栏，可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外，也可以使用CLI执行系统更新、安装和卸载扩展和主题，以及直接从终端清除缓存。
该产品有一个强大的贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。社区没有那么大，但非常发达，热心帮助新人。
因此,这是一个非常强大的产品,具有非常全面的文档和透明的贡献指南。开启开源世界之路的绝佳选择。
02Vuepress
VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。在VuePress 帮助下，网站创建使用VueRouter 、Vue和webpack 。最初，该产品是作为编写技术文档的工具而创建的，但现在它是一个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。
该项目有一个组织良好的捐款指南，工作流程透明。它还有很好的问题管理功能。社区有超过300个活跃贡献者,他们可以支持你。这是你开始为开源项目做贡献的好选择。
03Vue店面
Vuestorefront是一款面向电子商务的PWA，可以连接到几乎任何电子商务后端：它使用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方法、服务器端渲染（有利于SEO）和离线模式。
该产品拥有一个发达的社区：Slack中约有2000名开发者和180多名活跃贡献者。这是特别有价值的，因为团队有一个清晰的路线图，所以你作为一个贡献者可以选择你可以做的任务。总之，这是一个非常有趣的，支持和需要在上面花时间的产品。
04Vuegg
Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据你的选择移动它们的大小，从而构建Vue. js 项目。这个项目的目的是合并设计和原型到一个单一的过程。
显著特征:
·通过拖放组件和移动/调整它们的大小来模拟/还原它们；
·支持标准鼠标和键盘组合;
·响应式预览(手机、平板电脑、网络);
·一组基本的HTML5元素;
·材料设计组件（vue- mdc - adapter ）；
·Vuejs 源代码生成(download . zip )。
这个项目有一个清晰的路线图，你可以直接在Github上看到。由于该项目是相当新的，仍在进行中的工作没有贡献指南，但你可以自由的打开任何问题和公关。
05Gridsome
Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，数据管理用GraphQL 。
工作方式可以概括为以下三个步骤:
你提供Markdown 、JSON、YAML或CVS数据格式的内容，或者从WordPress或Drupal等CMS导入内容；
内容转化为一个GraphQL 层，提供集中的数据管理；
然后用这些数据用Vue构建你的应用。
在开发方面，文档有一个清晰的路线图、一个描述良好的更改日志和一个贡献指南。投稿是一个不错的选择。
06UI组件
Vuetify
Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该框架是与RTL和VueCLI - 3 兼容。Vuetify 的所有组件都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 支持所有现代网络浏览器——甚至是IE11 和Safari9 +(使用多功能填充)。它还提供了现成的项目脚手架,这样您就可以用一个命令开始构建您的Vue. js 应用程序。
它提供了一组基于材料设计的组件,例如:
·按钮；
·投入；
·卡片；
·表，
·清单。
Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件：广泛的文档、贡献指南、问题管理。但在我们看来，这很难做出贡献，因为社区已经很大了。
07Buefy
Buefy基于Bulma为Vue. js 提供了轻量级的UI组件。Buefy有两个核心原则：让事情简单化，轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件，但它为你提供了随时可用的移动优先和响应式的UI组件。
特点：
·支持MaterialDesign 图标和FontAwesome ;
·非常轻便，除了Vue& Bu lma 之外没有内部依赖；
·约88KB min + gzip ;
·语义代码输出。
08VueMaterial
VUEMaterial简单，轻巧，完全按照GoogleMaterial Design规范建造。VUE材料提供超过56个组件来构建不同类型的布局。一个伟大的事情是材料设计框架有真正彻底的文档。该框架非常轻量级，包含完整的组件，完全符合GoogleMaterial Design准则。这种设计适合每一个屏幕，并支持每一个现代浏览器。
路线图、贡献指南、好的文档和更新日志都在这里。对于喜欢UI项目的开发者来说，是一个不错的选择。
09应用
Koel
Koel是一个个人音乐流媒体服务，你可以根据你的需要定制。客户端用Vue编写，后端用Laravel编写。koel以web开发者为目标,采用了一些更现代化的web技术,比如flexbox 、音频和拖放api等等。
这个项目在Github上相当受欢迎，有52个贡献者。不幸的是，没有详细的贡献指南，但是作者在Github上写道，在你提交任何东西之前，你需要打开一个问题。还有一个通过Opencollective 赞助该项目的选项。
我们喜欢这个项目背后的想法，使一个流媒体服务，将由社区开发。因此，如果你热爱音乐，想要提高自己的Vue技能，投稿会是一个不错的选择。
10Eagle.js
Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。它还支持动画，主题，和互动小部件，这是伟大的网页演示。
使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件中，然后在其他幻灯片显示中重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板，可以轻松地开始开发。
这个项目有一个贡献指南，里面有你可以提供帮助的想法。我们认为这是一个值得花时间做的好项目：它真的帮助了很多人做演示。此外,在Eagle的帮助下,开始学习Vue很容易。
11工具包
Nuxt.js
Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用，或者只是将其用作静态站点生成器。它也是模块化的，所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。
特点：
·热代码重载；
·服务器端渲染或单页应用程序或静态生成，您选择；
·使用nuxt. config . js 文件可配置；
·每个页面的代码拆分；
·用layouts/目录定制布局；
·只加载关键的CSS（页面级）。
Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。
12Quasar
Quasar是一个通用的、Vue支持的框架，允许您使用相同的代码库为不同平台编写应用程序：SPA、PWA、SSR应用程序、混合移动应用程序或多平台桌面应用程序。类星体有多达81个组件。
有一个好的文档和大量的组件设计的性能和响应。Quasar在默认情况下集成了最佳实践（HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性），因此你可以主要关注应用的功能。它还提供了一个cli工具,用于轻松构建新项目的支架。
该框架有一个很棒的社区，支持聊天和论坛，加上明显的贡献指南。此外,你可以通过捐钱来支持该工具。
13BootstrapVue
引导Vue是一个基于引导库的UI工具包。它简单地用Vue代码替换常规引导组件中的JavaScript。使用BootstrapVue，你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。
文档是广泛的,再加上社区的支持是强大的不和谐,使它成为一个安全的选择,有人开始一个项目,并作出贡献。
14开发人员工具
Statusfy
Statusfy 是一个完全开源的状态页面系统。Statusfy 站点是一个Web应用程序，创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
这很酷，因为：
·Markdown 支持;
·它是一个渐进式网络应用程序；
·多语言支持;
·轻松定制。
在社区管理和支持方面，这款产品有社区聊天、众多教程、提示、更新和博客。它也有一个广泛的文件和贡献指南。
我们会推荐这个项目的贡献，因为它是一个真正伟大的工具，使开发人员的生活真的很容易。此外,您还将熟悉Vue周围的所有主要技术。
15Cachet
Cachet是一个强大的开源状态页面系统，用Vue和Bootstrap制作。它内置了10种语言。Cachet与一个简单（但功能强大）的JSONAPI 捆绑在一起。此外，通过Cachet，你可以提前安排活动。在仪表板中,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。
Slack里有一个相当大的社区，贡献者非常活跃。开始为开源社区做贡献是一个不错的选择——活跃的社区，中等规模的项目，好主意。
16VeeValidate
VeeValidate 是一个基于模板的Vue. js 验证框架，允许你验证输入和显示错误。
由于它是基于模板的，你只需要为每个输入指定当值更改时应该使用哪种验证器。错误将自动生成的40+地区支持。很多规则都是开箱即用的。
特点：
·熟悉且易于设置的基于模板的验证；
·i18n支持和错误消息在40+地区;
·异步和自定义规则支持；
·用TypeScript编写；
·没有依赖。
VeeValidate 处理表单验证的主要痛点，并以最灵活的方式处理它们：
·能够为你的用户设计复杂的用户体验；
·大多数常见的验证是内置的；
·跨领域验证；
·用于增强窗体的可访问性和样式的实用程序；
·本地化是内置到核心。
团队欢迎每个人为项目做出贡献，并有一个很好的文档和贡献指南。它也有一些伟大的例子和伟大的社区。
结论
我们收集了Vue上最有用、最成熟的开源项目。我们想再次指出：首先，在选择一个供资项目之前，要注意以下事项：文档和贡献指南还有，选择自己最喜欢的项目，不管是否热门。如果您希望我们在这个集合中包含任何其他工具,请给我们写信。我们希望您能分享这篇文章，以帮助人们了解伟大的开源项目。
--- EOF ---
推荐↓↓↓ 查看全部
16 个优秀的 Vue 开源项目
为什么我们要关注Vue
Vue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。
Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可用的数据以及库的数量也会随之增加。
使用Vue的益处
框架很小。这个框架的大小是18- 21KB ；
Vue支持基于组件的方法来构建Web应用程序;
文档详细。开发人员总是喜欢使用带有详细文档的框架，因为他们编写第一个应用程序总是很容易；
通俗易懂。由于Vue. js 结构简单,用户可以很容易地将其添加到Web项目中。它有一个定义良好的体系结构来保存您的数据。生命周期法与定制法分离；
集成简单。你可以简单地通过CDN添加Vue. js –无需设置节点和npm开始使用Vue. js 。你也可以使用它作为一个伟大的jQuery替代品；
工具完善。Vue. js 就有了。VueCLI 允许你启动新项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Typescript、PWA等——它们都是内置的。此外，VueCLI 还提供了管理项目的UI。
使用Vue的项目
如果你想创建轻量级且易于修复的应用程序，那么Vue. js 是一个不错的选择。
学习曲线相当低，允许在短时间内掌握框架，然后继续进行应用程序开发。我们建议在以下情况下使用Vue:
如果您想构建单页应用程序或渐进式WebApp (你可以使用nuxt. js 框架);
你想让你的团队学习新的技术，Vue是一个很好的选择；
快速构建MVP；
你想建立一个SEO友好的应用程序;
你有一个紧张的预算和希望迅速地测试的想法。
Vue的受欢迎度
谈到Vue. js 的受欢迎程度,在#vue . js 中的StackOverflow内有超过57, 000 个问题和大约15, 000个npm包。与其他框架相比，Vue. js 仍然排在第三位，但在没有Facebook和Google支持的情况下仍然拥有非常好的社区。
开放源码项目的评价标准
文档。任何好的项目都应该有全面的文档；
如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量，这是必不可少的；
如何很好地组织与问题的工作。处理问题的工作应组织良好，以便操作人员知道首先解决哪些问题；
项目是否有路线图？路线图帮助贡献者选择他们将首先开发的特性；
Github上的星星数。这一标准在一定程度上反映了项目的质量；
成熟度。分析项目开发并试图决定应该使用什么作为工具来获得结果，需要小心选择尚未成熟或没有十足把握的工具；
bug或者漏洞。如果你需要帮助，可能没有大型的知识库或社区。
在我们的选择中,我们根据功能目的划分项目:
·CMS和生成器；
·UI组件；
·应用程序；
·工具包;
·开发者工具。
Vue开源项目
我们列出了你应该了解的最重要的工具和库,并最终在Vue. js 项目中使用和贡献。与许多其他文章只列出UI组件库不同，我们在Vue生态系统中包含了其他库和插件。
我们的选择是基于他们的有用性、有效性、文档、想法和贡献指南。
01CMSand Generators
页面工具包
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
该产品具有CMS的所有主要和高级功能：
·可定制的分析仪表板与网站性能;
·网站内容编辑页面；
·内置博客；
·HTML和Markdown 编辑器;
·文件管理器；
·用户角色管理。
还有一些东西和特点对开发者特别有用。该产品使用简单的ORM、模块化架构和包管理构建。还有一个内置的调试工具栏，可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外，也可以使用CLI执行系统更新、安装和卸载扩展和主题，以及直接从终端清除缓存。
该产品有一个强大的贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。社区没有那么大，但非常发达，热心帮助新人。
因此,这是一个非常强大的产品,具有非常全面的文档和透明的贡献指南。开启开源世界之路的绝佳选择。
02Vuepress
VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。在VuePress 帮助下，网站创建使用VueRouter 、Vue和webpack 。最初，该产品是作为编写技术文档的工具而创建的，但现在它是一个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。
该项目有一个组织良好的捐款指南，工作流程透明。它还有很好的问题管理功能。社区有超过300个活跃贡献者,他们可以支持你。这是你开始为开源项目做贡献的好选择。
03Vue店面
Vuestorefront是一款面向电子商务的PWA，可以连接到几乎任何电子商务后端：它使用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方法、服务器端渲染（有利于SEO）和离线模式。
该产品拥有一个发达的社区：Slack中约有2000名开发者和180多名活跃贡献者。这是特别有价值的，因为团队有一个清晰的路线图，所以你作为一个贡献者可以选择你可以做的任务。总之，这是一个非常有趣的，支持和需要在上面花时间的产品。
04Vuegg
Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据你的选择移动它们的大小，从而构建Vue. js 项目。这个项目的目的是合并设计和原型到一个单一的过程。
显著特征:
·通过拖放组件和移动/调整它们的大小来模拟/还原它们；
·支持标准鼠标和键盘组合;
·响应式预览(手机、平板电脑、网络);
·一组基本的HTML5元素;
·材料设计组件（vue- mdc - adapter ）；
·Vuejs 源代码生成(download . zip )。
这个项目有一个清晰的路线图，你可以直接在Github上看到。由于该项目是相当新的，仍在进行中的工作没有贡献指南，但你可以自由的打开任何问题和公关。
05Gridsome
Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，数据管理用GraphQL 。
工作方式可以概括为以下三个步骤:
你提供Markdown 、JSON、YAML或CVS数据格式的内容，或者从WordPress或Drupal等CMS导入内容；
内容转化为一个GraphQL 层，提供集中的数据管理；
然后用这些数据用Vue构建你的应用。
在开发方面，文档有一个清晰的路线图、一个描述良好的更改日志和一个贡献指南。投稿是一个不错的选择。
06UI组件
Vuetify
Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该框架是与RTL和VueCLI - 3 兼容。Vuetify 的所有组件都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 支持所有现代网络浏览器——甚至是IE11 和Safari9 +(使用多功能填充)。它还提供了现成的项目脚手架,这样您就可以用一个命令开始构建您的Vue. js 应用程序。
它提供了一组基于材料设计的组件,例如:
·按钮；
·投入；
·卡片；
·表，
·清单。
Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件：广泛的文档、贡献指南、问题管理。但在我们看来，这很难做出贡献，因为社区已经很大了。
07Buefy
Buefy基于Bulma为Vue. js 提供了轻量级的UI组件。Buefy有两个核心原则：让事情简单化，轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件，但它为你提供了随时可用的移动优先和响应式的UI组件。
特点：
·支持MaterialDesign 图标和FontAwesome ;
·非常轻便，除了Vue& Bu lma 之外没有内部依赖；
·约88KB min + gzip ;
·语义代码输出。
08VueMaterial
VUEMaterial简单，轻巧，完全按照GoogleMaterial Design规范建造。VUE材料提供超过56个组件来构建不同类型的布局。一个伟大的事情是材料设计框架有真正彻底的文档。该框架非常轻量级，包含完整的组件，完全符合GoogleMaterial Design准则。这种设计适合每一个屏幕，并支持每一个现代浏览器。
路线图、贡献指南、好的文档和更新日志都在这里。对于喜欢UI项目的开发者来说，是一个不错的选择。
09应用
Koel
Koel是一个个人音乐流媒体服务，你可以根据你的需要定制。客户端用Vue编写，后端用Laravel编写。koel以web开发者为目标,采用了一些更现代化的web技术,比如flexbox 、音频和拖放api等等。
这个项目在Github上相当受欢迎，有52个贡献者。不幸的是，没有详细的贡献指南，但是作者在Github上写道，在你提交任何东西之前，你需要打开一个问题。还有一个通过Opencollective 赞助该项目的选项。
我们喜欢这个项目背后的想法，使一个流媒体服务，将由社区开发。因此，如果你热爱音乐，想要提高自己的Vue技能，投稿会是一个不错的选择。
10Eagle.js
Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。它还支持动画，主题，和互动小部件，这是伟大的网页演示。
使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件中，然后在其他幻灯片显示中重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板，可以轻松地开始开发。
这个项目有一个贡献指南，里面有你可以提供帮助的想法。我们认为这是一个值得花时间做的好项目：它真的帮助了很多人做演示。此外,在Eagle的帮助下,开始学习Vue很容易。
11工具包
Nuxt.js
Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用，或者只是将其用作静态站点生成器。它也是模块化的，所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。
特点：
·热代码重载；
·服务器端渲染或单页应用程序或静态生成，您选择；
·使用nuxt. config . js 文件可配置；
·每个页面的代码拆分；
·用layouts/目录定制布局；
·只加载关键的CSS（页面级）。
Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。
12Quasar
Quasar是一个通用的、Vue支持的框架，允许您使用相同的代码库为不同平台编写应用程序：SPA、PWA、SSR应用程序、混合移动应用程序或多平台桌面应用程序。类星体有多达81个组件。
有一个好的文档和大量的组件设计的性能和响应。Quasar在默认情况下集成了最佳实践（HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性），因此你可以主要关注应用的功能。它还提供了一个cli工具,用于轻松构建新项目的支架。
该框架有一个很棒的社区，支持聊天和论坛，加上明显的贡献指南。此外,你可以通过捐钱来支持该工具。
13BootstrapVue
引导Vue是一个基于引导库的UI工具包。它简单地用Vue代码替换常规引导组件中的JavaScript。使用BootstrapVue，你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。
文档是广泛的,再加上社区的支持是强大的不和谐,使它成为一个安全的选择,有人开始一个项目,并作出贡献。
14开发人员工具
Statusfy
Statusfy 是一个完全开源的状态页面系统。Statusfy 站点是一个Web应用程序，创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
这很酷，因为：
·Markdown 支持;
·它是一个渐进式网络应用程序；
·多语言支持;
·轻松定制。
在社区管理和支持方面，这款产品有社区聊天、众多教程、提示、更新和博客。它也有一个广泛的文件和贡献指南。
我们会推荐这个项目的贡献，因为它是一个真正伟大的工具，使开发人员的生活真的很容易。此外,您还将熟悉Vue周围的所有主要技术。
15Cachet
Cachet是一个强大的开源状态页面系统，用Vue和Bootstrap制作。它内置了10种语言。Cachet与一个简单（但功能强大）的JSONAPI 捆绑在一起。此外，通过Cachet，你可以提前安排活动。在仪表板中,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。
Slack里有一个相当大的社区，贡献者非常活跃。开始为开源社区做贡献是一个不错的选择——活跃的社区，中等规模的项目，好主意。
16VeeValidate
VeeValidate 是一个基于模板的Vue. js 验证框架，允许你验证输入和显示错误。
由于它是基于模板的，你只需要为每个输入指定当值更改时应该使用哪种验证器。错误将自动生成的40+地区支持。很多规则都是开箱即用的。
特点：
·熟悉且易于设置的基于模板的验证；
·i18n支持和错误消息在40+地区;
·异步和自定义规则支持；
·用TypeScript编写；
·没有依赖。
VeeValidate 处理表单验证的主要痛点，并以最灵活的方式处理它们：
·能够为你的用户设计复杂的用户体验；
·大多数常见的验证是内置的；
·跨领域验证；
·用于增强窗体的可访问性和样式的实用程序；
·本地化是内置到核心。
团队欢迎每个人为项目做出贡献，并有一个很好的文档和贡献指南。它也有一些伟大的例子和伟大的社区。
结论
我们收集了Vue上最有用、最成熟的开源项目。我们想再次指出：首先，在选择一个供资项目之前，要注意以下事项：文档和贡献指南还有，选择自己最喜欢的项目，不管是否热门。如果您希望我们在这个集合中包含任何其他工具,请给我们写信。我们希望您能分享这篇文章，以帮助人们了解伟大的开源项目。
--- EOF ---
推荐↓↓↓
cms网站内容如何自定义的进行编辑工作？(图)
网站优化 • 优采云 发表了文章 • 0 个评论 • 44 次浏览 • 2022-06-15 09:01
cms网站内容如何自定义的进行编辑工作？(图)
cms网站内容如何自定义的进行编辑工作？cms网站内容编辑从某种意义上来说相当重要，它是网站整体设计和策划，是网站整体定位策划的需要。从cms的诞生开始，网站内容编辑在应用层面上就开始出现。然而对于一些cms来说，要求并不像java的编程语言那么高。所以并不需要过多的考虑其内容的长短以及组合。但是在企业级网站建设过程中，对于cms的认识却有其重要的意义。
其认识的差异导致企业建设目标的差异。cms内容编辑的应用开发者可以大大的提高设计水平，降低网站的存在风险。那么企业在进行网站内容编辑设计的时候到底需要关注哪些?本文将为大家详细介绍一下。企业级网站编辑的软件最好是支持内容自定义设计功能。企业级网站自定义功能主要是通过gui层(类cad和ps)用户界面的形式输出编辑者设置的内容。
常用的设计软件有三维图形引擎bim和电子文件格式aiml。而非常常用的快速灵活的内容处理工具emacs、ibmjetlin和cadcheck。在技术上，用户有多种自定义方式来设计内容，企业只需要多个这些软件。从内容编辑软件功能选择和个人喜好的角度，内容编辑软件的应用可以分为以下三种情况：。
1、对于内容编辑功能不是强需求，只要能够输出对于cms来说足够大量的电子文件，但大小又不超过30k的文件就可以在基本的机器硬件计算上花时间。具体的可以根据网站存量以及用户对网站的布局优化，来选择对应的内容编辑软件。
2、在内容编辑的存量上可以比较自由，根据自己网站对内容的组织规律，
3、为了规范，内容编辑在输出方式上以及管理工具的输出方式上要有较强的文件管理的能力，而非网站的工作区域放在浏览器或者网页直接输出到浏览器，这样不仅页面不美观，而且无法保证合适的文件输出格式和输出位置。ibmjetlin系列(emacs)为企业级网站提供的强大实用的内容编辑功能，也能够满足部分企业级网站用户的需求。
对于作者来说，外界提供的cms存储系统、三维图形引擎、计算机引擎这些都是底层的操作，最核心的就是cms内部的编辑能力和设计能力。像jetlin只是其中功能较为强大的一个推荐。由于ibmjetlin系列对于大多数cms都有可用性问题，目前已经很少使用。但是不可否认，ibmjetlin带来的相对稳定、快速、稳定的内容编辑功能以及设计工具，在很多cms用户使用各种编辑系统已经遇到了瓶颈的时候，有相当大的发挥空间。
国内一些比较成熟的设计系统如idlib、mdlm、zaker建站、中正建站等等都具有以上特点。优秀的网站设计人员往往更偏爱于jetlin的编辑功能，优秀。 查看全部
cms网站内容如何自定义的进行编辑工作？cms网站内容编辑从某种意义上来说相当重要，它是网站整体设计和策划，是网站整体定位策划的需要。从cms的诞生开始，网站内容编辑在应用层面上就开始出现。然而对于一些cms来说，要求并不像java的编程语言那么高。所以并不需要过多的考虑其内容的长短以及组合。但是在企业级网站建设过程中，对于cms的认识却有其重要的意义。
其认识的差异导致企业建设目标的差异。cms内容编辑的应用开发者可以大大的提高设计水平，降低网站的存在风险。那么企业在进行网站内容编辑设计的时候到底需要关注哪些?本文将为大家详细介绍一下。企业级网站编辑的软件最好是支持内容自定义设计功能。企业级网站自定义功能主要是通过gui层(类cad和ps)用户界面的形式输出编辑者设置的内容。
常用的设计软件有三维图形引擎bim和电子文件格式aiml。而非常常用的快速灵活的内容处理工具emacs、ibmjetlin和cadcheck。在技术上，用户有多种自定义方式来设计内容，企业只需要多个这些软件。从内容编辑软件功能选择和个人喜好的角度，内容编辑软件的应用可以分为以下三种情况：。
1、对于内容编辑功能不是强需求，只要能够输出对于cms来说足够大量的电子文件，但大小又不超过30k的文件就可以在基本的机器硬件计算上花时间。具体的可以根据网站存量以及用户对网站的布局优化，来选择对应的内容编辑软件。
2、在内容编辑的存量上可以比较自由，根据自己网站对内容的组织规律，
3、为了规范，内容编辑在输出方式上以及管理工具的输出方式上要有较强的文件管理的能力，而非网站的工作区域放在浏览器或者网页直接输出到浏览器，这样不仅页面不美观，而且无法保证合适的文件输出格式和输出位置。ibmjetlin系列(emacs)为企业级网站提供的强大实用的内容编辑功能，也能够满足部分企业级网站用户的需求。
对于作者来说，外界提供的cms存储系统、三维图形引擎、计算机引擎这些都是底层的操作，最核心的就是cms内部的编辑能力和设计能力。像jetlin只是其中功能较为强大的一个推荐。由于ibmjetlin系列对于大多数cms都有可用性问题，目前已经很少使用。但是不可否认，ibmjetlin带来的相对稳定、快速、稳定的内容编辑功能以及设计工具，在很多cms用户使用各种编辑系统已经遇到了瓶颈的时候，有相当大的发挥空间。
国内一些比较成熟的设计系统如idlib、mdlm、zaker建站、中正建站等等都具有以上特点。优秀的网站设计人员往往更偏爱于jetlin的编辑功能，优秀。 查看全部
cms网站内容如何自定义的进行编辑工作？(图)
cms网站内容如何自定义的进行编辑工作？cms网站内容编辑从某种意义上来说相当重要，它是网站整体设计和策划，是网站整体定位策划的需要。从cms的诞生开始，网站内容编辑在应用层面上就开始出现。然而对于一些cms来说，要求并不像java的编程语言那么高。所以并不需要过多的考虑其内容的长短以及组合。但是在企业级网站建设过程中，对于cms的认识却有其重要的意义。
其认识的差异导致企业建设目标的差异。cms内容编辑的应用开发者可以大大的提高设计水平，降低网站的存在风险。那么企业在进行网站内容编辑设计的时候到底需要关注哪些?本文将为大家详细介绍一下。企业级网站编辑的软件最好是支持内容自定义设计功能。企业级网站自定义功能主要是通过gui层(类cad和ps)用户界面的形式输出编辑者设置的内容。
常用的设计软件有三维图形引擎bim和电子文件格式aiml。而非常常用的快速灵活的内容处理工具emacs、ibmjetlin和cadcheck。在技术上，用户有多种自定义方式来设计内容，企业只需要多个这些软件。从内容编辑软件功能选择和个人喜好的角度，内容编辑软件的应用可以分为以下三种情况：。
1、对于内容编辑功能不是强需求，只要能够输出对于cms来说足够大量的电子文件，但大小又不超过30k的文件就可以在基本的机器硬件计算上花时间。具体的可以根据网站存量以及用户对网站的布局优化，来选择对应的内容编辑软件。
2、在内容编辑的存量上可以比较自由，根据自己网站对内容的组织规律，
3、为了规范，内容编辑在输出方式上以及管理工具的输出方式上要有较强的文件管理的能力，而非网站的工作区域放在浏览器或者网页直接输出到浏览器，这样不仅页面不美观，而且无法保证合适的文件输出格式和输出位置。ibmjetlin系列(emacs)为企业级网站提供的强大实用的内容编辑功能，也能够满足部分企业级网站用户的需求。
对于作者来说，外界提供的cms存储系统、三维图形引擎、计算机引擎这些都是底层的操作，最核心的就是cms内部的编辑能力和设计能力。像jetlin只是其中功能较为强大的一个推荐。由于ibmjetlin系列对于大多数cms都有可用性问题，目前已经很少使用。但是不可否认，ibmjetlin带来的相对稳定、快速、稳定的内容编辑功能以及设计工具，在很多cms用户使用各种编辑系统已经遇到了瓶颈的时候，有相当大的发挥空间。
国内一些比较成熟的设计系统如idlib、mdlm、zaker建站、中正建站等等都具有以上特点。优秀的网站设计人员往往更偏爱于jetlin的编辑功能，优秀。
一个轻量级的基于 Markdown 的 CMS 系统 - Tina
网站优化 • 优采云 发表了文章 • 0 个评论 • 131 次浏览 • 2022-06-08 17:19
一个轻量级的基于 Markdown 的 CMS 系统 - Tina
内容查询： 可以对存储库中的文件使用 Tina Cloud 的 GraphQL 查询所有文件中的内容。
构建在组件之上： 为你的 React 组件添加一个编辑界面，让你的内容团队能够构建复杂的页面。
安装
直接使用下面的命令即可安装 Tina 启动器：
npx create-tina-app@latest<br />
执行上面的命令过程中会被提示一些快速配置的问题：
一旦你的本地启动器被创建，要运行启动器：cd 进入其新目录并运行。
yarn dev<br />
Tina 编辑器使用
Tina 非常灵活且可扩展，因此任何 Tina 站点都可能拥有独特的体验。
当 Tina 在 NextJS 站点上初始化时，会创建一个 /admin 页面以允许编辑者登录并开始进行内容更改。
成功登录后，我们就可以进入 CMS 页面了。
根据 Tina 的配置方式，一个或多个集合将出现在全局导航中。点击一个集合，用户将进入该集合的文档列表。
此处的表格列出了所选集合的所有文档，此页面还允许用户创建新文档。
如果已经配置了上下文编辑，点击一个文件将引导用户进入该文件的预览，并打开侧边栏，准备进行编辑。
但是，如果未配置上下文编辑或对特定集合根本不可用，则单击文档将为用户提供一个最基本的编辑器。
关于 Tina 的更多使用可以访问 获取更多信息。
Git 仓库： 查看全部
内容查询： 可以对存储库中的文件使用 Tina Cloud 的 GraphQL 查询所有文件中的内容。
构建在组件之上： 为你的 React 组件添加一个编辑界面，让你的内容团队能够构建复杂的页面。
安装
直接使用下面的命令即可安装 Tina 启动器：
npx create-tina-app@latest<br />
执行上面的命令过程中会被提示一些快速配置的问题：
一旦你的本地启动器被创建，要运行启动器：cd 进入其新目录并运行。
yarn dev<br />
Tina 编辑器使用
Tina 非常灵活且可扩展，因此任何 Tina 站点都可能拥有独特的体验。
当 Tina 在 NextJS 站点上初始化时，会创建一个 /admin 页面以允许编辑者登录并开始进行内容更改。
成功登录后，我们就可以进入 CMS 页面了。
根据 Tina 的配置方式，一个或多个集合将出现在全局导航中。点击一个集合，用户将进入该集合的文档列表。
此处的表格列出了所选集合的所有文档，此页面还允许用户创建新文档。
如果已经配置了上下文编辑，点击一个文件将引导用户进入该文件的预览，并打开侧边栏，准备进行编辑。
但是，如果未配置上下文编辑或对特定集合根本不可用，则单击文档将为用户提供一个最基本的编辑器。
关于 Tina 的更多使用可以访问 获取更多信息。
Git 仓库： 查看全部
一个轻量级的基于 Markdown 的 CMS 系统 - Tina
内容查询： 可以对存储库中的文件使用 Tina Cloud 的 GraphQL 查询所有文件中的内容。
构建在组件之上： 为你的 React 组件添加一个编辑界面，让你的内容团队能够构建复杂的页面。
安装
直接使用下面的命令即可安装 Tina 启动器：
npx create-tina-app@latest<br />
执行上面的命令过程中会被提示一些快速配置的问题：
一旦你的本地启动器被创建，要运行启动器：cd 进入其新目录并运行。
yarn dev<br />
Tina 编辑器使用
Tina 非常灵活且可扩展，因此任何 Tina 站点都可能拥有独特的体验。
当 Tina 在 NextJS 站点上初始化时，会创建一个 /admin 页面以允许编辑者登录并开始进行内容更改。
成功登录后，我们就可以进入 CMS 页面了。
根据 Tina 的配置方式，一个或多个集合将出现在全局导航中。点击一个集合，用户将进入该集合的文档列表。
此处的表格列出了所选集合的所有文档，此页面还允许用户创建新文档。
如果已经配置了上下文编辑，点击一个文件将引导用户进入该文件的预览，并打开侧边栏，准备进行编辑。
但是，如果未配置上下文编辑或对特定集合根本不可用，则单击文档将为用户提供一个最基本的编辑器。
关于 Tina 的更多使用可以访问 获取更多信息。
Git 仓库：
cms网站内容如何自定义？(一)_网站
网站优化 • 优采云 发表了文章 • 0 个评论 • 66 次浏览 • 2022-06-05 14:05
cms网站内容如何自定义？(一)_网站
cms网站内容如何自定义？自己搞一个cms是一件要求不小的事情，其原因包括：1。手写几万字2。搞定cms的接口、网页、后台等一些相关东西3。提供源码4。给你的cms提供实时交互服务5。自己画设计师稿，这个是个硬伤，要知道很多cms厂商找不到美工做不下去要知道，cms各版本的设计稿已经比较标准化了，和客户聊，选择人家的标准一般都是价格适中的，但这么一搞就又要搞一个软件来做，不然你无法完全配合做出自己cms的个性化定制，只能强塞。
装个ghost就可以了，安装完后把脚本拷进去，然后别装任何必要软件，全程开word.按照axims的习惯，还是拿代码实现比较好。要是这都做不了，最有效的办法也只能当我没说。
外包，或者买现成的，比如国内的天工。
可以看看everlane
百度搜“爱站地址”，仔细看各论坛里的issues，总能有你想要的，数字公司就是靠这批人起家的。
这么难看的cms，没事用来写写博客是不错，但为什么非要用它？用第三方的cms就行了。你只要能找到能满足需求的程序，在iis下还能测试。
我也在写一个，
自己用写了一个
dokuwiki和dokuwiki-wiki。
找个设计师设计一个
很简单，马云家买个模板， 查看全部
cms网站内容如何自定义？自己搞一个cms是一件要求不小的事情，其原因包括：1。手写几万字2。搞定cms的接口、网页、后台等一些相关东西3。提供源码4。给你的cms提供实时交互服务5。自己画设计师稿，这个是个硬伤，要知道很多cms厂商找不到美工做不下去要知道，cms各版本的设计稿已经比较标准化了，和客户聊，选择人家的标准一般都是价格适中的，但这么一搞就又要搞一个软件来做，不然你无法完全配合做出自己cms的个性化定制，只能强塞。
装个ghost就可以了，安装完后把脚本拷进去，然后别装任何必要软件，全程开word.按照axims的习惯，还是拿代码实现比较好。要是这都做不了，最有效的办法也只能当我没说。
外包，或者买现成的，比如国内的天工。
可以看看everlane
百度搜“爱站地址”，仔细看各论坛里的issues，总能有你想要的，数字公司就是靠这批人起家的。
这么难看的cms，没事用来写写博客是不错，但为什么非要用它？用第三方的cms就行了。你只要能找到能满足需求的程序，在iis下还能测试。
我也在写一个，
自己用写了一个
dokuwiki和dokuwiki-wiki。
找个设计师设计一个
很简单，马云家买个模板， 查看全部
cms网站内容如何自定义？(一)_网站
cms网站内容如何自定义？自己搞一个cms是一件要求不小的事情，其原因包括：1。手写几万字2。搞定cms的接口、网页、后台等一些相关东西3。提供源码4。给你的cms提供实时交互服务5。自己画设计师稿，这个是个硬伤，要知道很多cms厂商找不到美工做不下去要知道，cms各版本的设计稿已经比较标准化了，和客户聊，选择人家的标准一般都是价格适中的，但这么一搞就又要搞一个软件来做，不然你无法完全配合做出自己cms的个性化定制，只能强塞。
装个ghost就可以了，安装完后把脚本拷进去，然后别装任何必要软件，全程开word.按照axims的习惯，还是拿代码实现比较好。要是这都做不了，最有效的办法也只能当我没说。
外包，或者买现成的，比如国内的天工。
可以看看everlane
百度搜“爱站地址”，仔细看各论坛里的issues，总能有你想要的，数字公司就是靠这批人起家的。
这么难看的cms，没事用来写写博客是不错，但为什么非要用它？用第三方的cms就行了。你只要能找到能满足需求的程序，在iis下还能测试。
我也在写一个，
自己用写了一个
dokuwiki和dokuwiki-wiki。
找个设计师设计一个
很简单，马云家买个模板，
cms网站内容如何自定义（域名空间空间）？(组图)
网站优化 • 优采云 发表了文章 • 0 个评论 • 44 次浏览 • 2022-05-31 13:00
cms网站内容如何自定义（域名空间空间）？(组图)
cms网站内容如何自定义（域名&空间）？内容不同访问不同，故没办法说哪个快，以下是我们在实践中遇到的问题，欢迎大家留言交流。1.后台因a站遭泄露，b站被网络问题下架b站遭泄露这几年已经不是新闻了，事实上很多网站都遭到了类似的网络问题。比如2013年我们曾在客户服务器被抓包的情况下访问，基本延迟30s；最终在1h后明确告知服务器有问题，需要恢复，当时在会议室完成，大家在如果您亲身经历，请务必要小心被劫持。
2.需要注意的隐私问题知乎/头条等平台首页明确要求留有post请求入口，避免post不明参数漏洞造成访问异常的情况。这些问题可能发生在服务器端处理或者客户端，出于安全考虑（会参考百度文库等网站来判断）后台没有限制post请求不能是可靠的url。此外，知乎/头条等平台也都有相应的短信服务，大家在访问时要注意内容是否包含敏感内容。3.以下访问详见微博域名的工作机制人家都可以让你自动自动自动，这事儿你到底能不能做好呢？。
在非管理员访问，访问量200k以下，和cms日志的时候。给自己一个工作的机会。
我们大部分网站用的是wordpress，也用过其他，比如，现在基本是wordpress比较多，传统的站不会有太多人用，所以安全问题也大不存在了。如果遇到很自律的cms运维可以说cms来来去去就那么些服务器和域名，不用特别担心。如果没有运维负责人，只是cms新人。在本地用的时候千万不要用上dedecms和discuz!，太危险了。
除了这些比较官方的源码以外，也应该用第三方源码代替dedecms，比如raksmart等。其实cms主要还是得认真运维，最近wordpress方面还是有不少犯错和意外的，用wordpress编译插件就有不小的风险。选材也要谨慎。还有推荐使用合规的源码，而不是资产上相对安全的。 查看全部
cms网站内容如何自定义（域名&空间）？内容不同访问不同，故没办法说哪个快，以下是我们在实践中遇到的问题，欢迎大家留言交流。1.后台因a站遭泄露，b站被网络问题下架b站遭泄露这几年已经不是新闻了，事实上很多网站都遭到了类似的网络问题。比如2013年我们曾在客户服务器被抓包的情况下访问，基本延迟30s；最终在1h后明确告知服务器有问题，需要恢复，当时在会议室完成，大家在如果您亲身经历，请务必要小心被劫持。
2.需要注意的隐私问题知乎/头条等平台首页明确要求留有post请求入口，避免post不明参数漏洞造成访问异常的情况。这些问题可能发生在服务器端处理或者客户端，出于安全考虑（会参考百度文库等网站来判断）后台没有限制post请求不能是可靠的url。此外，知乎/头条等平台也都有相应的短信服务，大家在访问时要注意内容是否包含敏感内容。3.以下访问详见微博域名的工作机制人家都可以让你自动自动自动，这事儿你到底能不能做好呢？。
在非管理员访问，访问量200k以下，和cms日志的时候。给自己一个工作的机会。
我们大部分网站用的是wordpress，也用过其他，比如，现在基本是wordpress比较多，传统的站不会有太多人用，所以安全问题也大不存在了。如果遇到很自律的cms运维可以说cms来来去去就那么些服务器和域名，不用特别担心。如果没有运维负责人，只是cms新人。在本地用的时候千万不要用上dedecms和discuz!，太危险了。
除了这些比较官方的源码以外，也应该用第三方源码代替dedecms，比如raksmart等。其实cms主要还是得认真运维，最近wordpress方面还是有不少犯错和意外的，用wordpress编译插件就有不小的风险。选材也要谨慎。还有推荐使用合规的源码，而不是资产上相对安全的。 查看全部
cms网站内容如何自定义（域名空间空间）？(组图)
cms网站内容如何自定义（域名&空间）？内容不同访问不同，故没办法说哪个快，以下是我们在实践中遇到的问题，欢迎大家留言交流。1.后台因a站遭泄露，b站被网络问题下架b站遭泄露这几年已经不是新闻了，事实上很多网站都遭到了类似的网络问题。比如2013年我们曾在客户服务器被抓包的情况下访问，基本延迟30s；最终在1h后明确告知服务器有问题，需要恢复，当时在会议室完成，大家在如果您亲身经历，请务必要小心被劫持。
2.需要注意的隐私问题知乎/头条等平台首页明确要求留有post请求入口，避免post不明参数漏洞造成访问异常的情况。这些问题可能发生在服务器端处理或者客户端，出于安全考虑（会参考百度文库等网站来判断）后台没有限制post请求不能是可靠的url。此外，知乎/头条等平台也都有相应的短信服务，大家在访问时要注意内容是否包含敏感内容。3.以下访问详见微博域名的工作机制人家都可以让你自动自动自动，这事儿你到底能不能做好呢？。
在非管理员访问，访问量200k以下，和cms日志的时候。给自己一个工作的机会。
我们大部分网站用的是wordpress，也用过其他，比如，现在基本是wordpress比较多，传统的站不会有太多人用，所以安全问题也大不存在了。如果遇到很自律的cms运维可以说cms来来去去就那么些服务器和域名，不用特别担心。如果没有运维负责人，只是cms新人。在本地用的时候千万不要用上dedecms和discuz!，太危险了。
除了这些比较官方的源码以外，也应该用第三方源码代替dedecms，比如raksmart等。其实cms主要还是得认真运维，最近wordpress方面还是有不少犯错和意外的，用wordpress编译插件就有不小的风险。选材也要谨慎。还有推荐使用合规的源码，而不是资产上相对安全的。
帝国cms 7.5版列表页分页样式修改笔记
网站优化 • 优采云 发表了文章 • 0 个评论 • 77 次浏览 • 2022-05-28 21:43
帝国cms 7.5版列表页分页样式修改笔记
作者 |杨小二
来源 |web前端开发
最近在用帝国改版我的个人博客站点，这个也是我第一次尝试用帝国来做博客，之前用过wordpress，每用一个新的程序，都会有些新的收获，也会学到一些新的东西。
在改用帝国之前，我也在网上大概了解了一下，说帝国上手比dede，wordpress要难一些，用了之后，我却觉得帝国比其他两个要好上手一些，因为这三套程序我都用过，dede,毕业的时候，用得最多的，基本那两年工作，给企业建了十几个站点，都是用这套程序。
而wordpress，是后面用的，当时我到一家创业型企业，因为设计开发只有我一个人，但是公司每出一款新产品就要做一个品牌宣传网站，大概也做了3-4个吧。
因为只有我一个人，我没有办法按照正常的设计开发来做，基本都是采用开源程序搭建，当时同事几个一起找，最后找到了一款开源可以自定义的wordpressd主题模板，所以那些站也基本都是用的wordpressd这个开源程序。
而现在改用帝国，可以说也是一种新的尝试，去学习一个新的东西。
今天，我要跟大家分享的是，在帝国7.5版本里，怎么去修改列表页分页样式？
首先，我们先登录自己搭建好的网站帝国后台程序，然后找到菜单里【模板】-【列表模板】-【管理列表模板】，就会看到列表页的界面，如下图：
这个列表页模板，你可以选择自行修改里面的内容，你也可以通过【增加列表模板】进行新增一个列表模板。
而我这里采用的是直接在【默认文章列表模板】里直接修改的。
现在，我们知道了要修改的模板，接下来，我们来看看应该怎么去修改。
第一步，通过FTP软件，登录你的服务器，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。
第二步，用你自己习惯的编辑器工具，不管是DW或者是Sublime，如果你是高手，你用记事本也无所谓，（当年在学校里被老师坑的，教我们用记事本写HTML页面，毕业之后才知道，原来写HTML还可以用别的工具的。）
总之，就是要打开那个两个PHP文件——【t_functions.php】与【userfun.php】。
而我用的是Sublime，把
【t_functions.php】与【userfun.php】两个文件打开来。
1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。
截图如下：
2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的这中间。
因为【userfun.php】这个文件，只有这样一行代码，所以不用担心会搞错。
其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。
3）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：
4）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】，把里面的一些HTML，CSS代码修改成你自己的即可，然后就得到了一个新的【userfun.php】文件，截图如下：
把这个【userfun.php】保存后，通过FTP工具上传到之前的文件目录下面进行覆盖即可。
5）、最后，到【列表模板】里，翻页代码的地方，直接调取分页函数
【[!--show.listpage--] 】即可。
最终，得到效果如下：
这个样式，可以通过修改CSS样式进行获取，例如把颜色修改一下，你就可以得到如下效果：
这个CSS，HTML的知识，这里不展开讲了，因为这个是必会的知识，对于零基础入门的小伙伴，可以到公众号上查看基础入门的文章，或者到我的博客（）看我推荐的一些视频教程，有软件基础入门的，也有技能提升的。
另外，在这里插播一句广告，最近我跟极客时间进行了课程的深度合作，只要是极客时间上的课程，都可以通过我的博客里【极客时间】这个栏目进行购买。
最后，如果你也想学习帝国这套开源程序，你可以在公众号【web前端开发】的后台回复【视频】就可以获得全套的帝国cms免费视频教程，里面用的版本是6.6版本，视频教程里讲的是本地搭建的环境。
如果你想要做一个线上网站，你需要购买域名与服务器，关于域名与服务器的购买，我在之前的一些教程里也分享过。
在这里我在啰嗦一次，域名购买，你可以在阿里云或者万维网，/进行购买。
服务器购买，如果你想要国内服务器，可以购买BAT的，然后你再进行备案即可。如果你想要国外服务器的话，可以到【web前端开发】公众号的菜单栏【学习资源】-【建站必备】里查看我提供的国外服务器，这个是免备案的，作为学习的话，这个还是比较经济实惠的。
目前，我自己的这个博客网站（），包括我现在在做的【有课网】的网站，都是采用的这个国外服务器进行开发的。
最后，说一句，欢迎有个人博客网站的小伙伴来换取友情链接，我的个人博客网站（）友情链接，放在【网址导航】这个菜单里。
如果没有个人博客网站的小伙伴，建议你去做一个自己的个人博客站，这个跟公众号，与一些博客平台不一样，这个做好了，持续学习输入输出内容，这个站点永远都是你自己的，哪怕有一天，你辛苦做起来的公众号被关闭了，但是这个博客不会被关闭。
因为你的域名，你的站点内容都是你的，哪怕服务器提供商有一天跑路了，但是你有域名在，你还是一样可以随时链接与你志同道合的小伙伴，只要你的网站域名没有更换。
最后，大家如果有什么问题，欢迎留言沟通交流学习，写的不好的地方，也请大家多多包涵，这个帝国我也是第一使用。
在此，感谢大家的支持，后面我会安排时间做一期送一年国外虚拟主机服务器的活动，用做线上网站的实战体验，来一起学习HTML，CSS,网站制作等相关知识。
我现在终于有时间折腾了。把那些想做没有做的事情都做一遍。同时，也欢迎各方合作商前来约我，有课网工作室主要从事网站开发，平面设计，UI设计，目前个人网络工作室在筹备中。
好了，今天我就跟各位聊到这里吧，最近一周都在折腾网站，接下来，我要去折腾【有课网】了，这个有课网，是一个以编程，设计，写作，摄影，英语5大内容为主的自学视频教程网站。后面做好了，我也跟大家分享一下，大家一起交流学习。
查看全部
作者 |杨小二
来源 |web前端开发
最近在用帝国改版我的个人博客站点，这个也是我第一次尝试用帝国来做博客，之前用过wordpress，每用一个新的程序，都会有些新的收获，也会学到一些新的东西。
在改用帝国之前，我也在网上大概了解了一下，说帝国上手比dede，wordpress要难一些，用了之后，我却觉得帝国比其他两个要好上手一些，因为这三套程序我都用过，dede,毕业的时候，用得最多的，基本那两年工作，给企业建了十几个站点，都是用这套程序。
而wordpress，是后面用的，当时我到一家创业型企业，因为设计开发只有我一个人，但是公司每出一款新产品就要做一个品牌宣传网站，大概也做了3-4个吧。
因为只有我一个人，我没有办法按照正常的设计开发来做，基本都是采用开源程序搭建，当时同事几个一起找，最后找到了一款开源可以自定义的wordpressd主题模板，所以那些站也基本都是用的wordpressd这个开源程序。
而现在改用帝国，可以说也是一种新的尝试，去学习一个新的东西。
今天，我要跟大家分享的是，在帝国7.5版本里，怎么去修改列表页分页样式？
首先，我们先登录自己搭建好的网站帝国后台程序，然后找到菜单里【模板】-【列表模板】-【管理列表模板】，就会看到列表页的界面，如下图：
这个列表页模板，你可以选择自行修改里面的内容，你也可以通过【增加列表模板】进行新增一个列表模板。
而我这里采用的是直接在【默认文章列表模板】里直接修改的。
现在，我们知道了要修改的模板，接下来，我们来看看应该怎么去修改。
第一步，通过FTP软件，登录你的服务器，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。
第二步，用你自己习惯的编辑器工具，不管是DW或者是Sublime，如果你是高手，你用记事本也无所谓，（当年在学校里被老师坑的，教我们用记事本写HTML页面，毕业之后才知道，原来写HTML还可以用别的工具的。）
总之，就是要打开那个两个PHP文件——【t_functions.php】与【userfun.php】。
而我用的是Sublime，把
【t_functions.php】与【userfun.php】两个文件打开来。
1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。
截图如下：
2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的这中间。
因为【userfun.php】这个文件，只有这样一行代码，所以不用担心会搞错。
其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。
3）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：
4）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】，把里面的一些HTML，CSS代码修改成你自己的即可，然后就得到了一个新的【userfun.php】文件，截图如下：
把这个【userfun.php】保存后，通过FTP工具上传到之前的文件目录下面进行覆盖即可。
5）、最后，到【列表模板】里，翻页代码的地方，直接调取分页函数
【[!--show.listpage--] 】即可。
最终，得到效果如下：
这个样式，可以通过修改CSS样式进行获取，例如把颜色修改一下，你就可以得到如下效果：
这个CSS，HTML的知识，这里不展开讲了，因为这个是必会的知识，对于零基础入门的小伙伴，可以到公众号上查看基础入门的文章，或者到我的博客（）看我推荐的一些视频教程，有软件基础入门的，也有技能提升的。
另外，在这里插播一句广告，最近我跟极客时间进行了课程的深度合作，只要是极客时间上的课程，都可以通过我的博客里【极客时间】这个栏目进行购买。
最后，如果你也想学习帝国这套开源程序，你可以在公众号【web前端开发】的后台回复【视频】就可以获得全套的帝国cms免费视频教程，里面用的版本是6.6版本，视频教程里讲的是本地搭建的环境。
如果你想要做一个线上网站，你需要购买域名与服务器，关于域名与服务器的购买，我在之前的一些教程里也分享过。
在这里我在啰嗦一次，域名购买，你可以在阿里云或者万维网，/进行购买。
服务器购买，如果你想要国内服务器，可以购买BAT的，然后你再进行备案即可。如果你想要国外服务器的话，可以到【web前端开发】公众号的菜单栏【学习资源】-【建站必备】里查看我提供的国外服务器，这个是免备案的，作为学习的话，这个还是比较经济实惠的。
目前，我自己的这个博客网站（），包括我现在在做的【有课网】的网站，都是采用的这个国外服务器进行开发的。
最后，说一句，欢迎有个人博客网站的小伙伴来换取友情链接，我的个人博客网站（）友情链接，放在【网址导航】这个菜单里。
如果没有个人博客网站的小伙伴，建议你去做一个自己的个人博客站，这个跟公众号，与一些博客平台不一样，这个做好了，持续学习输入输出内容，这个站点永远都是你自己的，哪怕有一天，你辛苦做起来的公众号被关闭了，但是这个博客不会被关闭。
因为你的域名，你的站点内容都是你的，哪怕服务器提供商有一天跑路了，但是你有域名在，你还是一样可以随时链接与你志同道合的小伙伴，只要你的网站域名没有更换。
最后，大家如果有什么问题，欢迎留言沟通交流学习，写的不好的地方，也请大家多多包涵，这个帝国我也是第一使用。
在此，感谢大家的支持，后面我会安排时间做一期送一年国外虚拟主机服务器的活动，用做线上网站的实战体验，来一起学习HTML，CSS,网站制作等相关知识。
我现在终于有时间折腾了。把那些想做没有做的事情都做一遍。同时，也欢迎各方合作商前来约我，有课网工作室主要从事网站开发，平面设计，UI设计，目前个人网络工作室在筹备中。
好了，今天我就跟各位聊到这里吧，最近一周都在折腾网站，接下来，我要去折腾【有课网】了，这个有课网，是一个以编程，设计，写作，摄影，英语5大内容为主的自学视频教程网站。后面做好了，我也跟大家分享一下，大家一起交流学习。
查看全部
帝国cms 7.5版列表页分页样式修改笔记
作者 |杨小二
来源 |web前端开发
最近在用帝国改版我的个人博客站点，这个也是我第一次尝试用帝国来做博客，之前用过wordpress，每用一个新的程序，都会有些新的收获，也会学到一些新的东西。
在改用帝国之前，我也在网上大概了解了一下，说帝国上手比dede，wordpress要难一些，用了之后，我却觉得帝国比其他两个要好上手一些，因为这三套程序我都用过，dede,毕业的时候，用得最多的，基本那两年工作，给企业建了十几个站点，都是用这套程序。
而wordpress，是后面用的，当时我到一家创业型企业，因为设计开发只有我一个人，但是公司每出一款新产品就要做一个品牌宣传网站，大概也做了3-4个吧。
因为只有我一个人，我没有办法按照正常的设计开发来做，基本都是采用开源程序搭建，当时同事几个一起找，最后找到了一款开源可以自定义的wordpressd主题模板，所以那些站也基本都是用的wordpressd这个开源程序。
而现在改用帝国，可以说也是一种新的尝试，去学习一个新的东西。
今天，我要跟大家分享的是，在帝国7.5版本里，怎么去修改列表页分页样式？
首先，我们先登录自己搭建好的网站帝国后台程序，然后找到菜单里【模板】-【列表模板】-【管理列表模板】，就会看到列表页的界面，如下图：
这个列表页模板，你可以选择自行修改里面的内容，你也可以通过【增加列表模板】进行新增一个列表模板。
而我这里采用的是直接在【默认文章列表模板】里直接修改的。
现在，我们知道了要修改的模板，接下来，我们来看看应该怎么去修改。
第一步，通过FTP软件，登录你的服务器，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。
第二步，用你自己习惯的编辑器工具，不管是DW或者是Sublime，如果你是高手，你用记事本也无所谓，（当年在学校里被老师坑的，教我们用记事本写HTML页面，毕业之后才知道，原来写HTML还可以用别的工具的。）
总之，就是要打开那个两个PHP文件——【t_functions.php】与【userfun.php】。
而我用的是Sublime，把
【t_functions.php】与【userfun.php】两个文件打开来。
1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。
截图如下：
2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的这中间。
因为【userfun.php】这个文件，只有这样一行代码，所以不用担心会搞错。
其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。
3）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：
4）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】，把里面的一些HTML，CSS代码修改成你自己的即可，然后就得到了一个新的【userfun.php】文件，截图如下：
把这个【userfun.php】保存后，通过FTP工具上传到之前的文件目录下面进行覆盖即可。
5）、最后，到【列表模板】里，翻页代码的地方，直接调取分页函数
【[!--show.listpage--] 】即可。
最终，得到效果如下：
这个样式，可以通过修改CSS样式进行获取，例如把颜色修改一下，你就可以得到如下效果：
这个CSS，HTML的知识，这里不展开讲了，因为这个是必会的知识，对于零基础入门的小伙伴，可以到公众号上查看基础入门的文章，或者到我的博客（）看我推荐的一些视频教程，有软件基础入门的，也有技能提升的。
另外，在这里插播一句广告，最近我跟极客时间进行了课程的深度合作，只要是极客时间上的课程，都可以通过我的博客里【极客时间】这个栏目进行购买。
最后，如果你也想学习帝国这套开源程序，你可以在公众号【web前端开发】的后台回复【视频】就可以获得全套的帝国cms免费视频教程，里面用的版本是6.6版本，视频教程里讲的是本地搭建的环境。
如果你想要做一个线上网站，你需要购买域名与服务器，关于域名与服务器的购买，我在之前的一些教程里也分享过。
在这里我在啰嗦一次，域名购买，你可以在阿里云或者万维网，/进行购买。
服务器购买，如果你想要国内服务器，可以购买BAT的，然后你再进行备案即可。如果你想要国外服务器的话，可以到【web前端开发】公众号的菜单栏【学习资源】-【建站必备】里查看我提供的国外服务器，这个是免备案的，作为学习的话，这个还是比较经济实惠的。
目前，我自己的这个博客网站（），包括我现在在做的【有课网】的网站，都是采用的这个国外服务器进行开发的。
最后，说一句，欢迎有个人博客网站的小伙伴来换取友情链接，我的个人博客网站（）友情链接，放在【网址导航】这个菜单里。
如果没有个人博客网站的小伙伴，建议你去做一个自己的个人博客站，这个跟公众号，与一些博客平台不一样，这个做好了，持续学习输入输出内容，这个站点永远都是你自己的，哪怕有一天，你辛苦做起来的公众号被关闭了，但是这个博客不会被关闭。
因为你的域名，你的站点内容都是你的，哪怕服务器提供商有一天跑路了，但是你有域名在，你还是一样可以随时链接与你志同道合的小伙伴，只要你的网站域名没有更换。
最后，大家如果有什么问题，欢迎留言沟通交流学习，写的不好的地方，也请大家多多包涵，这个帝国我也是第一使用。
在此，感谢大家的支持，后面我会安排时间做一期送一年国外虚拟主机服务器的活动，用做线上网站的实战体验，来一起学习HTML，CSS,网站制作等相关知识。
我现在终于有时间折腾了。把那些想做没有做的事情都做一遍。同时，也欢迎各方合作商前来约我，有课网工作室主要从事网站开发，平面设计，UI设计，目前个人网络工作室在筹备中。
好了，今天我就跟各位聊到这里吧，最近一周都在折腾网站，接下来，我要去折腾【有课网】了，这个有课网，是一个以编程，设计，写作，摄影，英语5大内容为主的自学视频教程网站。后面做好了，我也跟大家分享一下，大家一起交流学习。
最新院校学校官网整站网站源码
网站优化 • 优采云 发表了文章 • 0 个评论 • 53 次浏览 • 2022-05-25 02:42
最新院校学校官网整站网站源码
微信推送模式改版了，点击上方“阿雨Le享” →点击右上角“...”→点选“设为星标★”，以后就能更方便地找到我们啦！
文章介绍
网站使用的是米拓cms，DIY一个模板而已。米拓cms是采用PHP+MySQL架构，支持SQLite数据库，全站内置了SEO搜索引擎优化机制，支持用户自定义语言（全球各种语言），支持可视化编辑管理，拥有企业网站常用的功能模块（简介模块、文章模块、产品模块、下载模块、图片模块、招聘模块、在线留言、反馈系统、在线交流、友情链接、网站地图、会员与权限管理、TAG标签）。
强大的SEO及伪静态设置功能，支持自定义网站颜色风格，支持按栏目自定义Banner图和数据调用，支持手机底部菜单，支持用户自主二次开发，商业模板支持在线升级。系统内置标准的应用插件开发接口，拥有丰富的免费插件和收费插件，如短信接口、robots文件修改、模板制作助手、小程序（微信、百度、支付宝、字节跳动[今日头条、抖音]、360、QQ）、支付接口、商城模块、系统诊所、图片加速、网站广告插件等。无论你是技术大咖还是建站小白，都可以使用MetInfo快速搭建一个功能齐全的响应式专业网站。
演示网站：
相关截图
其他
下载源码后把数据库文件导入到你的数据库，源码上传到你网站根目录，然后修改源码里的数据库连接信息。登陆后台清空数据，更改相关栏目即可上线使用。有任何问题欢迎底部留言，我会认真解答！有云主机的建议用宝塔面板搭建使用。
后台地址：你的域名/admin
修改文件：/config/config_db.php
注意事项 查看全部
微信推送模式改版了，点击上方“阿雨Le享” →点击右上角“...”→点选“设为星标★”，以后就能更方便地找到我们啦！
文章介绍
网站使用的是米拓cms，DIY一个模板而已。米拓cms是采用PHP+MySQL架构，支持SQLite数据库，全站内置了SEO搜索引擎优化机制，支持用户自定义语言（全球各种语言），支持可视化编辑管理，拥有企业网站常用的功能模块（简介模块、文章模块、产品模块、下载模块、图片模块、招聘模块、在线留言、反馈系统、在线交流、友情链接、网站地图、会员与权限管理、TAG标签）。
强大的SEO及伪静态设置功能，支持自定义网站颜色风格，支持按栏目自定义Banner图和数据调用，支持手机底部菜单，支持用户自主二次开发，商业模板支持在线升级。系统内置标准的应用插件开发接口，拥有丰富的免费插件和收费插件，如短信接口、robots文件修改、模板制作助手、小程序（微信、百度、支付宝、字节跳动[今日头条、抖音]、360、QQ）、支付接口、商城模块、系统诊所、图片加速、网站广告插件等。无论你是技术大咖还是建站小白，都可以使用MetInfo快速搭建一个功能齐全的响应式专业网站。
演示网站：
相关截图
其他
下载源码后把数据库文件导入到你的数据库，源码上传到你网站根目录，然后修改源码里的数据库连接信息。登陆后台清空数据，更改相关栏目即可上线使用。有任何问题欢迎底部留言，我会认真解答！有云主机的建议用宝塔面板搭建使用。
后台地址：你的域名/admin
修改文件：/config/config_db.php
注意事项 查看全部
最新院校学校官网整站网站源码
微信推送模式改版了，点击上方“阿雨Le享” →点击右上角“...”→点选“设为星标★”，以后就能更方便地找到我们啦！
文章介绍
网站使用的是米拓cms，DIY一个模板而已。米拓cms是采用PHP+MySQL架构，支持SQLite数据库，全站内置了SEO搜索引擎优化机制，支持用户自定义语言（全球各种语言），支持可视化编辑管理，拥有企业网站常用的功能模块（简介模块、文章模块、产品模块、下载模块、图片模块、招聘模块、在线留言、反馈系统、在线交流、友情链接、网站地图、会员与权限管理、TAG标签）。
强大的SEO及伪静态设置功能，支持自定义网站颜色风格，支持按栏目自定义Banner图和数据调用，支持手机底部菜单，支持用户自主二次开发，商业模板支持在线升级。系统内置标准的应用插件开发接口，拥有丰富的免费插件和收费插件，如短信接口、robots文件修改、模板制作助手、小程序（微信、百度、支付宝、字节跳动[今日头条、抖音]、360、QQ）、支付接口、商城模块、系统诊所、图片加速、网站广告插件等。无论你是技术大咖还是建站小白，都可以使用MetInfo快速搭建一个功能齐全的响应式专业网站。
演示网站：
相关截图
其他
下载源码后把数据库文件导入到你的数据库，源码上传到你网站根目录，然后修改源码里的数据库连接信息。登陆后台清空数据，更改相关栏目即可上线使用。有任何问题欢迎底部留言，我会认真解答！有云主机的建议用宝塔面板搭建使用。
后台地址：你的域名/admin
修改文件：/config/config_db.php
注意事项
如何运用最新的技术提升网页速度和性能
网站优化 • 优采云 发表了文章 • 0 个评论 • 55 次浏览 • 2022-05-24 06:04
如何运用最新的技术提升网页速度和性能
<p>{
"keywords": ["performance", "critical rendering path", "static site", "..."],
"publishDate": "2016-07-13",
"authors": ["Declan"]
}</p>
markdown 文件:
<p># Why our website is faster than yours
We've recently updated our site. Yes, it has a complete...
## Design for performance
In our projects we have daily discussions...</p>
图片传输
平均一个2406kb的网页中1535kb是图片。就因为图片在网站中占据了这么大的一个比例，所以它也是性能优化的重点之一。
WebP格式
WebP是一种现代图片格式，为网页图片提供了出色的低损耗、有损压缩。WebP格式的图片实质上比其它格式的小，有时可以比同样的 JPEG 图片小 25%。 WebP被大多数人所忽略，也没被经常使用。截止到写这篇文章的时候，WebP 仅支持Chrome, Opera 和 Android (仍超过了我们50%的用户)，但我们可以优雅降级为 JPG/PNG。
使用
元素我们可以把图片从 WebP 优雅地降级到其它被广泛支持的图片格式，如JPEG:
<p>
</p>
我们使用Scott Jehl 的picturefill来使那些不支持
元素的浏览器获得支持，在各个浏览器中达到一致的效果
我们使用
作为那些不支持
或者 JS 的浏览器的后备元素。使用图片的最大实例确保了它在后备方案中的可行性。
生成
尽管图片传输方式已经确定了，我们仍需要思考该怎样有效地执行。我喜欢
元素的功能，但不喜欢写上面那些代码段，尤其是写内容时必须把它加进去。我们不想做这么费力的事情：每张图片都要写6个实例，所以优化这些图片并且把它们写在markdown文件的
里面。所以：
生成图片
在构建过程中，原图片的多个实例，包括JPG, PNG和WebP格式，我们使用gulp responsive来生成。
最小化图片在markdown文件中写[图片描述](image.jpg).
在构建过程中使用自定义Markdown渲染器来为已经完全成熟的
元素编译传统的markdown图片声明。
SVG动画
我们为自己的网站选择了特定的图标类型，其中SVG插图占了主要地位。这样做有以下几个原因：
自定义网页字体
在深入之前，这里有一个关于在浏览器设置自定义字体的简短介绍。当浏览器发现CSS里面有@font-face的定义，但是用户的电脑并不支持该字体时，它会尝试下载该字体文件。在下载时，多数浏览器根本不会用这种字体来展示文本。这种现象称为“不可见文本的闪现” 或者FOIT。如果你有留意，你会发现网页上都有这种情况存在。如果你问我，我会告诉你这会影响用户体验。它延迟了用户读取他们所需内容的时间。我们可以迫使浏览器改变这种行为，变成 “无样式内容闪现” 或者称为FOUT。我们告诉浏览器先使用普通字体，像 Arial 或者 Georgia。当自定义的字体下载完成后，再代替标准字体并且重新渲染。这样，即使自定义字体下载失败，仍然不会影响内容的可读性。然而，有人会认为这是一种妥协的做法，但我们认为自定义字体只是一种优化。尽管没有自定义字体，网页看起来也完好，也能百分百的正常运行。勾选/不勾选复选框来切换我们的网页字体，来自己体验一下：
切换下载的字体类
使用自定义网页字体可以改善我们的用户体验，只要你能够优化他们，并且负责任地为之服务。
字型子集设定
到目前为止，子集设定是改善网页字体性能最快的方式。我将会向每个使用自定义字体的网页开发者推荐它。如果你能完全控制网页内容，并且知道它将要展示哪些特性的话，你可以完全使用子集设定。但是，即使是仅仅把字体设为西方语言，也会对文件大小造成很大的影响。例如，我们的Noto Regular WOFF字体，默认是246KB，将其设为西方语言后，大小下降到31KB。我们使用Font squirrel webfont, 这种字体真的很易用。
字体监听器
Bram Stein 推出的字体监听器是一个很了不起的脚本，可以帮助检查字体是否已被加载。至于你是如何加载字体的，是通过一个网页字体服务，还是自己上传就不可知了。在这个监听器告诉我们所有自定义的字体已经下载完毕后，我们就可以在元素上添加一个字体加载完毕的类，我们的页面就会重新用新的字体：
注意： 为了简短，我没有给上面CSS中的Noto加上@font-face的声明。
我们可以设定一个cookie来记住所有的字体已经被加载过，就可以让他们缓存在浏览器里面了。我们使用这个cookie来做重复的浏览，这个我后续会解释。
在不久的将来，我们或许不需要 Bram Stein 的脚本来监听这个行为。CSS开发团队已经提案一个新的@font-face描述器，也叫font-display。它的属性值控制着一个可下载的字体是如何在还没加载出来时就渲染页面的。这是CSS对font-display的描述：它将带给我们像上面方法一样的行为效果。你可以读读更多关于font-display的属性。
JS和CSS懒加载
一般来讲，我们都是尽可能快的加载需要的资源。我们移除一些堵塞的请求来加快页面渲染，优化首屏，用浏览器缓存来处理重复的页面。
JS懒加载
设计上，我们的网站并没有很多JS。我们发展了一个JavaScript工作流来处理我们目前已有的js, 以及未来会用到的js资源。
JS在块里面渲染，这是我们想要的。JS应该只是用来提高用户体验，不应该是访问者需要的关键。处理JS堵塞渲染的简单方法就是把脚本放在页面的尾部。这样网页就会在整个HTML 渲染完毕后才去加载JS。
另一种可以把脚本放在head执行的方案是在 查看全部
<p>{
"keywords": ["performance", "critical rendering path", "static site", "..."],
"publishDate": "2016-07-13",
"authors": ["Declan"]
}</p>
markdown 文件:
<p># Why our website is faster than yours
We've recently updated our site. Yes, it has a complete...
## Design for performance
In our projects we have daily discussions...</p>
图片传输
平均一个2406kb的网页中1535kb是图片。就因为图片在网站中占据了这么大的一个比例，所以它也是性能优化的重点之一。
WebP格式
WebP是一种现代图片格式，为网页图片提供了出色的低损耗、有损压缩。WebP格式的图片实质上比其它格式的小，有时可以比同样的 JPEG 图片小 25%。 WebP被大多数人所忽略，也没被经常使用。截止到写这篇文章的时候，WebP 仅支持Chrome, Opera 和 Android (仍超过了我们50%的用户)，但我们可以优雅降级为 JPG/PNG。
使用
元素我们可以把图片从 WebP 优雅地降级到其它被广泛支持的图片格式，如JPEG:
<p>
</p>
我们使用Scott Jehl 的picturefill来使那些不支持
元素的浏览器获得支持，在各个浏览器中达到一致的效果
我们使用
作为那些不支持
或者 JS 的浏览器的后备元素。使用图片的最大实例确保了它在后备方案中的可行性。
生成
尽管图片传输方式已经确定了，我们仍需要思考该怎样有效地执行。我喜欢
元素的功能，但不喜欢写上面那些代码段，尤其是写内容时必须把它加进去。我们不想做这么费力的事情：每张图片都要写6个实例，所以优化这些图片并且把它们写在markdown文件的
里面。所以：
生成图片
在构建过程中，原图片的多个实例，包括JPG, PNG和WebP格式，我们使用gulp responsive来生成。
最小化图片在markdown文件中写[图片描述](image.jpg).
在构建过程中使用自定义Markdown渲染器来为已经完全成熟的
元素编译传统的markdown图片声明。
SVG动画
我们为自己的网站选择了特定的图标类型，其中SVG插图占了主要地位。这样做有以下几个原因：
自定义网页字体
在深入之前，这里有一个关于在浏览器设置自定义字体的简短介绍。当浏览器发现CSS里面有@font-face的定义，但是用户的电脑并不支持该字体时，它会尝试下载该字体文件。在下载时，多数浏览器根本不会用这种字体来展示文本。这种现象称为“不可见文本的闪现” 或者FOIT。如果你有留意，你会发现网页上都有这种情况存在。如果你问我，我会告诉你这会影响用户体验。它延迟了用户读取他们所需内容的时间。我们可以迫使浏览器改变这种行为，变成 “无样式内容闪现” 或者称为FOUT。我们告诉浏览器先使用普通字体，像 Arial 或者 Georgia。当自定义的字体下载完成后，再代替标准字体并且重新渲染。这样，即使自定义字体下载失败，仍然不会影响内容的可读性。然而，有人会认为这是一种妥协的做法，但我们认为自定义字体只是一种优化。尽管没有自定义字体，网页看起来也完好，也能百分百的正常运行。勾选/不勾选复选框来切换我们的网页字体，来自己体验一下：
切换下载的字体类
使用自定义网页字体可以改善我们的用户体验，只要你能够优化他们，并且负责任地为之服务。
字型子集设定
到目前为止，子集设定是改善网页字体性能最快的方式。我将会向每个使用自定义字体的网页开发者推荐它。如果你能完全控制网页内容，并且知道它将要展示哪些特性的话，你可以完全使用子集设定。但是，即使是仅仅把字体设为西方语言，也会对文件大小造成很大的影响。例如，我们的Noto Regular WOFF字体，默认是246KB，将其设为西方语言后，大小下降到31KB。我们使用Font squirrel webfont, 这种字体真的很易用。
字体监听器
Bram Stein 推出的字体监听器是一个很了不起的脚本，可以帮助检查字体是否已被加载。至于你是如何加载字体的，是通过一个网页字体服务，还是自己上传就不可知了。在这个监听器告诉我们所有自定义的字体已经下载完毕后，我们就可以在元素上添加一个字体加载完毕的类，我们的页面就会重新用新的字体：
注意： 为了简短，我没有给上面CSS中的Noto加上@font-face的声明。
我们可以设定一个cookie来记住所有的字体已经被加载过，就可以让他们缓存在浏览器里面了。我们使用这个cookie来做重复的浏览，这个我后续会解释。
在不久的将来，我们或许不需要 Bram Stein 的脚本来监听这个行为。CSS开发团队已经提案一个新的@font-face描述器，也叫font-display。它的属性值控制着一个可下载的字体是如何在还没加载出来时就渲染页面的。这是CSS对font-display的描述：它将带给我们像上面方法一样的行为效果。你可以读读更多关于font-display的属性。
JS和CSS懒加载
一般来讲，我们都是尽可能快的加载需要的资源。我们移除一些堵塞的请求来加快页面渲染，优化首屏，用浏览器缓存来处理重复的页面。
JS懒加载
设计上，我们的网站并没有很多JS。我们发展了一个JavaScript工作流来处理我们目前已有的js, 以及未来会用到的js资源。
JS在块里面渲染，这是我们想要的。JS应该只是用来提高用户体验，不应该是访问者需要的关键。处理JS堵塞渲染的简单方法就是把脚本放在页面的尾部。这样网页就会在整个HTML 渲染完毕后才去加载JS。
另一种可以把脚本放在head执行的方案是在 查看全部
如何运用最新的技术提升网页速度和性能
<p>{
"keywords": ["performance", "critical rendering path", "static site", "..."],
"publishDate": "2016-07-13",
"authors": ["Declan"]
}</p>
markdown 文件:
<p># Why our website is faster than yours
We've recently updated our site. Yes, it has a complete...
## Design for performance
In our projects we have daily discussions...</p>
图片传输
平均一个2406kb的网页中1535kb是图片。就因为图片在网站中占据了这么大的一个比例，所以它也是性能优化的重点之一。
WebP格式
WebP是一种现代图片格式，为网页图片提供了出色的低损耗、有损压缩。WebP格式的图片实质上比其它格式的小，有时可以比同样的 JPEG 图片小 25%。 WebP被大多数人所忽略，也没被经常使用。截止到写这篇文章的时候，WebP 仅支持Chrome, Opera 和 Android (仍超过了我们50%的用户)，但我们可以优雅降级为 JPG/PNG。
使用
元素我们可以把图片从 WebP 优雅地降级到其它被广泛支持的图片格式，如JPEG:
<p>
</p>
我们使用Scott Jehl 的picturefill来使那些不支持
元素的浏览器获得支持，在各个浏览器中达到一致的效果
我们使用
作为那些不支持
或者 JS 的浏览器的后备元素。使用图片的最大实例确保了它在后备方案中的可行性。
生成
尽管图片传输方式已经确定了，我们仍需要思考该怎样有效地执行。我喜欢
元素的功能，但不喜欢写上面那些代码段，尤其是写内容时必须把它加进去。我们不想做这么费力的事情：每张图片都要写6个实例，所以优化这些图片并且把它们写在markdown文件的
里面。所以：
生成图片
在构建过程中，原图片的多个实例，包括JPG, PNG和WebP格式，我们使用gulp responsive来生成。
最小化图片在markdown文件中写[图片描述](image.jpg).
在构建过程中使用自定义Markdown渲染器来为已经完全成熟的
元素编译传统的markdown图片声明。
SVG动画
我们为自己的网站选择了特定的图标类型，其中SVG插图占了主要地位。这样做有以下几个原因：
自定义网页字体
在深入之前，这里有一个关于在浏览器设置自定义字体的简短介绍。当浏览器发现CSS里面有@font-face的定义，但是用户的电脑并不支持该字体时，它会尝试下载该字体文件。在下载时，多数浏览器根本不会用这种字体来展示文本。这种现象称为“不可见文本的闪现” 或者FOIT。如果你有留意，你会发现网页上都有这种情况存在。如果你问我，我会告诉你这会影响用户体验。它延迟了用户读取他们所需内容的时间。我们可以迫使浏览器改变这种行为，变成 “无样式内容闪现” 或者称为FOUT。我们告诉浏览器先使用普通字体，像 Arial 或者 Georgia。当自定义的字体下载完成后，再代替标准字体并且重新渲染。这样，即使自定义字体下载失败，仍然不会影响内容的可读性。然而，有人会认为这是一种妥协的做法，但我们认为自定义字体只是一种优化。尽管没有自定义字体，网页看起来也完好，也能百分百的正常运行。勾选/不勾选复选框来切换我们的网页字体，来自己体验一下：
切换下载的字体类
使用自定义网页字体可以改善我们的用户体验，只要你能够优化他们，并且负责任地为之服务。
字型子集设定
到目前为止，子集设定是改善网页字体性能最快的方式。我将会向每个使用自定义字体的网页开发者推荐它。如果你能完全控制网页内容，并且知道它将要展示哪些特性的话，你可以完全使用子集设定。但是，即使是仅仅把字体设为西方语言，也会对文件大小造成很大的影响。例如，我们的Noto Regular WOFF字体，默认是246KB，将其设为西方语言后，大小下降到31KB。我们使用Font squirrel webfont, 这种字体真的很易用。
字体监听器
Bram Stein 推出的字体监听器是一个很了不起的脚本，可以帮助检查字体是否已被加载。至于你是如何加载字体的，是通过一个网页字体服务，还是自己上传就不可知了。在这个监听器告诉我们所有自定义的字体已经下载完毕后，我们就可以在元素上添加一个字体加载完毕的类，我们的页面就会重新用新的字体：
注意： 为了简短，我没有给上面CSS中的Noto加上@font-face的声明。
我们可以设定一个cookie来记住所有的字体已经被加载过，就可以让他们缓存在浏览器里面了。我们使用这个cookie来做重复的浏览，这个我后续会解释。
在不久的将来，我们或许不需要 Bram Stein 的脚本来监听这个行为。CSS开发团队已经提案一个新的@font-face描述器，也叫font-display。它的属性值控制着一个可下载的字体是如何在还没加载出来时就渲染页面的。这是CSS对font-display的描述：它将带给我们像上面方法一样的行为效果。你可以读读更多关于font-display的属性。
JS和CSS懒加载
一般来讲，我们都是尽可能快的加载需要的资源。我们移除一些堵塞的请求来加快页面渲染，优化首屏，用浏览器缓存来处理重复的页面。
JS懒加载
设计上，我们的网站并没有很多JS。我们发展了一个JavaScript工作流来处理我们目前已有的js, 以及未来会用到的js资源。
JS在块里面渲染，这是我们想要的。JS应该只是用来提高用户体验，不应该是访问者需要的关键。处理JS堵塞渲染的简单方法就是把脚本放在页面的尾部。这样网页就会在整个HTML 渲染完毕后才去加载JS。
另一种可以把脚本放在head执行的方案是在
如何设置Google Analytics内容分组功能
网站优化 • 优采云 发表了文章 • 0 个评论 • 67 次浏览 • 2022-05-16 14:08
如何设置Google Analytics内容分组功能
今天每个人都在写很多新文字内容。 估量这些令人吃惊数量的文字内容可能是一个挑战。 谷歌Analytics内容分组可以提供这方面的帮助。此功能可让您根据自己的业务规则来对您的内容进行分类。 然后，您可以根据您设定的特定分组查看数据，而不是只能根据页面的URL或屏幕名称。
在这篇文章中我将讨论内容分组如何工作的，以及如何设置它。
关键词汇：分组和组在我们进入实际的设置工作之前，有一个我们需要了解的小术语：分组（groupings）和组（groups）。
您可以在Google Analytics中创建多个内容分组 。在每个内容分组内您可以创建多个内容组 。
组是内容（页面或events）的一个集合。 它可以是你的网站的某一个部分或者它也能是从你的APP序的某一部分画面。 事实上它可以是任何事物。
分组是一堆组的集合
图：每一个内容分分组包含多个内容组。每个组中包含多条内容
你可以在谷歌Analytics（分析）中创建多个内容分组，并在分析报告中在分组之间进行切换。 下面用我（原文作者）的博客做一个例子，在这个例子中我创建了一个名为博客内容类别的分组。 在我的博客里，在该分组内根据内容的不同类型创建若干组。 有一组是有关博客公告的，一组关于我的介绍的网页，一组为错误页面等等。在配置文件里，我基于URL的构造规则，创建了不同分组并将相应的每个页面添加进去。
图：你可以基于组查看数据，而不是基于URL，屏幕名称或标题来查看数据
任何没有被添加到分组的项目，将会被添加到（未设置(not set)）这个项目中去。大家对这个项目已经不陌生了。 需要注意的是，与页面（page）报告不同，Google Analytics中没有一个专门展示分组的报告。 但当你创建一个分组，它实际上直接变成了一个新的数据分析维度。 您可以在几乎所有的报告中选择查看该维度的表现。 让我们来看看如何实际创建一个分组和组。
创建分组和组Google Analytics不会自动创建内容分组，你必须自己配置这个工具。 根据下图导航到“视图（view）”的设置，选择内容分组。
图：内容分组的设置，在Admin后台的VIEW标签之下
在这里，你会看到所有的分组列表。在这里可以选择创建一个新组或编辑现有组。
图：这是分组的列表，在这里创建或编辑分组
你还可以用另外三种方法来创建内容组，让我们分别来看看。
1自定义追踪代码此方法需要您将一小段代码添加到你的网站的每个页面中，或是你的apps中。当页面或屏幕下载到客户端的时候，该代码会直接设置内容组及其名称。 如下是为Universal Analytics收据数据的代码：
ga('create','UA-XXXXXXXX-Y', '');ga('set', 'contentGroup5', 'Group Name');
ga('send', 'pageview');
Or, if you’re working in iOS the code might look like this:
如果工作在iOS环境的代码像这样：
id tracker = [[GAI sharedInstance] trackerWithTrackingId:@”UA-XXXX-Y”];
[tracker set:[GAIFields contentGroupForIndex:5]
value:@"Group Name"];
创建内容组的代码类似于自定义维度的代码（关于自定义维度我会在其他的帖子中再写）。您可以使用这个追踪代码设置5个内容组。每个组都与一个1至5的数字相对应，如图上面的例子所示。查看Google Analytics支持文档获取更多代码示例。基本上，这个方法让你从其他系统通过其他变量代码来传递属性值，这些系统可以是一个CMS（内容管理系统），一个数据层 ，或者仅仅是页面的HTML。关键是，无论用哪种方式，你都需要添加组的名称到Google Analytics代码中。
优点：使用自定义跟踪代码的方法，您能通过改代码和与之配合的页面变量来实现自动的组创建和设置。
缺点：它要求IT人员参与设置。但是，一旦配置成功，之后就不需要太多IT资源的支持了。
还有一种方法，是这种方法的升级版，即通过Google Tag Manager（Google标签管理器）来设置内容组，未来我会专门讲这个领域。
2数据抽取法数据抽取法从已经存在的维度的数据中抽取内容组的名字，从而组成内容组。这个方法使用正则表达式来分析维度，并自动抽取其中的数据来形成分组。
例如，你可能想让页面title中的一个字段成为你的组名字，就如同下面的例子：
图：你可以使用页面title或是屏幕名称等维度中的数据来生成你的内容组
我需要指出，我建立的组名是存在于页面标题维度中，然后利用一个正则表达式提取恰当的值形成的。
图：利用数据抽取法自动从数据维度中抽取内容组的名称
对于那些不使用正则表达式的人，括号中的值会自动被提取，接着Google Analytics会使用该值作为组名。你将看到这个规则适用于所有我网站中的产品页，只要产品页的page title的格式是规整的。
优点：无需手动配置代码，采集方式灵活。
缺点：你添加新的内容到网站或应用程序，就可能需要更新正则表达式，尤其是一些不符合新的情况的正则表达式。相信我，更新这些设置令人不爽，人们总是倾向于忘记这么做。
如果你不熟悉正则表达式，这里有一个Google官方的快速入门。
3利用规则规则方法几乎是跟提取方法完全一样。 唯一的区别是，你必须手动命名组。 名称的值不是自动从数据维度抽取的。
图：定义规则之后，符合规则的维度数据将被抽取出来，并且用你自己给出的命名取代（原文有错误，这里用了我的修正）
类似提取方法，你可以根据不同数据维度创建规则——页面标题，页面网址或屏幕名称。如果维度值和规则相匹配，然后内容将添加到该组。
优点：无编码。 并不需要知道正则表达式。
缺点：当添加新的内容，或者如果你的网站URL或应用程序屏幕名称变更时，你需要记得更新规则。跟前面一样，这个事情总是被人忘记。
你应该使用哪种方法？这是一个很难回答的问题。我个人认为，网页分类是一个应该被添加到页面数据层的关键部分。如果你采取这种方法，使用跟踪代码方法很具可扩展性的。
我也很喜欢的提取方法，因为它也非常灵活和可靠。但你需要建立一个更新流程，以确保你的设置总是符合当前的情况。
重要须知下面一些非常重要的事情需要通报。你可以在相同内容分组中同时使用所有三种方法创建组。分组的逻辑将按照顺序依次将三种方法应用到你的数据中，这一顺序是：Google Analytics首先应用跟踪代码, 然后应用数据抽取方法， 最后使用规则方法。你可以同时使用所有三种方法进行设置。当一个页面或屏幕与规则相匹配，就将被添加到该组中。
请注意：一个页面或屏幕名称在一次只能在一个内容组中！你不能把同一个页面或屏幕名称同时存在于多个组中。
最后，内容组不会应用到历史数据。 他们只能从你配置生效之时起抽取数据。
最佳实践由于Google Analytics可以让所有的分组方法应用到你的数据中，因此将多种分组方法结合起来使用是完全可能的。但是，因为它们是按照顺序生效的，因此最好将你的具体的分组规则放到前面，然后再放一般性的规则。利用这个方法，一般性的规则将能够把在前面利用具体规则的步骤中的“漏网之鱼”尽数捕获，并放到分组中去。
图：所有的三个内容分组方法按顺序依次被应用到各个内容中
让你的组设置一次就成功是非常重要的，尽管你可以编辑你的组，但是之前已经被处理的数据无法再按照你的新规则发生变化了。因此，在你将你的分组公诸于众之前，一定要做好测试。你还可以在Google Analytics中做一条笔记（annotation），这样所有的人都知道你加了一些什么数据。 查看全部
今天每个人都在写很多新文字内容。 估量这些令人吃惊数量的文字内容可能是一个挑战。 谷歌Analytics内容分组可以提供这方面的帮助。此功能可让您根据自己的业务规则来对您的内容进行分类。 然后，您可以根据您设定的特定分组查看数据，而不是只能根据页面的URL或屏幕名称。
在这篇文章中我将讨论内容分组如何工作的，以及如何设置它。
关键词汇：分组和组在我们进入实际的设置工作之前，有一个我们需要了解的小术语：分组（groupings）和组（groups）。
您可以在Google Analytics中创建多个内容分组 。在每个内容分组内您可以创建多个内容组 。
组是内容（页面或events）的一个集合。 它可以是你的网站的某一个部分或者它也能是从你的APP序的某一部分画面。 事实上它可以是任何事物。
分组是一堆组的集合
图：每一个内容分分组包含多个内容组。每个组中包含多条内容
你可以在谷歌Analytics（分析）中创建多个内容分组，并在分析报告中在分组之间进行切换。 下面用我（原文作者）的博客做一个例子，在这个例子中我创建了一个名为博客内容类别的分组。 在我的博客里，在该分组内根据内容的不同类型创建若干组。 有一组是有关博客公告的，一组关于我的介绍的网页，一组为错误页面等等。在配置文件里，我基于URL的构造规则，创建了不同分组并将相应的每个页面添加进去。
图：你可以基于组查看数据，而不是基于URL，屏幕名称或标题来查看数据
任何没有被添加到分组的项目，将会被添加到（未设置(not set)）这个项目中去。大家对这个项目已经不陌生了。 需要注意的是，与页面（page）报告不同，Google Analytics中没有一个专门展示分组的报告。 但当你创建一个分组，它实际上直接变成了一个新的数据分析维度。 您可以在几乎所有的报告中选择查看该维度的表现。 让我们来看看如何实际创建一个分组和组。
创建分组和组Google Analytics不会自动创建内容分组，你必须自己配置这个工具。 根据下图导航到“视图（view）”的设置，选择内容分组。
图：内容分组的设置，在Admin后台的VIEW标签之下
在这里，你会看到所有的分组列表。在这里可以选择创建一个新组或编辑现有组。
图：这是分组的列表，在这里创建或编辑分组
你还可以用另外三种方法来创建内容组，让我们分别来看看。
1自定义追踪代码此方法需要您将一小段代码添加到你的网站的每个页面中，或是你的apps中。当页面或屏幕下载到客户端的时候，该代码会直接设置内容组及其名称。 如下是为Universal Analytics收据数据的代码：
ga('create','UA-XXXXXXXX-Y', '');ga('set', 'contentGroup5', 'Group Name');
ga('send', 'pageview');
Or, if you’re working in iOS the code might look like this:
如果工作在iOS环境的代码像这样：
id tracker = [[GAI sharedInstance] trackerWithTrackingId:@”UA-XXXX-Y”];
[tracker set:[GAIFields contentGroupForIndex:5]
value:@"Group Name"];
创建内容组的代码类似于自定义维度的代码（关于自定义维度我会在其他的帖子中再写）。您可以使用这个追踪代码设置5个内容组。每个组都与一个1至5的数字相对应，如图上面的例子所示。查看Google Analytics支持文档获取更多代码示例。基本上，这个方法让你从其他系统通过其他变量代码来传递属性值，这些系统可以是一个CMS（内容管理系统），一个数据层 ，或者仅仅是页面的HTML。关键是，无论用哪种方式，你都需要添加组的名称到Google Analytics代码中。
优点：使用自定义跟踪代码的方法，您能通过改代码和与之配合的页面变量来实现自动的组创建和设置。
缺点：它要求IT人员参与设置。但是，一旦配置成功，之后就不需要太多IT资源的支持了。
还有一种方法，是这种方法的升级版，即通过Google Tag Manager（Google标签管理器）来设置内容组，未来我会专门讲这个领域。
2数据抽取法数据抽取法从已经存在的维度的数据中抽取内容组的名字，从而组成内容组。这个方法使用正则表达式来分析维度，并自动抽取其中的数据来形成分组。
例如，你可能想让页面title中的一个字段成为你的组名字，就如同下面的例子：
图：你可以使用页面title或是屏幕名称等维度中的数据来生成你的内容组
我需要指出，我建立的组名是存在于页面标题维度中，然后利用一个正则表达式提取恰当的值形成的。
图：利用数据抽取法自动从数据维度中抽取内容组的名称
对于那些不使用正则表达式的人，括号中的值会自动被提取，接着Google Analytics会使用该值作为组名。你将看到这个规则适用于所有我网站中的产品页，只要产品页的page title的格式是规整的。
优点：无需手动配置代码，采集方式灵活。
缺点：你添加新的内容到网站或应用程序，就可能需要更新正则表达式，尤其是一些不符合新的情况的正则表达式。相信我，更新这些设置令人不爽，人们总是倾向于忘记这么做。
如果你不熟悉正则表达式，这里有一个Google官方的快速入门。
3利用规则规则方法几乎是跟提取方法完全一样。 唯一的区别是，你必须手动命名组。 名称的值不是自动从数据维度抽取的。
图：定义规则之后，符合规则的维度数据将被抽取出来，并且用你自己给出的命名取代（原文有错误，这里用了我的修正）
类似提取方法，你可以根据不同数据维度创建规则——页面标题，页面网址或屏幕名称。如果维度值和规则相匹配，然后内容将添加到该组。
优点：无编码。 并不需要知道正则表达式。
缺点：当添加新的内容，或者如果你的网站URL或应用程序屏幕名称变更时，你需要记得更新规则。跟前面一样，这个事情总是被人忘记。
你应该使用哪种方法？这是一个很难回答的问题。我个人认为，网页分类是一个应该被添加到页面数据层的关键部分。如果你采取这种方法，使用跟踪代码方法很具可扩展性的。
我也很喜欢的提取方法，因为它也非常灵活和可靠。但你需要建立一个更新流程，以确保你的设置总是符合当前的情况。
重要须知下面一些非常重要的事情需要通报。你可以在相同内容分组中同时使用所有三种方法创建组。分组的逻辑将按照顺序依次将三种方法应用到你的数据中，这一顺序是：Google Analytics首先应用跟踪代码, 然后应用数据抽取方法， 最后使用规则方法。你可以同时使用所有三种方法进行设置。当一个页面或屏幕与规则相匹配，就将被添加到该组中。
请注意：一个页面或屏幕名称在一次只能在一个内容组中！你不能把同一个页面或屏幕名称同时存在于多个组中。
最后，内容组不会应用到历史数据。 他们只能从你配置生效之时起抽取数据。
最佳实践由于Google Analytics可以让所有的分组方法应用到你的数据中，因此将多种分组方法结合起来使用是完全可能的。但是，因为它们是按照顺序生效的，因此最好将你的具体的分组规则放到前面，然后再放一般性的规则。利用这个方法，一般性的规则将能够把在前面利用具体规则的步骤中的“漏网之鱼”尽数捕获，并放到分组中去。
图：所有的三个内容分组方法按顺序依次被应用到各个内容中
让你的组设置一次就成功是非常重要的，尽管你可以编辑你的组，但是之前已经被处理的数据无法再按照你的新规则发生变化了。因此，在你将你的分组公诸于众之前，一定要做好测试。你还可以在Google Analytics中做一条笔记（annotation），这样所有的人都知道你加了一些什么数据。 查看全部
如何设置Google Analytics内容分组功能
今天每个人都在写很多新文字内容。 估量这些令人吃惊数量的文字内容可能是一个挑战。 谷歌Analytics内容分组可以提供这方面的帮助。此功能可让您根据自己的业务规则来对您的内容进行分类。 然后，您可以根据您设定的特定分组查看数据，而不是只能根据页面的URL或屏幕名称。
在这篇文章中我将讨论内容分组如何工作的，以及如何设置它。
关键词汇：分组和组在我们进入实际的设置工作之前，有一个我们需要了解的小术语：分组（groupings）和组（groups）。
您可以在Google Analytics中创建多个内容分组 。在每个内容分组内您可以创建多个内容组 。
组是内容（页面或events）的一个集合。 它可以是你的网站的某一个部分或者它也能是从你的APP序的某一部分画面。 事实上它可以是任何事物。
分组是一堆组的集合
图：每一个内容分分组包含多个内容组。每个组中包含多条内容
你可以在谷歌Analytics（分析）中创建多个内容分组，并在分析报告中在分组之间进行切换。 下面用我（原文作者）的博客做一个例子，在这个例子中我创建了一个名为博客内容类别的分组。 在我的博客里，在该分组内根据内容的不同类型创建若干组。 有一组是有关博客公告的，一组关于我的介绍的网页，一组为错误页面等等。在配置文件里，我基于URL的构造规则，创建了不同分组并将相应的每个页面添加进去。
图：你可以基于组查看数据，而不是基于URL，屏幕名称或标题来查看数据
任何没有被添加到分组的项目，将会被添加到（未设置(not set)）这个项目中去。大家对这个项目已经不陌生了。 需要注意的是，与页面（page）报告不同，Google Analytics中没有一个专门展示分组的报告。 但当你创建一个分组，它实际上直接变成了一个新的数据分析维度。 您可以在几乎所有的报告中选择查看该维度的表现。 让我们来看看如何实际创建一个分组和组。
创建分组和组Google Analytics不会自动创建内容分组，你必须自己配置这个工具。 根据下图导航到“视图（view）”的设置，选择内容分组。
图：内容分组的设置，在Admin后台的VIEW标签之下
在这里，你会看到所有的分组列表。在这里可以选择创建一个新组或编辑现有组。
图：这是分组的列表，在这里创建或编辑分组
你还可以用另外三种方法来创建内容组，让我们分别来看看。
1自定义追踪代码此方法需要您将一小段代码添加到你的网站的每个页面中，或是你的apps中。当页面或屏幕下载到客户端的时候，该代码会直接设置内容组及其名称。 如下是为Universal Analytics收据数据的代码：
ga('create','UA-XXXXXXXX-Y', '');ga('set', 'contentGroup5', 'Group Name');
ga('send', 'pageview');
Or, if you’re working in iOS the code might look like this:
如果工作在iOS环境的代码像这样：
id tracker = [[GAI sharedInstance] trackerWithTrackingId:@”UA-XXXX-Y”];
[tracker set:[GAIFields contentGroupForIndex:5]
value:@"Group Name"];
创建内容组的代码类似于自定义维度的代码（关于自定义维度我会在其他的帖子中再写）。您可以使用这个追踪代码设置5个内容组。每个组都与一个1至5的数字相对应，如图上面的例子所示。查看Google Analytics支持文档获取更多代码示例。基本上，这个方法让你从其他系统通过其他变量代码来传递属性值，这些系统可以是一个CMS（内容管理系统），一个数据层 ，或者仅仅是页面的HTML。关键是，无论用哪种方式，你都需要添加组的名称到Google Analytics代码中。
优点：使用自定义跟踪代码的方法，您能通过改代码和与之配合的页面变量来实现自动的组创建和设置。
缺点：它要求IT人员参与设置。但是，一旦配置成功，之后就不需要太多IT资源的支持了。
还有一种方法，是这种方法的升级版，即通过Google Tag Manager（Google标签管理器）来设置内容组，未来我会专门讲这个领域。
2数据抽取法数据抽取法从已经存在的维度的数据中抽取内容组的名字，从而组成内容组。这个方法使用正则表达式来分析维度，并自动抽取其中的数据来形成分组。
例如，你可能想让页面title中的一个字段成为你的组名字，就如同下面的例子：
图：你可以使用页面title或是屏幕名称等维度中的数据来生成你的内容组
我需要指出，我建立的组名是存在于页面标题维度中，然后利用一个正则表达式提取恰当的值形成的。
图：利用数据抽取法自动从数据维度中抽取内容组的名称
对于那些不使用正则表达式的人，括号中的值会自动被提取，接着Google Analytics会使用该值作为组名。你将看到这个规则适用于所有我网站中的产品页，只要产品页的page title的格式是规整的。
优点：无需手动配置代码，采集方式灵活。
缺点：你添加新的内容到网站或应用程序，就可能需要更新正则表达式，尤其是一些不符合新的情况的正则表达式。相信我，更新这些设置令人不爽，人们总是倾向于忘记这么做。
如果你不熟悉正则表达式，这里有一个Google官方的快速入门。
3利用规则规则方法几乎是跟提取方法完全一样。 唯一的区别是，你必须手动命名组。 名称的值不是自动从数据维度抽取的。
图：定义规则之后，符合规则的维度数据将被抽取出来，并且用你自己给出的命名取代（原文有错误，这里用了我的修正）
类似提取方法，你可以根据不同数据维度创建规则——页面标题，页面网址或屏幕名称。如果维度值和规则相匹配，然后内容将添加到该组。
优点：无编码。 并不需要知道正则表达式。
缺点：当添加新的内容，或者如果你的网站URL或应用程序屏幕名称变更时，你需要记得更新规则。跟前面一样，这个事情总是被人忘记。
你应该使用哪种方法？这是一个很难回答的问题。我个人认为，网页分类是一个应该被添加到页面数据层的关键部分。如果你采取这种方法，使用跟踪代码方法很具可扩展性的。
我也很喜欢的提取方法，因为它也非常灵活和可靠。但你需要建立一个更新流程，以确保你的设置总是符合当前的情况。
重要须知下面一些非常重要的事情需要通报。你可以在相同内容分组中同时使用所有三种方法创建组。分组的逻辑将按照顺序依次将三种方法应用到你的数据中，这一顺序是：Google Analytics首先应用跟踪代码, 然后应用数据抽取方法， 最后使用规则方法。你可以同时使用所有三种方法进行设置。当一个页面或屏幕与规则相匹配，就将被添加到该组中。
请注意：一个页面或屏幕名称在一次只能在一个内容组中！你不能把同一个页面或屏幕名称同时存在于多个组中。
最后，内容组不会应用到历史数据。 他们只能从你配置生效之时起抽取数据。
最佳实践由于Google Analytics可以让所有的分组方法应用到你的数据中，因此将多种分组方法结合起来使用是完全可能的。但是，因为它们是按照顺序生效的，因此最好将你的具体的分组规则放到前面，然后再放一般性的规则。利用这个方法，一般性的规则将能够把在前面利用具体规则的步骤中的“漏网之鱼”尽数捕获，并放到分组中去。
图：所有的三个内容分组方法按顺序依次被应用到各个内容中
让你的组设置一次就成功是非常重要的，尽管你可以编辑你的组，但是之前已经被处理的数据无法再按照你的新规则发生变化了。因此，在你将你的分组公诸于众之前，一定要做好测试。你还可以在Google Analytics中做一条笔记（annotation），这样所有的人都知道你加了一些什么数据。
如何查找网站使用的WordPress主题
网站优化 • 优采云 发表了文章 • 0 个评论 • 94 次浏览 • 2022-08-26 11:35
如何查找网站使用的WordPress主题
wordpress建站,wordpress教程,查找网站WordPress主题
如何查找网站使用的WordPress主题
以前，使用WordPress建站一眼就能看出来是像WordPress CMS内容管理系统构建的，页眉和页脚似乎都是通用的，页面似乎是两列布局，侧边栏中有相同的小部件，不幸的是，现在已经很难一眼看出网站是通过什么构建的。
如何查找网站使用的WordPress主题
在本文中，我们晓得博客为你介绍如何查找网站使用的WordPress主题。
推荐：如何在Xampp中安装PHP GD(GD Graphics Library)
知道网站使用主题的原因
创建一个视觉上吸引人且有效的网站需要大量的思考，首选应该是选择将使用的主题：
WordPress主题通常允许您自定义网页和单个组件，例如页脚和小部件，网站的可扩展性和可用性将由自己决定。尽管通常有很多选择可，但将它们融合到完美的设计可能很困难。
而在网站上线后更改主题可能会导致品牌认知度下降和内容被破坏，可能还需要进行重塑页面和部分内容。这就是为什么你需要在一开始就选择正确的主题。无论是复制客户网站还是自己设计网站，确定您希望模仿的设计背后的主题都是有意义的。
推荐：什么是Interaction to Next Paint（INP）
判断网站是否使用WordPress的方法？1、在页脚中找“Proudly powered by WordPress”
这个不用解释了，很明显你可以跳过它！如果还没有注意到，许多WordPress网站都有一个页脚，上面写着“ Powered by WordPress ”！
如何查找网站使用的WordPress主题
有时候，他们使用的主题默认情况下有它，所以负责人都没有费心去改变它。然而，大多数WordPress驱动的网站的页脚都没有提到WordPress。
推荐：如何从WordPress网站模板底部删除Proudly powered by WordPress
2、添加 /wp-admin 到域名后面
将/wp-admin添加到站点的域名后面，可以指示它是否在WordPress上运行。如果结果（当然是在你点击返回之后）显示一个WordPress登录页面（或类似的东西），那么该站点可能由WordPress提供支持。
此外，高级用户可以选择隐藏登录地址、移动它们或密码保护它们以提高安全性。换句话说，这样查询有时候也显得毫无意义。
同样，您可以将“ /license.txt ”和“ /readme.html ”附加到域名以查看默认安装的另外两个WordPress页面，但许多人无视这些并删除它们。
推荐：Defender Security插件WordPress安全插件教程
3、源代码中查找wp-content
几乎可以在任何地方查看网页的源代码，通常是通过“ 查看 ”(Chrome)、“ 开发 ”(Safari[Safari菜单>首选项>高级]) 或“ 工具 ”(Firefox)中的选项卡。您可以通过转到“查看”->“开发人员”->“查看源代码”在Chrome中查看源代码。
如何查找网站使用的WordPress主题
在新窗口中，应该会看到指向诸如“/wp-content/”和“/wp-includes/”之类的目录的链接，可以通过搜索“wp-”找到它们，如果该站点正在运行WordPress CMS内容管理系统的话。如果看到其中任何一个（可能两者兼有），通常可以确定网站使用WordPress建站的！
注意：也可以在代码的“head”部分找到“generator”标签。类似于“metaname=”generator”content=”WordPress 3.6”除非它被删除了！
4、使用在线工具
还可以使用在线服务（甚至是浏览器扩展程序）执行相同的搜索，例如Is It WordPress（免费）。
如何查找网站使用的WordPress主题
推荐：6个最好的WordPress免费时间轴插件
总结
以上是晓得博客为你介绍的怎么查找网站使用的WordPress主题的全部内容，无论为什么要检查网站使用的WordPress主题，都可以快速找到。成功的网站，如果有一个有效的设计，就可以得到充分的展示。
推荐：WordPress网站文章目录怎么悬浮在侧边栏
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何查找网站使用的WordPress主题 查看全部
wordpress建站,wordpress教程,查找网站WordPress主题
如何查找网站使用的WordPress主题
以前，使用WordPress建站一眼就能看出来是像WordPress CMS内容管理系统构建的，页眉和页脚似乎都是通用的，页面似乎是两列布局，侧边栏中有相同的小部件，不幸的是，现在已经很难一眼看出网站是通过什么构建的。
如何查找网站使用的WordPress主题
在本文中，我们晓得博客为你介绍如何查找网站使用的WordPress主题。
推荐：如何在Xampp中安装PHP GD(GD Graphics Library)
知道网站使用主题的原因
创建一个视觉上吸引人且有效的网站需要大量的思考，首选应该是选择将使用的主题：
WordPress主题通常允许您自定义网页和单个组件，例如页脚和小部件，网站的可扩展性和可用性将由自己决定。尽管通常有很多选择可，但将它们融合到完美的设计可能很困难。
而在网站上线后更改主题可能会导致品牌认知度下降和内容被破坏，可能还需要进行重塑页面和部分内容。这就是为什么你需要在一开始就选择正确的主题。无论是复制客户网站还是自己设计网站，确定您希望模仿的设计背后的主题都是有意义的。
推荐：什么是Interaction to Next Paint（INP）
判断网站是否使用WordPress的方法？1、在页脚中找“Proudly powered by WordPress”
这个不用解释了，很明显你可以跳过它！如果还没有注意到，许多WordPress网站都有一个页脚，上面写着“ Powered by WordPress ”！
如何查找网站使用的WordPress主题
有时候，他们使用的主题默认情况下有它，所以负责人都没有费心去改变它。然而，大多数WordPress驱动的网站的页脚都没有提到WordPress。
推荐：如何从WordPress网站模板底部删除Proudly powered by WordPress
2、添加 /wp-admin 到域名后面
将/wp-admin添加到站点的域名后面，可以指示它是否在WordPress上运行。如果结果（当然是在你点击返回之后）显示一个WordPress登录页面（或类似的东西），那么该站点可能由WordPress提供支持。
此外，高级用户可以选择隐藏登录地址、移动它们或密码保护它们以提高安全性。换句话说，这样查询有时候也显得毫无意义。
同样，您可以将“ /license.txt ”和“ /readme.html ”附加到域名以查看默认安装的另外两个WordPress页面，但许多人无视这些并删除它们。
推荐：Defender Security插件WordPress安全插件教程
3、源代码中查找wp-content
几乎可以在任何地方查看网页的源代码，通常是通过“ 查看 ”(Chrome)、“ 开发 ”(Safari[Safari菜单>首选项>高级]) 或“ 工具 ”(Firefox)中的选项卡。您可以通过转到“查看”->“开发人员”->“查看源代码”在Chrome中查看源代码。
如何查找网站使用的WordPress主题
在新窗口中，应该会看到指向诸如“/wp-content/”和“/wp-includes/”之类的目录的链接，可以通过搜索“wp-”找到它们，如果该站点正在运行WordPress CMS内容管理系统的话。如果看到其中任何一个（可能两者兼有），通常可以确定网站使用WordPress建站的！
注意：也可以在代码的“head”部分找到“generator”标签。类似于“metaname=”generator”content=”WordPress 3.6”除非它被删除了！
4、使用在线工具
还可以使用在线服务（甚至是浏览器扩展程序）执行相同的搜索，例如Is It WordPress（免费）。
如何查找网站使用的WordPress主题
推荐：6个最好的WordPress免费时间轴插件
总结
以上是晓得博客为你介绍的怎么查找网站使用的WordPress主题的全部内容，无论为什么要检查网站使用的WordPress主题，都可以快速找到。成功的网站，如果有一个有效的设计，就可以得到充分的展示。
推荐：WordPress网站文章目录怎么悬浮在侧边栏
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何查找网站使用的WordPress主题 查看全部
如何查找网站使用的WordPress主题
wordpress建站,wordpress教程,查找网站WordPress主题
如何查找网站使用的WordPress主题
以前，使用WordPress建站一眼就能看出来是像WordPress CMS内容管理系统构建的，页眉和页脚似乎都是通用的，页面似乎是两列布局，侧边栏中有相同的小部件，不幸的是，现在已经很难一眼看出网站是通过什么构建的。
如何查找网站使用的WordPress主题
在本文中，我们晓得博客为你介绍如何查找网站使用的WordPress主题。
推荐：如何在Xampp中安装PHP GD(GD Graphics Library)
知道网站使用主题的原因
创建一个视觉上吸引人且有效的网站需要大量的思考，首选应该是选择将使用的主题：
WordPress主题通常允许您自定义网页和单个组件，例如页脚和小部件，网站的可扩展性和可用性将由自己决定。尽管通常有很多选择可，但将它们融合到完美的设计可能很困难。
而在网站上线后更改主题可能会导致品牌认知度下降和内容被破坏，可能还需要进行重塑页面和部分内容。这就是为什么你需要在一开始就选择正确的主题。无论是复制客户网站还是自己设计网站，确定您希望模仿的设计背后的主题都是有意义的。
推荐：什么是Interaction to Next Paint（INP）
判断网站是否使用WordPress的方法？1、在页脚中找“Proudly powered by WordPress”
这个不用解释了，很明显你可以跳过它！如果还没有注意到，许多WordPress网站都有一个页脚，上面写着“ Powered by WordPress ”！
如何查找网站使用的WordPress主题
有时候，他们使用的主题默认情况下有它，所以负责人都没有费心去改变它。然而，大多数WordPress驱动的网站的页脚都没有提到WordPress。
推荐：如何从WordPress网站模板底部删除Proudly powered by WordPress
2、添加 /wp-admin 到域名后面
将/wp-admin添加到站点的域名后面，可以指示它是否在WordPress上运行。如果结果（当然是在你点击返回之后）显示一个WordPress登录页面（或类似的东西），那么该站点可能由WordPress提供支持。
此外，高级用户可以选择隐藏登录地址、移动它们或密码保护它们以提高安全性。换句话说，这样查询有时候也显得毫无意义。
同样，您可以将“ /license.txt ”和“ /readme.html ”附加到域名以查看默认安装的另外两个WordPress页面，但许多人无视这些并删除它们。
推荐：Defender Security插件WordPress安全插件教程
3、源代码中查找wp-content
几乎可以在任何地方查看网页的源代码，通常是通过“ 查看 ”(Chrome)、“ 开发 ”(Safari[Safari菜单>首选项>高级]) 或“ 工具 ”(Firefox)中的选项卡。您可以通过转到“查看”->“开发人员”->“查看源代码”在Chrome中查看源代码。
如何查找网站使用的WordPress主题
在新窗口中，应该会看到指向诸如“/wp-content/”和“/wp-includes/”之类的目录的链接，可以通过搜索“wp-”找到它们，如果该站点正在运行WordPress CMS内容管理系统的话。如果看到其中任何一个（可能两者兼有），通常可以确定网站使用WordPress建站的！
注意：也可以在代码的“head”部分找到“generator”标签。类似于“metaname=”generator”content=”WordPress 3.6”除非它被删除了！
4、使用在线工具
还可以使用在线服务（甚至是浏览器扩展程序）执行相同的搜索，例如Is It WordPress（免费）。
如何查找网站使用的WordPress主题
推荐：6个最好的WordPress免费时间轴插件
总结
以上是晓得博客为你介绍的怎么查找网站使用的WordPress主题的全部内容，无论为什么要检查网站使用的WordPress主题，都可以快速找到。成功的网站，如果有一个有效的设计，就可以得到充分的展示。
推荐：WordPress网站文章目录怎么悬浮在侧边栏
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何查找网站使用的WordPress主题
如何设置WordPress标签云
网站优化 • 优采云 发表了文章 • 0 个评论 • 147 次浏览 • 2022-08-26 11:35
如何设置WordPress标签云
如何设置WordPress标签云
WordPress标签是在WordPress CMS内容管理系统中您可以对类似详细信息对帖子进行分组的工具之一。通常，标签位于帖子下方或侧边栏中。当访问者单击特定标签时，WordPress将打开一个存档页面（标签页面），索引所有具有相同标签的帖子和自定义帖子类型。
如何设置WordPress标签云
标签在组织内容方面起着至关重要的作用。它们对您的用户体验和SEO有直接影响。
很多人使用WordPress中的标签云小部件在其侧边栏上显示他们的帖子标签，但也可以手动将标签云添加到主题，本文，晓得博客为你介绍如何设置WordPress标签云。
推荐：5个免费的WordPress标签云插件
什么是WordPress标签
标签提供了一种在WordPress中组织帖子的简单方法，标签为网站访问者提供更多好处。标签不仅可以使您的访问者免于滚动浏览未分类帖子的提要，而且还可以帮助这些访问者快速找到相关内容。这将有助于增加他们查看更多帖子并在您的网站上停留更长时间的机会。
推荐：什么是wordpress tag标签
可在wp-includes/category-template.php搜索wp_tag_cloud找到以下代码：
'smallest'=>8,'largest'=>22,'unit'=>'pt','number'=>45,'format'=>'flat','separator'=>"\n",'orderby'=>'name','order'=>'ASC','exclude'=>'','include'=>'','link'=>'view','taxonomy'=>'post_tag','post_type'=>'','echo'=>true,'show_count'=>0,
具体的参数说明:
WordPress类别与标签
类别和标签都是WordPress的分类法。简而言之，他们对您的帖子进行分类。类别和标签之间的主要区别在于它们涵盖的主题的大小。类别对帖子的广泛主题进行分组，而标签描述内容中的特定细节。
推荐：WordPress网站类别和标签
在WordPress中设置标签云的数量
如何设置WordPress标签云
在使用WordPress建站时，有时候想显示的标签云数量太多，需要控制数量，那么将以下代码添加到functions.php中，即可
add_filter('widget_tag_cloud_args', 'tag_widget_limit');<br /> function tag_widget_limit($args){<br /> <br /> if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){<br /> $args['number'] = 19; //设置tags数量<br /> }<br /> <br /> return $args;}
如何手动设置WordPress标签云
要显示标签云，您只需在要显示标签并应用参数的任何位置插入“wp_tag_cloud()”函数。下面是一个标签的快速示例，其中包括许多参数中的一些参数，在标签云参考中查看更多信息。
为标签云设置样式
可以使用CSS轻松设置标签样式，使其看起来比简单的链接列表更好。
.tagcloud a{<br /> display:block;<br /> float:left;<br /> padding:4px 10px;<br /> margin-right:7px;<br /> margin-bottom:7px;<br /> background:#EEE;<br /> color:#666;<br /> font-size:11px;<br /> font-weight:bold;<br /> text-transform:lowercase;<br /> text-shadow:1px 1px 1px #FFF;<br /> -webkit-border-radius:5px;<br /> -moz-border-radius:5px;<br /> border-radius:5px;<br /> border:1px solid #CCC;<br /> text-decoration:none;}.tagcloud a:hover{<br /> background:#F3F3F3;<br /> color:#000;<br /> text-decoration:none;}
推荐：如何将自定义CSS添加到WordPress网站
在WordPress中设置显示标签及简码
此方法要求您在WordPress主题文件中添加代码。如果您以前没有这样做过，请参阅WordPress网站如何添加自定义PHP代码？
如何设置WordPress标签云
首先，您需要将此代码添加到主题的functions.php文件或特定于站点的插件中。
function xiaoblog_tag_cloud() { $tags = get_tags();$args = array(<br /> 'smallest' => 10, <br /> 'largest' => 22,<br /> 'unit' => 'px', <br /> 'number' => 10, <br /> 'format' => 'flat',<br /> 'separator' => " ",<br /> 'orderby' => 'count', <br /> 'order' => 'DESC',<br /> 'show_count' => 1,<br /> 'echo' => false); <br /> $tag_string = wp_generate_tag_cloud( $tags, $args );<br /> return $tag_string; <br /> } // Add a shortcode add_shortcode('xiao_popular_tags', 'xiaoblog_tag_cloud'); <br /> add_filter ('widget_text', 'do_shortcode');
此代码在云标签中从你网站生成前10个标签，每个标签中都有帖子数，会创建一个简码xiao_popular_tags并在文本小部件中启用简码。现在可以将[xiao_popular_tags]简码添加在任何帖子、页面或小部件中以显示标签。
使用插件显示标签云
还可以使用自定义标签云插件将标签添加到任何帖子或页面。只需安装Cool Tag Cloud插件，即可使用简码将自定义标签云添加到您的小部件、帖子和页面。该插件包括用于显示帖子、类别和链接类别标签的选项。此外，您还可以设置显示的数字、添加自定义标签分隔符并选择云模式。
推荐：WordPress标签云Cool Tag Cloud标签云插件教程
总结
以上是晓得博客为你介绍的如何设置WordPress标签云的全部内容，希望本文能帮助了解怎么在WordPress中设置最流行的标签，如有问题，欢迎留言探讨。
推荐：WP Table Manager插件教程WordPress网站创建表格和图表
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何设置WordPress标签云 查看全部
如何设置WordPress标签云
WordPress标签是在WordPress CMS内容管理系统中您可以对类似详细信息对帖子进行分组的工具之一。通常，标签位于帖子下方或侧边栏中。当访问者单击特定标签时，WordPress将打开一个存档页面（标签页面），索引所有具有相同标签的帖子和自定义帖子类型。
如何设置WordPress标签云
标签在组织内容方面起着至关重要的作用。它们对您的用户体验和SEO有直接影响。
很多人使用WordPress中的标签云小部件在其侧边栏上显示他们的帖子标签，但也可以手动将标签云添加到主题，本文，晓得博客为你介绍如何设置WordPress标签云。
推荐：5个免费的WordPress标签云插件
什么是WordPress标签
标签提供了一种在WordPress中组织帖子的简单方法，标签为网站访问者提供更多好处。标签不仅可以使您的访问者免于滚动浏览未分类帖子的提要，而且还可以帮助这些访问者快速找到相关内容。这将有助于增加他们查看更多帖子并在您的网站上停留更长时间的机会。
推荐：什么是wordpress tag标签
可在wp-includes/category-template.php搜索wp_tag_cloud找到以下代码：
'smallest'=>8,'largest'=>22,'unit'=>'pt','number'=>45,'format'=>'flat','separator'=>"\n",'orderby'=>'name','order'=>'ASC','exclude'=>'','include'=>'','link'=>'view','taxonomy'=>'post_tag','post_type'=>'','echo'=>true,'show_count'=>0,
具体的参数说明:
WordPress类别与标签
类别和标签都是WordPress的分类法。简而言之，他们对您的帖子进行分类。类别和标签之间的主要区别在于它们涵盖的主题的大小。类别对帖子的广泛主题进行分组，而标签描述内容中的特定细节。
推荐：WordPress网站类别和标签
在WordPress中设置标签云的数量
如何设置WordPress标签云
在使用WordPress建站时，有时候想显示的标签云数量太多，需要控制数量，那么将以下代码添加到functions.php中，即可
add_filter('widget_tag_cloud_args', 'tag_widget_limit');<br /> function tag_widget_limit($args){<br /> <br /> if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){<br /> $args['number'] = 19; //设置tags数量<br /> }<br /> <br /> return $args;}
如何手动设置WordPress标签云
要显示标签云，您只需在要显示标签并应用参数的任何位置插入“wp_tag_cloud()”函数。下面是一个标签的快速示例，其中包括许多参数中的一些参数，在标签云参考中查看更多信息。
为标签云设置样式
可以使用CSS轻松设置标签样式，使其看起来比简单的链接列表更好。
.tagcloud a{<br /> display:block;<br /> float:left;<br /> padding:4px 10px;<br /> margin-right:7px;<br /> margin-bottom:7px;<br /> background:#EEE;<br /> color:#666;<br /> font-size:11px;<br /> font-weight:bold;<br /> text-transform:lowercase;<br /> text-shadow:1px 1px 1px #FFF;<br /> -webkit-border-radius:5px;<br /> -moz-border-radius:5px;<br /> border-radius:5px;<br /> border:1px solid #CCC;<br /> text-decoration:none;}.tagcloud a:hover{<br /> background:#F3F3F3;<br /> color:#000;<br /> text-decoration:none;}
推荐：如何将自定义CSS添加到WordPress网站
在WordPress中设置显示标签及简码
此方法要求您在WordPress主题文件中添加代码。如果您以前没有这样做过，请参阅WordPress网站如何添加自定义PHP代码？
如何设置WordPress标签云
首先，您需要将此代码添加到主题的functions.php文件或特定于站点的插件中。
function xiaoblog_tag_cloud() { $tags = get_tags();$args = array(<br /> 'smallest' => 10, <br /> 'largest' => 22,<br /> 'unit' => 'px', <br /> 'number' => 10, <br /> 'format' => 'flat',<br /> 'separator' => " ",<br /> 'orderby' => 'count', <br /> 'order' => 'DESC',<br /> 'show_count' => 1,<br /> 'echo' => false); <br /> $tag_string = wp_generate_tag_cloud( $tags, $args );<br /> return $tag_string; <br /> } // Add a shortcode add_shortcode('xiao_popular_tags', 'xiaoblog_tag_cloud'); <br /> add_filter ('widget_text', 'do_shortcode');
此代码在云标签中从你网站生成前10个标签，每个标签中都有帖子数，会创建一个简码xiao_popular_tags并在文本小部件中启用简码。现在可以将[xiao_popular_tags]简码添加在任何帖子、页面或小部件中以显示标签。
使用插件显示标签云
还可以使用自定义标签云插件将标签添加到任何帖子或页面。只需安装Cool Tag Cloud插件，即可使用简码将自定义标签云添加到您的小部件、帖子和页面。该插件包括用于显示帖子、类别和链接类别标签的选项。此外，您还可以设置显示的数字、添加自定义标签分隔符并选择云模式。
推荐：WordPress标签云Cool Tag Cloud标签云插件教程
总结
以上是晓得博客为你介绍的如何设置WordPress标签云的全部内容，希望本文能帮助了解怎么在WordPress中设置最流行的标签，如有问题，欢迎留言探讨。
推荐：WP Table Manager插件教程WordPress网站创建表格和图表
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何设置WordPress标签云 查看全部
如何设置WordPress标签云
如何设置WordPress标签云
WordPress标签是在WordPress CMS内容管理系统中您可以对类似详细信息对帖子进行分组的工具之一。通常，标签位于帖子下方或侧边栏中。当访问者单击特定标签时，WordPress将打开一个存档页面（标签页面），索引所有具有相同标签的帖子和自定义帖子类型。
如何设置WordPress标签云
标签在组织内容方面起着至关重要的作用。它们对您的用户体验和SEO有直接影响。
很多人使用WordPress中的标签云小部件在其侧边栏上显示他们的帖子标签，但也可以手动将标签云添加到主题，本文，晓得博客为你介绍如何设置WordPress标签云。
推荐：5个免费的WordPress标签云插件
什么是WordPress标签
标签提供了一种在WordPress中组织帖子的简单方法，标签为网站访问者提供更多好处。标签不仅可以使您的访问者免于滚动浏览未分类帖子的提要，而且还可以帮助这些访问者快速找到相关内容。这将有助于增加他们查看更多帖子并在您的网站上停留更长时间的机会。
推荐：什么是wordpress tag标签
可在wp-includes/category-template.php搜索wp_tag_cloud找到以下代码：
'smallest'=>8,'largest'=>22,'unit'=>'pt','number'=>45,'format'=>'flat','separator'=>"\n",'orderby'=>'name','order'=>'ASC','exclude'=>'','include'=>'','link'=>'view','taxonomy'=>'post_tag','post_type'=>'','echo'=>true,'show_count'=>0,
具体的参数说明:
WordPress类别与标签
类别和标签都是WordPress的分类法。简而言之，他们对您的帖子进行分类。类别和标签之间的主要区别在于它们涵盖的主题的大小。类别对帖子的广泛主题进行分组，而标签描述内容中的特定细节。
推荐：WordPress网站类别和标签
在WordPress中设置标签云的数量
如何设置WordPress标签云
在使用WordPress建站时，有时候想显示的标签云数量太多，需要控制数量，那么将以下代码添加到functions.php中，即可
add_filter('widget_tag_cloud_args', 'tag_widget_limit');<br /> function tag_widget_limit($args){<br /> <br /> if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){<br /> $args['number'] = 19; //设置tags数量<br /> }<br /> <br /> return $args;}
如何手动设置WordPress标签云
要显示标签云，您只需在要显示标签并应用参数的任何位置插入“wp_tag_cloud()”函数。下面是一个标签的快速示例，其中包括许多参数中的一些参数，在标签云参考中查看更多信息。
为标签云设置样式
可以使用CSS轻松设置标签样式，使其看起来比简单的链接列表更好。
.tagcloud a{<br /> display:block;<br /> float:left;<br /> padding:4px 10px;<br /> margin-right:7px;<br /> margin-bottom:7px;<br /> background:#EEE;<br /> color:#666;<br /> font-size:11px;<br /> font-weight:bold;<br /> text-transform:lowercase;<br /> text-shadow:1px 1px 1px #FFF;<br /> -webkit-border-radius:5px;<br /> -moz-border-radius:5px;<br /> border-radius:5px;<br /> border:1px solid #CCC;<br /> text-decoration:none;}.tagcloud a:hover{<br /> background:#F3F3F3;<br /> color:#000;<br /> text-decoration:none;}
推荐：如何将自定义CSS添加到WordPress网站
在WordPress中设置显示标签及简码
此方法要求您在WordPress主题文件中添加代码。如果您以前没有这样做过，请参阅WordPress网站如何添加自定义PHP代码？
如何设置WordPress标签云
首先，您需要将此代码添加到主题的functions.php文件或特定于站点的插件中。
function xiaoblog_tag_cloud() { $tags = get_tags();$args = array(<br /> 'smallest' => 10, <br /> 'largest' => 22,<br /> 'unit' => 'px', <br /> 'number' => 10, <br /> 'format' => 'flat',<br /> 'separator' => " ",<br /> 'orderby' => 'count', <br /> 'order' => 'DESC',<br /> 'show_count' => 1,<br /> 'echo' => false); <br /> $tag_string = wp_generate_tag_cloud( $tags, $args );<br /> return $tag_string; <br /> } // Add a shortcode add_shortcode('xiao_popular_tags', 'xiaoblog_tag_cloud'); <br /> add_filter ('widget_text', 'do_shortcode');
此代码在云标签中从你网站生成前10个标签，每个标签中都有帖子数，会创建一个简码xiao_popular_tags并在文本小部件中启用简码。现在可以将[xiao_popular_tags]简码添加在任何帖子、页面或小部件中以显示标签。
使用插件显示标签云
还可以使用自定义标签云插件将标签添加到任何帖子或页面。只需安装Cool Tag Cloud插件，即可使用简码将自定义标签云添加到您的小部件、帖子和页面。该插件包括用于显示帖子、类别和链接类别标签的选项。此外，您还可以设置显示的数字、添加自定义标签分隔符并选择云模式。
推荐：WordPress标签云Cool Tag Cloud标签云插件教程
总结
以上是晓得博客为你介绍的如何设置WordPress标签云的全部内容，希望本文能帮助了解怎么在WordPress中设置最流行的标签，如有问题，欢迎留言探讨。
推荐：WP Table Manager插件教程WordPress网站创建表格和图表
晓得博客，版权所有丨如未注明，均为原创
晓得博客»如何设置WordPress标签云
用了那么多个开源博客系统，还是最喜欢这个（附文档）
网站优化 • 优采云 发表了文章 • 0 个评论 • 74 次浏览 • 2022-08-24 04:41
用了那么多个开源博客系统，还是最喜欢这个（附文档）
正文
大家好，我是小乐。
今天，推荐一个博客系统项目。乐哥第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的博客系统项目啊，乐哥帮你找到了。
这是我目前见过最好的博客系统项目。功能完整，代码结构清晰。值得推荐。
项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近乐哥在逛网站的时候发现一个不错的资料文档，乐哥觉得不错，值得拿出来和大家分享下。</p>
大多数程序员都想要拥有一个自己的博客网站，一方面是想记录自己平常的经验心得，另一方面随着博客文章内容的积累，后期兴许还能发展出副业。
开源的博客有很多，诸如OneBlog、solo、plumemo、halo等，看了很多现成的比较成熟的开源博客系统，我发现还是最喜欢Halo。
Halo是一个优秀的现代化的博客/CMS系统，博客可选主题丰富，还提供了小程序端，而且搭建步骤很简单。
Halo特性
Halo的主要特性如下：
前面提到过Halo的可选主题十分丰富，有多丰富呢？下图就一目了然了：
<p mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="box-sizing: border-box !important;margin: 0px 8px;padding: 0px;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;clear: both;min-height: 1em;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-indent: 0px;text-transform: none;white-space: normal;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;caret-color: rgb(51, 51, 51);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;text-align: center;line-height: 25.6px;">牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
Halo安装步骤
目前运行 Halo 的最低依赖要求为 JRE 11，请务必确保在进行下面操作之前已经正确安装了 JRE。检查 JRE 版本：
java -version<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
如果正确输出了 JRE 的版本，那么请继续进行下面的操作。此文档不会包含 JRE 的具体安装方式。
1、创建新的系统用户，创建一个名为 halo 的用户
useradd -m halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
给予 sudo 权限
usermod -aG wheel halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
为 halo 用户创建密码
passwd halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
登录到 halo 账户
su - halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
2、创建存放运行包的目录
mkdir ~/app && cd ~/app<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
3、下载运行包
wget https://dl.halo.run/release/halo-1.4.6.jar -O halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
4、创建工作目录
mkdir ~/.halo && cd ~/.halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
5、下载示例配置文件到工作目录
wget https://dl.halo.run/config/app ... .yaml -O ./application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
6、编辑配置文件，配置数据库或者端口等
vim application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
7、测试运行 Halo
cd ~/app && java -jar halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
8、如看到类似以下日志输出，则代表启动成功
run.halo.app.listener.StartedListener : Halo started at http://127.0.0.1:8090<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo admin started at http://127.0.0.1:8090/admin<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo has started successfully!<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
打开 :端口号，即可看到安装引导界面。
具体的安装指南，创建者还发布了详细的文档，当兴趣的可以去看看。
总体来说，用Halo搭建一个网站的感觉还是不错的，有使用过的伙伴们么？一起分享一下使用感受啊
<br />
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin-top: 1px;margin-bottom: 1px;padding-top: 8px;padding-bottom: 8px;outline: 0px;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
扫码下方二维码，后台回复【博客】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="padding-top: 1em;padding-bottom: 8px;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
最后给读者整理了一份BAT大厂面试真题，需要的可扫码加微信备注：“面试”获取。
--END--
（放到你圈子里，朋友们会感激您）
PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。本文仅供交流学习 , 版权归属原作者。温馨提示：《程序员小乐》推文内容如有侵权请您告知我们会在第一时间处理或撤销；互联网是一个资源共享的生态圈，我们崇尚分享。往日好文： 查看全部
正文
大家好，我是小乐。
今天，推荐一个博客系统项目。乐哥第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的博客系统项目啊，乐哥帮你找到了。
这是我目前见过最好的博客系统项目。功能完整，代码结构清晰。值得推荐。
项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近乐哥在逛网站的时候发现一个不错的资料文档，乐哥觉得不错，值得拿出来和大家分享下。</p>
大多数程序员都想要拥有一个自己的博客网站，一方面是想记录自己平常的经验心得，另一方面随着博客文章内容的积累，后期兴许还能发展出副业。
开源的博客有很多，诸如OneBlog、solo、plumemo、halo等，看了很多现成的比较成熟的开源博客系统，我发现还是最喜欢Halo。
Halo是一个优秀的现代化的博客/CMS系统，博客可选主题丰富，还提供了小程序端，而且搭建步骤很简单。
Halo特性
Halo的主要特性如下：
前面提到过Halo的可选主题十分丰富，有多丰富呢？下图就一目了然了：
<p mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="box-sizing: border-box !important;margin: 0px 8px;padding: 0px;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;clear: both;min-height: 1em;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-indent: 0px;text-transform: none;white-space: normal;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;caret-color: rgb(51, 51, 51);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;text-align: center;line-height: 25.6px;">牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
Halo安装步骤
目前运行 Halo 的最低依赖要求为 JRE 11，请务必确保在进行下面操作之前已经正确安装了 JRE。检查 JRE 版本：
java -version<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
如果正确输出了 JRE 的版本，那么请继续进行下面的操作。此文档不会包含 JRE 的具体安装方式。
1、创建新的系统用户，创建一个名为 halo 的用户
useradd -m halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
给予 sudo 权限
usermod -aG wheel halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
为 halo 用户创建密码
passwd halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
登录到 halo 账户
su - halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
2、创建存放运行包的目录
mkdir ~/app && cd ~/app<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
3、下载运行包
wget https://dl.halo.run/release/halo-1.4.6.jar -O halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
4、创建工作目录
mkdir ~/.halo && cd ~/.halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
5、下载示例配置文件到工作目录
wget https://dl.halo.run/config/app ... .yaml -O ./application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
6、编辑配置文件，配置数据库或者端口等
vim application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
7、测试运行 Halo
cd ~/app && java -jar halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
8、如看到类似以下日志输出，则代表启动成功
run.halo.app.listener.StartedListener : Halo started at http://127.0.0.1:8090<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo admin started at http://127.0.0.1:8090/admin<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo has started successfully!<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
打开 :端口号，即可看到安装引导界面。
具体的安装指南，创建者还发布了详细的文档，当兴趣的可以去看看。
总体来说，用Halo搭建一个网站的感觉还是不错的，有使用过的伙伴们么？一起分享一下使用感受啊
<br />
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin-top: 1px;margin-bottom: 1px;padding-top: 8px;padding-bottom: 8px;outline: 0px;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
扫码下方二维码，后台回复【博客】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="padding-top: 1em;padding-bottom: 8px;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
最后给读者整理了一份BAT大厂面试真题，需要的可扫码加微信备注：“面试”获取。
--END--
（放到你圈子里，朋友们会感激您）
PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。本文仅供交流学习 , 版权归属原作者。温馨提示：《程序员小乐》推文内容如有侵权请您告知我们会在第一时间处理或撤销；互联网是一个资源共享的生态圈，我们崇尚分享。往日好文： 查看全部
用了那么多个开源博客系统，还是最喜欢这个（附文档）
正文
大家好，我是小乐。
今天，推荐一个博客系统项目。乐哥第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的博客系统项目啊，乐哥帮你找到了。
这是我目前见过最好的博客系统项目。功能完整，代码结构清晰。值得推荐。
项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近乐哥在逛网站的时候发现一个不错的资料文档，乐哥觉得不错，值得拿出来和大家分享下。</p>
大多数程序员都想要拥有一个自己的博客网站，一方面是想记录自己平常的经验心得，另一方面随着博客文章内容的积累，后期兴许还能发展出副业。
开源的博客有很多，诸如OneBlog、solo、plumemo、halo等，看了很多现成的比较成熟的开源博客系统，我发现还是最喜欢Halo。
Halo是一个优秀的现代化的博客/CMS系统，博客可选主题丰富，还提供了小程序端，而且搭建步骤很简单。
Halo特性
Halo的主要特性如下：
前面提到过Halo的可选主题十分丰富，有多丰富呢？下图就一目了然了：
<p mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="box-sizing: border-box !important;margin: 0px 8px;padding: 0px;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;clear: both;min-height: 1em;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-indent: 0px;text-transform: none;white-space: normal;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;caret-color: rgb(51, 51, 51);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;text-align: center;line-height: 25.6px;">牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
Halo安装步骤
目前运行 Halo 的最低依赖要求为 JRE 11，请务必确保在进行下面操作之前已经正确安装了 JRE。检查 JRE 版本：
java -version<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
如果正确输出了 JRE 的版本，那么请继续进行下面的操作。此文档不会包含 JRE 的具体安装方式。
1、创建新的系统用户，创建一个名为 halo 的用户
useradd -m halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
给予 sudo 权限
usermod -aG wheel halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
为 halo 用户创建密码
passwd halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
登录到 halo 账户
su - halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
2、创建存放运行包的目录
mkdir ~/app && cd ~/app<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
3、下载运行包
wget https://dl.halo.run/release/halo-1.4.6.jar -O halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
4、创建工作目录
mkdir ~/.halo && cd ~/.halo<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
5、下载示例配置文件到工作目录
wget https://dl.halo.run/config/app ... .yaml -O ./application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
6、编辑配置文件，配置数据库或者端口等
vim application.yaml<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
7、测试运行 Halo
cd ~/app && java -jar halo.jar<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
8、如看到类似以下日志输出，则代表启动成功
run.halo.app.listener.StartedListener : Halo started at http://127.0.0.1:8090<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo admin started at http://127.0.0.1:8090/admin<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />run.halo.app.listener.StartedListener : Halo has started successfully!<br style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: inherit;color: inherit;line-height: inherit;overflow-wrap: inherit !important;word-break: inherit !important;" />
打开 :端口号，即可看到安装引导界面。
具体的安装指南，创建者还发布了详细的文档，当兴趣的可以去看看。
总体来说，用Halo搭建一个网站的感觉还是不错的，有使用过的伙伴们么？一起分享一下使用感受啊
<br />
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin-top: 1px;margin-bottom: 1px;padding-top: 8px;padding-bottom: 8px;outline: 0px;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
扫码下方二维码，后台回复【博客】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="padding-top: 1em;padding-bottom: 8px;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
最后给读者整理了一份BAT大厂面试真题，需要的可扫码加微信备注：“面试”获取。
--END--
（放到你圈子里，朋友们会感激您）
PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。本文仅供交流学习 , 版权归属原作者。温馨提示：《程序员小乐》推文内容如有侵权请您告知我们会在第一时间处理或撤销；互联网是一个资源共享的生态圈，我们崇尚分享。往日好文：
用低代码实现数据管理的思考（一）
网站优化 • 优采云 发表了文章 • 0 个评论 • 59 次浏览 • 2022-08-09 09:12
用低代码实现数据管理的思考（一）
如今您搭建一个网站，肯定不会从编写基础代码开始。那么为什么要从头开始编写公司数据资产呢？事实证明，数据工程师和商业运营及销售人员可以从网站开发的历史中学到很多东西，以帮助我们管理我们的企业数据资产。
在Internet的早期，网站是使用HTML和CSS等编码语言从头开始开发的。这是一个复杂的过程，通常需要一个网页设计师和若干开发人员团队历经数月开发完成。
以这种方式构建网站实际上有许多优点：
（1）设计精度：全方位把控网站的设计。
（2）定制：可以根据一组非常具体的要求定制网站。
（3）托管和存储：它使网站所有者可以完全控制网站的托管、存储和迁移。
但另一方面，从头开始开发网站有几个缺点：
（1）昂贵：这非常耗时且昂贵。
（2）技术门槛高：它需要大量的编码知识和技能（这对普通员工来说很难）。
（3）容易出错：容易出现逻辑错误和编码错误，很难追踪和修复。
向低代码网站开发的转变
随着越来越多的人开始使用Internet，可以使用更好的工具和资源。如今，市场上已经有了低代码内容管理系统 (CMS) 和拖放式网站构建器（WordPress、HubSpot、Shopify、Squarespace 等），无需任何编码即可轻松创建具有专业外观的网站。
图为中经软件提供的CEISCMS系统特点
虽然仍然有一些非常具体的用例需要从头开始编写网站，但绝大多数情况下，使用低代码 CMS 或拖放构建模块是公司创建网站更好的选择。
这种转变导致构建网站所需的时间和精力大大减少。事实上，您现在可以使用这些低代码工具在几个小时内创建一个完整的网站。
图为中经软件提供的CEISCMS系统的功能展示
这样做的好处非常明显：
自动化：开发人员可以将所有重复、乏味的任务自动化，这样他们就可以专注于网站开发中更复杂和更有价值的研究。
综合经验：支持代码自动生成的算法综合了更多开发人员的经验和最佳实践的经验。
错误更少：由这些工具自动生成的代码不仅可靠，而且比人工编写的代码更不容易出错。
便捷：通过利用其他人创建的代码，您可以在很短的时间内完成从构思到模型再到发布。
适应性强且面向未来：网络以惊人的速度发展，代码会自动适应它，因此您不必为更新和维护升级底层基础代码而担心。
至少，低代码网站构建器可以帮助您快速完成前80% 的网站开发工作，因此您可以将精力放在最后 20%的手动自定义和内容调整上，以满足您公司的独特需求。
讲到这里，您大概已经明白了，网站开发和数据管理领域之间其实有着非常多的相似之处。
数据管理的黑暗时代：复杂的工具堆栈/手动编码
与网站开发一样，数据准备过程传统上依赖于高度复杂的工具堆栈、不断增长的数据源和系统列表，需要花费数月时间通过人工编码将每个部分链接成数据“管道”。
这种方法有以下几个问题：
人工编码和管道创建：必须手动构建每个新数据源、数据存储和用例（例如分析报告），这通常会导致创建的庞大管道网络非常脆弱。
成堆的工具堆栈：为了使工作更加复杂，通常有一个单独的工具堆栈来管理管道的每个阶段，这让使用的工具堆栈数量成倍增加，并产生了额外的代码和专业化孤岛。
脆弱、僵化的基础设施：构建和维护这些复杂的数据基础设施及管道不仅成本高昂且耗时，而且还会导致安全漏洞，并使未来采用新技术变得极其困难。
脆弱的管道：更糟糕的是，这些数据管道很难构建，但很容易破坏。更高的复杂性意味着意外的错误有可能破坏流程、破坏数据甚至破坏整个管道。
手动文档和调试：每次发生错误时，数据工程师都必须花时间溯源数据并追踪错误。如果元数据文档不完整或缺失，这将非常困难。
这种方法是缓慢、痛苦和昂贵的，我们称之为数据管理的“黑暗时代”，因为它依赖于手动流程、脆弱的基础架构和高故障率。
值得庆幸的是，有一种新方法可以构建您的数据基础架构，该方法显著提高了效率、弹性和可扩展性--这就是低代码数据管理！
（未完待续...）
关于我们
中经网软件公司是一家集应用软件开发、系统集成、技术运维于一体的创新型科技公司，专注于为客户提供社会公共信用平台建设及技术保障、门户网站建设、网络培训、IT系统运维、智慧党建等业务的方案、产品与服务。公司继承了中经网数据有限公司在信息资源整合、大数据分析、软件开发等方面的能力，核心团队成员均有10年以上软件从业经验，公司产品及服务能力得到国家发改委、中联部等大客户的认可。
业务范围：公共信用平台建设、门户网站建设、网络培训、IT系统运维、智慧党建、大数据分析、安全咨询、网络服务、定制开发。
访问官网 查看全部
如今您搭建一个网站，肯定不会从编写基础代码开始。那么为什么要从头开始编写公司数据资产呢？事实证明，数据工程师和商业运营及销售人员可以从网站开发的历史中学到很多东西，以帮助我们管理我们的企业数据资产。
在Internet的早期，网站是使用HTML和CSS等编码语言从头开始开发的。这是一个复杂的过程，通常需要一个网页设计师和若干开发人员团队历经数月开发完成。
以这种方式构建网站实际上有许多优点：
（1）设计精度：全方位把控网站的设计。
（2）定制：可以根据一组非常具体的要求定制网站。
（3）托管和存储：它使网站所有者可以完全控制网站的托管、存储和迁移。
但另一方面，从头开始开发网站有几个缺点：
（1）昂贵：这非常耗时且昂贵。
（2）技术门槛高：它需要大量的编码知识和技能（这对普通员工来说很难）。
（3）容易出错：容易出现逻辑错误和编码错误，很难追踪和修复。
向低代码网站开发的转变
随着越来越多的人开始使用Internet，可以使用更好的工具和资源。如今，市场上已经有了低代码内容管理系统 (CMS) 和拖放式网站构建器（WordPress、HubSpot、Shopify、Squarespace 等），无需任何编码即可轻松创建具有专业外观的网站。
图为中经软件提供的CEISCMS系统特点
虽然仍然有一些非常具体的用例需要从头开始编写网站，但绝大多数情况下，使用低代码 CMS 或拖放构建模块是公司创建网站更好的选择。
这种转变导致构建网站所需的时间和精力大大减少。事实上，您现在可以使用这些低代码工具在几个小时内创建一个完整的网站。
图为中经软件提供的CEISCMS系统的功能展示
这样做的好处非常明显：
自动化：开发人员可以将所有重复、乏味的任务自动化，这样他们就可以专注于网站开发中更复杂和更有价值的研究。
综合经验：支持代码自动生成的算法综合了更多开发人员的经验和最佳实践的经验。
错误更少：由这些工具自动生成的代码不仅可靠，而且比人工编写的代码更不容易出错。
便捷：通过利用其他人创建的代码，您可以在很短的时间内完成从构思到模型再到发布。
适应性强且面向未来：网络以惊人的速度发展，代码会自动适应它，因此您不必为更新和维护升级底层基础代码而担心。
至少，低代码网站构建器可以帮助您快速完成前80% 的网站开发工作，因此您可以将精力放在最后 20%的手动自定义和内容调整上，以满足您公司的独特需求。
讲到这里，您大概已经明白了，网站开发和数据管理领域之间其实有着非常多的相似之处。
数据管理的黑暗时代：复杂的工具堆栈/手动编码
与网站开发一样，数据准备过程传统上依赖于高度复杂的工具堆栈、不断增长的数据源和系统列表，需要花费数月时间通过人工编码将每个部分链接成数据“管道”。
这种方法有以下几个问题：
人工编码和管道创建：必须手动构建每个新数据源、数据存储和用例（例如分析报告），这通常会导致创建的庞大管道网络非常脆弱。
成堆的工具堆栈：为了使工作更加复杂，通常有一个单独的工具堆栈来管理管道的每个阶段，这让使用的工具堆栈数量成倍增加，并产生了额外的代码和专业化孤岛。
脆弱、僵化的基础设施：构建和维护这些复杂的数据基础设施及管道不仅成本高昂且耗时，而且还会导致安全漏洞，并使未来采用新技术变得极其困难。
脆弱的管道：更糟糕的是，这些数据管道很难构建，但很容易破坏。更高的复杂性意味着意外的错误有可能破坏流程、破坏数据甚至破坏整个管道。
手动文档和调试：每次发生错误时，数据工程师都必须花时间溯源数据并追踪错误。如果元数据文档不完整或缺失，这将非常困难。
这种方法是缓慢、痛苦和昂贵的，我们称之为数据管理的“黑暗时代”，因为它依赖于手动流程、脆弱的基础架构和高故障率。
值得庆幸的是，有一种新方法可以构建您的数据基础架构，该方法显著提高了效率、弹性和可扩展性--这就是低代码数据管理！
（未完待续...）
关于我们
中经网软件公司是一家集应用软件开发、系统集成、技术运维于一体的创新型科技公司，专注于为客户提供社会公共信用平台建设及技术保障、门户网站建设、网络培训、IT系统运维、智慧党建等业务的方案、产品与服务。公司继承了中经网数据有限公司在信息资源整合、大数据分析、软件开发等方面的能力，核心团队成员均有10年以上软件从业经验，公司产品及服务能力得到国家发改委、中联部等大客户的认可。
业务范围：公共信用平台建设、门户网站建设、网络培训、IT系统运维、智慧党建、大数据分析、安全咨询、网络服务、定制开发。
访问官网 查看全部
用低代码实现数据管理的思考（一）
如今您搭建一个网站，肯定不会从编写基础代码开始。那么为什么要从头开始编写公司数据资产呢？事实证明，数据工程师和商业运营及销售人员可以从网站开发的历史中学到很多东西，以帮助我们管理我们的企业数据资产。
在Internet的早期，网站是使用HTML和CSS等编码语言从头开始开发的。这是一个复杂的过程，通常需要一个网页设计师和若干开发人员团队历经数月开发完成。
以这种方式构建网站实际上有许多优点：
（1）设计精度：全方位把控网站的设计。
（2）定制：可以根据一组非常具体的要求定制网站。
（3）托管和存储：它使网站所有者可以完全控制网站的托管、存储和迁移。
但另一方面，从头开始开发网站有几个缺点：
（1）昂贵：这非常耗时且昂贵。
（2）技术门槛高：它需要大量的编码知识和技能（这对普通员工来说很难）。
（3）容易出错：容易出现逻辑错误和编码错误，很难追踪和修复。
向低代码网站开发的转变
随着越来越多的人开始使用Internet，可以使用更好的工具和资源。如今，市场上已经有了低代码内容管理系统 (CMS) 和拖放式网站构建器（WordPress、HubSpot、Shopify、Squarespace 等），无需任何编码即可轻松创建具有专业外观的网站。
图为中经软件提供的CEISCMS系统特点
虽然仍然有一些非常具体的用例需要从头开始编写网站，但绝大多数情况下，使用低代码 CMS 或拖放构建模块是公司创建网站更好的选择。
这种转变导致构建网站所需的时间和精力大大减少。事实上，您现在可以使用这些低代码工具在几个小时内创建一个完整的网站。
图为中经软件提供的CEISCMS系统的功能展示
这样做的好处非常明显：
自动化：开发人员可以将所有重复、乏味的任务自动化，这样他们就可以专注于网站开发中更复杂和更有价值的研究。
综合经验：支持代码自动生成的算法综合了更多开发人员的经验和最佳实践的经验。
错误更少：由这些工具自动生成的代码不仅可靠，而且比人工编写的代码更不容易出错。
便捷：通过利用其他人创建的代码，您可以在很短的时间内完成从构思到模型再到发布。
适应性强且面向未来：网络以惊人的速度发展，代码会自动适应它，因此您不必为更新和维护升级底层基础代码而担心。
至少，低代码网站构建器可以帮助您快速完成前80% 的网站开发工作，因此您可以将精力放在最后 20%的手动自定义和内容调整上，以满足您公司的独特需求。
讲到这里，您大概已经明白了，网站开发和数据管理领域之间其实有着非常多的相似之处。
数据管理的黑暗时代：复杂的工具堆栈/手动编码
与网站开发一样，数据准备过程传统上依赖于高度复杂的工具堆栈、不断增长的数据源和系统列表，需要花费数月时间通过人工编码将每个部分链接成数据“管道”。
这种方法有以下几个问题：
人工编码和管道创建：必须手动构建每个新数据源、数据存储和用例（例如分析报告），这通常会导致创建的庞大管道网络非常脆弱。
成堆的工具堆栈：为了使工作更加复杂，通常有一个单独的工具堆栈来管理管道的每个阶段，这让使用的工具堆栈数量成倍增加，并产生了额外的代码和专业化孤岛。
脆弱、僵化的基础设施：构建和维护这些复杂的数据基础设施及管道不仅成本高昂且耗时，而且还会导致安全漏洞，并使未来采用新技术变得极其困难。
脆弱的管道：更糟糕的是，这些数据管道很难构建，但很容易破坏。更高的复杂性意味着意外的错误有可能破坏流程、破坏数据甚至破坏整个管道。
手动文档和调试：每次发生错误时，数据工程师都必须花时间溯源数据并追踪错误。如果元数据文档不完整或缺失，这将非常困难。
这种方法是缓慢、痛苦和昂贵的，我们称之为数据管理的“黑暗时代”，因为它依赖于手动流程、脆弱的基础架构和高故障率。
值得庆幸的是，有一种新方法可以构建您的数据基础架构，该方法显著提高了效率、弹性和可扩展性--这就是低代码数据管理！
（未完待续...）
关于我们
中经网软件公司是一家集应用软件开发、系统集成、技术运维于一体的创新型科技公司，专注于为客户提供社会公共信用平台建设及技术保障、门户网站建设、网络培训、IT系统运维、智慧党建等业务的方案、产品与服务。公司继承了中经网数据有限公司在信息资源整合、大数据分析、软件开发等方面的能力，核心团队成员均有10年以上软件从业经验，公司产品及服务能力得到国家发改委、中联部等大客户的认可。
业务范围：公共信用平台建设、门户网站建设、网络培训、IT系统运维、智慧党建、大数据分析、安全咨询、网络服务、定制开发。
访问官网
cms网站内容如何自定义增加？不要去问千万
网站优化 • 优采云 发表了文章 • 0 个评论 • 79 次浏览 • 2022-08-09 01:01
cms网站内容如何自定义增加？不要去问千万
cms网站内容如何自定义增加？不要去问千万不要去问千万不要去问千万不要去问一问就是500块钱，风险极大。看自己情况。如果有1万元可投，肯定投自定义增加一个。如果你想简单些，投10块钱就可以，只要你是百度1-3级的一般人，一年都投不了一万。国内的风险太大，别去看。我所有增加的都是盗版和侵权的，100%侵权，如果你是刚才百度一年你投500块钱，这个币，太强人所难了，我估计您就是用一年的时间去逐步翻新，找存在感。
否则请您别投钱。自定义添加的所有词，自己没有购买卖家的权限限制。卖家赠送权限除外。自定义后，一定要分析词库，词库太好没有意义，毕竟之前是新榜花大力气做的词。如果你不是1级账号，可以去搜这个词，如果是2级，3级以上，建议放弃。因为就算卖家有购买也不会赠送的。买卖权限不冲突。一句话，自定义一定要好好做。一定要找1-3级的。
只有2级以上才是真正的百度大牛，百度每天搜这个词是有12000个，当有一定的词，不是新增词的时候，百度工作量其实就不小。好比你运营店铺，你每天上新1万个不难，200个就可以，300个就太大了，尤其是每天上新500个这种，真正的大牛工作量非常大。
如果你不是说内容太久了不需要的话，比如像个人简介之类的，那基本上被屏蔽掉，相对来说网站标题那点小事，找一个靠谱的代写可能需要几百到几千块钱， 查看全部
cms网站内容如何自定义增加？不要去问千万不要去问千万不要去问千万不要去问一问就是500块钱，风险极大。看自己情况。如果有1万元可投，肯定投自定义增加一个。如果你想简单些，投10块钱就可以，只要你是百度1-3级的一般人，一年都投不了一万。国内的风险太大，别去看。我所有增加的都是盗版和侵权的，100%侵权，如果你是刚才百度一年你投500块钱，这个币，太强人所难了，我估计您就是用一年的时间去逐步翻新，找存在感。
否则请您别投钱。自定义添加的所有词，自己没有购买卖家的权限限制。卖家赠送权限除外。自定义后，一定要分析词库，词库太好没有意义，毕竟之前是新榜花大力气做的词。如果你不是1级账号，可以去搜这个词，如果是2级，3级以上，建议放弃。因为就算卖家有购买也不会赠送的。买卖权限不冲突。一句话，自定义一定要好好做。一定要找1-3级的。
只有2级以上才是真正的百度大牛，百度每天搜这个词是有12000个，当有一定的词，不是新增词的时候，百度工作量其实就不小。好比你运营店铺，你每天上新1万个不难，200个就可以，300个就太大了，尤其是每天上新500个这种，真正的大牛工作量非常大。
如果你不是说内容太久了不需要的话，比如像个人简介之类的，那基本上被屏蔽掉，相对来说网站标题那点小事，找一个靠谱的代写可能需要几百到几千块钱， 查看全部
cms网站内容如何自定义增加？不要去问千万
cms网站内容如何自定义增加？不要去问千万不要去问千万不要去问千万不要去问一问就是500块钱，风险极大。看自己情况。如果有1万元可投，肯定投自定义增加一个。如果你想简单些，投10块钱就可以，只要你是百度1-3级的一般人，一年都投不了一万。国内的风险太大，别去看。我所有增加的都是盗版和侵权的，100%侵权，如果你是刚才百度一年你投500块钱，这个币，太强人所难了，我估计您就是用一年的时间去逐步翻新，找存在感。
否则请您别投钱。自定义添加的所有词，自己没有购买卖家的权限限制。卖家赠送权限除外。自定义后，一定要分析词库，词库太好没有意义，毕竟之前是新榜花大力气做的词。如果你不是1级账号，可以去搜这个词，如果是2级，3级以上，建议放弃。因为就算卖家有购买也不会赠送的。买卖权限不冲突。一句话，自定义一定要好好做。一定要找1-3级的。
只有2级以上才是真正的百度大牛，百度每天搜这个词是有12000个，当有一定的词，不是新增词的时候，百度工作量其实就不小。好比你运营店铺，你每天上新1万个不难，200个就可以，300个就太大了，尤其是每天上新500个这种，真正的大牛工作量非常大。
如果你不是说内容太久了不需要的话，比如像个人简介之类的，那基本上被屏蔽掉，相对来说网站标题那点小事，找一个靠谱的代写可能需要几百到几千块钱，
15款知识库构建工具，总有一款适合你
网站优化 • 优采云 发表了文章 • 0 个评论 • 662 次浏览 • 2022-08-08 22:19
15款知识库构建工具，总有一款适合你
↓推荐关注↓
GitBook
软件团队打破知识孤岛的地方。GitBook 可帮助您为用户发布精美的文档，并集中团队的知识以进行高级协作。
GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。
GitBook支持输出多种文档格式：
使用GitBook制作电子书，必备两个文件：README.md和SUMMARY.md。
GitBook为免费用户提供
gitbook本身是一个开源项目，你可以下载源代码自行搭建。
官网：
Confluence
AtlassianConfluence（简称Confluence）Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。Confluence不是一个开源软件，非商业用途可以免费使用。
官网：
Atlassian公司宣布：从2021年2月2日开始，将停止销售新的本地化部署服务许可证，并停止对本地化部署产品的新功能开发。
停售的原因
据官方称，该公司原本就有超过90%的客户一开始就是使用的云计算版本，而原本使用本地化版本的企业也在逐步的往云计算版本转移，所以Atlassian也将调整公司重点，将突出Cloud First（云优先）的策略。
Atlassian公司会持续扩大对全部产品线云计算版本开发的投入，而逐步停止对本地化版本的开发支持。
用户的影响
据我了解，就中国企业客户而言，绝大多数还是以本地化部署的方式来使用的。据相关代理商透露，中国区客户的Server版用户几乎占据了90%之多。所以，本次的停售决定，势必会影响非常多的中国企业。500人以下团队不再提供本地化版本。
看云
现代化文档写作、托管及数字出版，开启个人和企业知识管理新时代。
看云为免费用户提供
不限量公开文档
0个私有文档
完整文档功能
官网：
语雀
用语雀，构建你的数字花园，为每一个人，为每一个团队，提供优秀的文档与知识库工具。
官网：
baklib
在线制作产品手册、帮助中心、FAQ、Guide、知识库、产品介绍、开发文档、在线手册，并发布到网站上。
丰富的应用场景
官网：
MinDoc
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki[] 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。详细介绍详见
官网地址：
说明文档及演示：
BookStack
BookStack，基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。
官网示例地址：
开源地址：
docsify
非常轻量级的文档，可以托管在Github page；不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署在 GitHub Pages。
特性
官网及演示：#/
开源地址：
Docute
一种轻松创建文档的方式，无需生成过程直接编写文档；Docute 本质上就是一个 JavaScript 文件，它可以获取 Markdown 文件并将它们呈现为单页面应用。
它完全由运行时驱动，因此并不涉及服务端组件，这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档，可轻松构建知识库、网站等应用。
开源地址：
Wikitten
Wikitten是一款开源Wiki知识管理系统，使用PHP开发，支持Markdown语法，无需数据库，自动生成树形目录，适合用来做个人Wiki知识库。
开源地址：
DokuWiki
DokuWiki 是一个简单易用且用途广泛的开源wiki软件，不需要数据库。它以其简洁易读的语法深受用户喜爱。易于维护、备份和集成使其成为管理员的最爱。内置的访问控制和身份验证连接器使 DokuWiki 在企业环境中特别有用，其充满活力的社区贡献的大量插件允许超越传统 wiki 的广泛用例。
官网及演示：
MkDocs
Markdown 项目文档工具. 本文档翻译自官网mkdocs. 本文档托管于 Github。MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档.
官网及演示：
开源地址：
MrDoc
MrDoc觅思文档，适合于个人和中小型团队的在线文档、知识库管理私有化部署方案， MrDoc 是基于 Python开发的在线文档系统。
MrDoc 适合作为个人和中小型团队的私有云文档、云笔记和知识管理工具，致力于成为优秀的私有化在线文档部署方案。
你可以简单粗暴地将 MrDoc 视为「可私有部署的语雀」和「可在线编辑文档的GitBook」。全面支持跨平台（Windows、macOS、Linux）和跨终端（Web、PC、手机）同步。
官网：
开源demo：
专业版demo：
开源版与专业版差异：
账号密码：test1/123456
云策文档
云策文档是一款开源知识管理工具。通过独立的知识库空间，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。
官网：
开源地址：
无忧·企业文档
无忧·企业文档主要是针对企业用户提供在线文档、协同编辑、知识管理的基础化办公工具，产品采用B/S构架，无需客户安装特殊客户端。解决企业内部存在多种的应用，通过基础应用底座与标准化应用解决企业内部信息孤岛问题。
无忧企业文档主要服务客群为企业用户，解决企业内部文档编辑、知识沉淀、知识协同等痛点。项目主要采用Java开发，基础框架采用JVS（spring cloud+Vue）。适用场景：适用于个人、团队、企业使用，提供云笔记、个人知识沉淀、在线产品手册、团队内部知识库、在线电子教程等功能。支持SaaS模式，支持私有化部署场景。
产品本质
企业·无忧文档=基于权限的知识文库+在线文档处理工具集+基于内容的搜索引擎+灵活展示的CMS
演示地址： 微信扫码即可登录；
开源地址：
— THE END — 查看全部
↓推荐关注↓
GitBook
软件团队打破知识孤岛的地方。GitBook 可帮助您为用户发布精美的文档，并集中团队的知识以进行高级协作。
GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。
GitBook支持输出多种文档格式：
使用GitBook制作电子书，必备两个文件：README.md和SUMMARY.md。
GitBook为免费用户提供
gitbook本身是一个开源项目，你可以下载源代码自行搭建。
官网：
Confluence
AtlassianConfluence（简称Confluence）Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。Confluence不是一个开源软件，非商业用途可以免费使用。
官网：
Atlassian公司宣布：从2021年2月2日开始，将停止销售新的本地化部署服务许可证，并停止对本地化部署产品的新功能开发。
停售的原因
据官方称，该公司原本就有超过90%的客户一开始就是使用的云计算版本，而原本使用本地化版本的企业也在逐步的往云计算版本转移，所以Atlassian也将调整公司重点，将突出Cloud First（云优先）的策略。
Atlassian公司会持续扩大对全部产品线云计算版本开发的投入，而逐步停止对本地化版本的开发支持。
用户的影响
据我了解，就中国企业客户而言，绝大多数还是以本地化部署的方式来使用的。据相关代理商透露，中国区客户的Server版用户几乎占据了90%之多。所以，本次的停售决定，势必会影响非常多的中国企业。500人以下团队不再提供本地化版本。
看云
现代化文档写作、托管及数字出版，开启个人和企业知识管理新时代。
看云为免费用户提供
不限量公开文档
0个私有文档
完整文档功能
官网：
语雀
用语雀，构建你的数字花园，为每一个人，为每一个团队，提供优秀的文档与知识库工具。
官网：
baklib
在线制作产品手册、帮助中心、FAQ、Guide、知识库、产品介绍、开发文档、在线手册，并发布到网站上。
丰富的应用场景
官网：
MinDoc
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki[] 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。详细介绍详见
官网地址：
说明文档及演示：
BookStack
BookStack，基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。
官网示例地址：
开源地址：
docsify
非常轻量级的文档，可以托管在Github page；不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署在 GitHub Pages。
特性
官网及演示：#/
开源地址：
Docute
一种轻松创建文档的方式，无需生成过程直接编写文档；Docute 本质上就是一个 JavaScript 文件，它可以获取 Markdown 文件并将它们呈现为单页面应用。
它完全由运行时驱动，因此并不涉及服务端组件，这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档，可轻松构建知识库、网站等应用。
开源地址：
Wikitten
Wikitten是一款开源Wiki知识管理系统，使用PHP开发，支持Markdown语法，无需数据库，自动生成树形目录，适合用来做个人Wiki知识库。
开源地址：
DokuWiki
DokuWiki 是一个简单易用且用途广泛的开源wiki软件，不需要数据库。它以其简洁易读的语法深受用户喜爱。易于维护、备份和集成使其成为管理员的最爱。内置的访问控制和身份验证连接器使 DokuWiki 在企业环境中特别有用，其充满活力的社区贡献的大量插件允许超越传统 wiki 的广泛用例。
官网及演示：
MkDocs
Markdown 项目文档工具. 本文档翻译自官网mkdocs. 本文档托管于 Github。MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档.
官网及演示：
开源地址：
MrDoc
MrDoc觅思文档，适合于个人和中小型团队的在线文档、知识库管理私有化部署方案， MrDoc 是基于 Python开发的在线文档系统。
MrDoc 适合作为个人和中小型团队的私有云文档、云笔记和知识管理工具，致力于成为优秀的私有化在线文档部署方案。
你可以简单粗暴地将 MrDoc 视为「可私有部署的语雀」和「可在线编辑文档的GitBook」。全面支持跨平台（Windows、macOS、Linux）和跨终端（Web、PC、手机）同步。
官网：
开源demo：
专业版demo：
开源版与专业版差异：
账号密码：test1/123456
云策文档
云策文档是一款开源知识管理工具。通过独立的知识库空间，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。
官网：
开源地址：
无忧·企业文档
无忧·企业文档主要是针对企业用户提供在线文档、协同编辑、知识管理的基础化办公工具，产品采用B/S构架，无需客户安装特殊客户端。解决企业内部存在多种的应用，通过基础应用底座与标准化应用解决企业内部信息孤岛问题。
无忧企业文档主要服务客群为企业用户，解决企业内部文档编辑、知识沉淀、知识协同等痛点。项目主要采用Java开发，基础框架采用JVS（spring cloud+Vue）。适用场景：适用于个人、团队、企业使用，提供云笔记、个人知识沉淀、在线产品手册、团队内部知识库、在线电子教程等功能。支持SaaS模式，支持私有化部署场景。
产品本质
企业·无忧文档=基于权限的知识文库+在线文档处理工具集+基于内容的搜索引擎+灵活展示的CMS
演示地址： 微信扫码即可登录；
开源地址：
— THE END — 查看全部
15款知识库构建工具，总有一款适合你
↓推荐关注↓
GitBook
软件团队打破知识孤岛的地方。GitBook 可帮助您为用户发布精美的文档，并集中团队的知识以进行高级协作。
GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。
GitBook支持输出多种文档格式：
使用GitBook制作电子书，必备两个文件：README.md和SUMMARY.md。
GitBook为免费用户提供
gitbook本身是一个开源项目，你可以下载源代码自行搭建。
官网：
Confluence
AtlassianConfluence（简称Confluence）Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。Confluence不是一个开源软件，非商业用途可以免费使用。
官网：
Atlassian公司宣布：从2021年2月2日开始，将停止销售新的本地化部署服务许可证，并停止对本地化部署产品的新功能开发。
停售的原因
据官方称，该公司原本就有超过90%的客户一开始就是使用的云计算版本，而原本使用本地化版本的企业也在逐步的往云计算版本转移，所以Atlassian也将调整公司重点，将突出Cloud First（云优先）的策略。
Atlassian公司会持续扩大对全部产品线云计算版本开发的投入，而逐步停止对本地化版本的开发支持。
用户的影响
据我了解，就中国企业客户而言，绝大多数还是以本地化部署的方式来使用的。据相关代理商透露，中国区客户的Server版用户几乎占据了90%之多。所以，本次的停售决定，势必会影响非常多的中国企业。500人以下团队不再提供本地化版本。
看云
现代化文档写作、托管及数字出版，开启个人和企业知识管理新时代。
看云为免费用户提供
不限量公开文档
0个私有文档
完整文档功能
官网：
语雀
用语雀，构建你的数字花园，为每一个人，为每一个团队，提供优秀的文档与知识库工具。
官网：
baklib
在线制作产品手册、帮助中心、FAQ、Guide、知识库、产品介绍、开发文档、在线手册，并发布到网站上。
丰富的应用场景
官网：
MinDoc
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。
MinDoc 的前身是 SmartWiki[] 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。
开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。
可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。详细介绍详见
官网地址：
说明文档及演示：
BookStack
BookStack，基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。
官网示例地址：
开源地址：
docsify
非常轻量级的文档，可以托管在Github page；不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署在 GitHub Pages。
特性
官网及演示：#/
开源地址：
Docute
一种轻松创建文档的方式，无需生成过程直接编写文档；Docute 本质上就是一个 JavaScript 文件，它可以获取 Markdown 文件并将它们呈现为单页面应用。
它完全由运行时驱动，因此并不涉及服务端组件，这就意味着没有构建过程。你只需创建一个 HTML 文件和一堆 Markdown 文档，可轻松构建知识库、网站等应用。
开源地址：
Wikitten
Wikitten是一款开源Wiki知识管理系统，使用PHP开发，支持Markdown语法，无需数据库，自动生成树形目录，适合用来做个人Wiki知识库。
开源地址：
DokuWiki
DokuWiki 是一个简单易用且用途广泛的开源wiki软件，不需要数据库。它以其简洁易读的语法深受用户喜爱。易于维护、备份和集成使其成为管理员的最爱。内置的访问控制和身份验证连接器使 DokuWiki 在企业环境中特别有用，其充满活力的社区贡献的大量插件允许超越传统 wiki 的广泛用例。
官网及演示：
MkDocs
Markdown 项目文档工具. 本文档翻译自官网mkdocs. 本文档托管于 Github。MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档.
官网及演示：
开源地址：
MrDoc
MrDoc觅思文档，适合于个人和中小型团队的在线文档、知识库管理私有化部署方案， MrDoc 是基于 Python开发的在线文档系统。
MrDoc 适合作为个人和中小型团队的私有云文档、云笔记和知识管理工具，致力于成为优秀的私有化在线文档部署方案。
你可以简单粗暴地将 MrDoc 视为「可私有部署的语雀」和「可在线编辑文档的GitBook」。全面支持跨平台（Windows、macOS、Linux）和跨终端（Web、PC、手机）同步。
官网：
开源demo：
专业版demo：
开源版与专业版差异：
账号密码：test1/123456
云策文档
云策文档是一款开源知识管理工具。通过独立的知识库空间，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。
官网：
开源地址：
无忧·企业文档
无忧·企业文档主要是针对企业用户提供在线文档、协同编辑、知识管理的基础化办公工具，产品采用B/S构架，无需客户安装特殊客户端。解决企业内部存在多种的应用，通过基础应用底座与标准化应用解决企业内部信息孤岛问题。
无忧企业文档主要服务客群为企业用户，解决企业内部文档编辑、知识沉淀、知识协同等痛点。项目主要采用Java开发，基础框架采用JVS（spring cloud+Vue）。适用场景：适用于个人、团队、企业使用，提供云笔记、个人知识沉淀、在线产品手册、团队内部知识库、在线电子教程等功能。支持SaaS模式，支持私有化部署场景。
产品本质
企业·无忧文档=基于权限的知识文库+在线文档处理工具集+基于内容的搜索引擎+灵活展示的CMS
演示地址： 微信扫码即可登录；
开源地址：
— THE END —
花了2小时，搭建了一个项目，值了 ~
网站优化 • 优采云 发表了文章 • 0 个评论 • 52 次浏览 • 2022-07-19 07:40
花了2小时，搭建了一个项目，值了 ~
往期文章：
正文
今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。<br mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 28px;" /><p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;color: rgb(0, 0, 0);font-size: 16px;font-style: normal;font-variant-caps: normal;font-weight: normal;orphans: auto;text-indent: 0px;text-transform: none;white-space: normal;widows: auto;word-spacing: 0px;-webkit-text-size-adjust: auto;-webkit-text-stroke-width: 0px;text-decoration: none;letter-spacing: 0.544px;background-color: rgb(255, 255, 255);caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: left;line-height: 26px;word-break: normal !important;">上次是谁要的系统项目啊，我帮你找到了。这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 13.1K Star，我觉得不错，值得拿出来和大家分享下。
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
周末花了2个小时，搭建了一个简单的网站，为啥这么快呢？因为用了开源的代码生成器，直接用模板来做的，然后只需要对代码进行定制修改就行。扩展：接私活儿说明：本文以学习和交流为目的，如果有疑问，欢迎随时沟通和交流。非常建议大家多动手实践，在实践中提升技术和知识，这样印象也会更加深刻。<br mp-original-font-size="16" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 27px;" />特点<br mp-original-font-size="17" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible;line-height: 27px;font-size: 17px;" />
免费完整开源：基于MIT协议，源代码完全开源，无商业限制,MS开发团队承诺将MCMS内容系统永久完整开源；
标签化建站：不需要专业的后台开发技能，只要使用系统提供的标签，就能轻松建设网站；另外，搜索公众号Linux就该这样学后台回复“git书籍”，获取一份惊喜礼包。
html静态化：系统支持全站静态化；
跨终端：站点同时支持PC与移动端访问，同时会自动根据访问的终端切换到对应的界面，数据由系统统一管理；
海量模版：通过MStore（MS商城）分享更多免费、精美的企业网站模版，降低建站成本；
丰富插件：为了让MCms适应更多的业务场景，在MStore用户可以下载对应的插件，如：站群插件、微信插件、商城插件等；
每月更新：每月28日为系统升级日，分享更多好用等模版与插件；
文档丰富：为了让用户更快速的使用MCms系统进行开发，持续更新开发相关文档，如标签文档、使用文档、视频教程等；
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
面向对象开发环境建议开发者使用以下环境，这样避免版本带来的问题文件说明效果截图
项目管理
代码生成器
是不是感觉很炫酷？其实，如果熟练且不踩坑的情况下，肯定用不了2小时，我是踩坑了，两个坑如下：
好的，本项目先聊到这里，建议大家动手实践一下，你也可以利用代码生成器，搭建自己的网站，途中可能会遇到各种各样的问题，这些都是提升自己的机会，如果有疑问，欢迎随时沟通交流。
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;font-size: 16px;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【网站】即可获取所有系统
还可以加顶级架构师的个人微信，进入架构师交流群，里面大佬和资料云集，和大佬们一起学习成长！
额外福利：
国产的开源项目管理软件，基于国际流行的敏捷项目管理方式！
大家好。今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的系统项目啊，我帮你找到了。
这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.4K Star，我觉得不错，值得拿出来和大家分享下。
本项目是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥有！扩展：接私活儿
功能列表：
产品管理：包括产品、需求、计划、发布、路线图等功能。
项目管理：包括项目、任务、团队、build、燃尽图等功能。
质量管理：包括bug、测试用例、测试任务、测试结果等功能。
文档管理：包括产品文档库、项目文档库、自定义文档库等功能。
事务管理：包括todo管理，我的任务、我的Bug、我的需求、我的项目等个人事务管理功能。
组织管理：包括部门、用户、分组、权限等功能。
统计功能：丰富的统计表。
搜索功能：强大的搜索，帮助您找到相应的数据。
灵活的扩展机制，几乎可以对禅道的任何地方进行扩展。
强大的api机制，方便与其他系统集成。
功能演示：<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" /></p>
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【项目】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;clear: both;min-height: 1em;max-width: 100%;overflow-wrap: break-word !important;box-sizing: border-box !important;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;font-size: 16px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
--END--
乐哥个人微信
添加乐哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群 查看全部
往期文章：
正文
今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。<br mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 28px;" /><p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;color: rgb(0, 0, 0);font-size: 16px;font-style: normal;font-variant-caps: normal;font-weight: normal;orphans: auto;text-indent: 0px;text-transform: none;white-space: normal;widows: auto;word-spacing: 0px;-webkit-text-size-adjust: auto;-webkit-text-stroke-width: 0px;text-decoration: none;letter-spacing: 0.544px;background-color: rgb(255, 255, 255);caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: left;line-height: 26px;word-break: normal !important;">上次是谁要的系统项目啊，我帮你找到了。这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 13.1K Star，我觉得不错，值得拿出来和大家分享下。
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
周末花了2个小时，搭建了一个简单的网站，为啥这么快呢？因为用了开源的代码生成器，直接用模板来做的，然后只需要对代码进行定制修改就行。扩展：接私活儿说明：本文以学习和交流为目的，如果有疑问，欢迎随时沟通和交流。非常建议大家多动手实践，在实践中提升技术和知识，这样印象也会更加深刻。<br mp-original-font-size="16" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 27px;" />特点<br mp-original-font-size="17" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible;line-height: 27px;font-size: 17px;" />
免费完整开源：基于MIT协议，源代码完全开源，无商业限制,MS开发团队承诺将MCMS内容系统永久完整开源；
标签化建站：不需要专业的后台开发技能，只要使用系统提供的标签，就能轻松建设网站；另外，搜索公众号Linux就该这样学后台回复“git书籍”，获取一份惊喜礼包。
html静态化：系统支持全站静态化；
跨终端：站点同时支持PC与移动端访问，同时会自动根据访问的终端切换到对应的界面，数据由系统统一管理；
海量模版：通过MStore（MS商城）分享更多免费、精美的企业网站模版，降低建站成本；
丰富插件：为了让MCms适应更多的业务场景，在MStore用户可以下载对应的插件，如：站群插件、微信插件、商城插件等；
每月更新：每月28日为系统升级日，分享更多好用等模版与插件；
文档丰富：为了让用户更快速的使用MCms系统进行开发，持续更新开发相关文档，如标签文档、使用文档、视频教程等；
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
面向对象开发环境建议开发者使用以下环境，这样避免版本带来的问题文件说明效果截图
项目管理
代码生成器
是不是感觉很炫酷？其实，如果熟练且不踩坑的情况下，肯定用不了2小时，我是踩坑了，两个坑如下：
好的，本项目先聊到这里，建议大家动手实践一下，你也可以利用代码生成器，搭建自己的网站，途中可能会遇到各种各样的问题，这些都是提升自己的机会，如果有疑问，欢迎随时沟通交流。
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;font-size: 16px;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【网站】即可获取所有系统
还可以加顶级架构师的个人微信，进入架构师交流群，里面大佬和资料云集，和大佬们一起学习成长！
额外福利：
国产的开源项目管理软件，基于国际流行的敏捷项目管理方式！
大家好。今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的系统项目啊，我帮你找到了。
这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.4K Star，我觉得不错，值得拿出来和大家分享下。
本项目是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥有！扩展：接私活儿
功能列表：
产品管理：包括产品、需求、计划、发布、路线图等功能。
项目管理：包括项目、任务、团队、build、燃尽图等功能。
质量管理：包括bug、测试用例、测试任务、测试结果等功能。
文档管理：包括产品文档库、项目文档库、自定义文档库等功能。
事务管理：包括todo管理，我的任务、我的Bug、我的需求、我的项目等个人事务管理功能。
组织管理：包括部门、用户、分组、权限等功能。
统计功能：丰富的统计表。
搜索功能：强大的搜索，帮助您找到相应的数据。
灵活的扩展机制，几乎可以对禅道的任何地方进行扩展。
强大的api机制，方便与其他系统集成。
功能演示：<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" /></p>
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【项目】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;clear: both;min-height: 1em;max-width: 100%;overflow-wrap: break-word !important;box-sizing: border-box !important;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;font-size: 16px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
--END--
乐哥个人微信
添加乐哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群 查看全部
花了2小时，搭建了一个项目，值了 ~
往期文章：
正文
今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。<br mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 28px;" /><p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;color: rgb(0, 0, 0);font-size: 16px;font-style: normal;font-variant-caps: normal;font-weight: normal;orphans: auto;text-indent: 0px;text-transform: none;white-space: normal;widows: auto;word-spacing: 0px;-webkit-text-size-adjust: auto;-webkit-text-stroke-width: 0px;text-decoration: none;letter-spacing: 0.544px;background-color: rgb(255, 255, 255);caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: left;line-height: 26px;word-break: normal !important;">上次是谁要的系统项目啊，我帮你找到了。这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 13.1K Star，我觉得不错，值得拿出来和大家分享下。
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
周末花了2个小时，搭建了一个简单的网站，为啥这么快呢？因为用了开源的代码生成器，直接用模板来做的，然后只需要对代码进行定制修改就行。扩展：接私活儿说明：本文以学习和交流为目的，如果有疑问，欢迎随时沟通和交流。非常建议大家多动手实践，在实践中提升技术和知识，这样印象也会更加深刻。<br mp-original-font-size="16" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 27px;" />特点<br mp-original-font-size="17" mp-original-line-height="27" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;visibility: visible;line-height: 27px;font-size: 17px;" />
免费完整开源：基于MIT协议，源代码完全开源，无商业限制,MS开发团队承诺将MCMS内容系统永久完整开源；
标签化建站：不需要专业的后台开发技能，只要使用系统提供的标签，就能轻松建设网站；另外，搜索公众号Linux就该这样学后台回复“git书籍”，获取一份惊喜礼包。
html静态化：系统支持全站静态化；
跨终端：站点同时支持PC与移动端访问，同时会自动根据访问的终端切换到对应的界面，数据由系统统一管理；
海量模版：通过MStore（MS商城）分享更多免费、精美的企业网站模版，降低建站成本；
丰富插件：为了让MCms适应更多的业务场景，在MStore用户可以下载对应的插件，如：站群插件、微信插件、商城插件等；
每月更新：每月28日为系统升级日，分享更多好用等模版与插件；
文档丰富：为了让用户更快速的使用MCms系统进行开发，持续更新开发相关文档，如标签文档、使用文档、视频教程等；
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧</p>
面向对象开发环境建议开发者使用以下环境，这样避免版本带来的问题文件说明效果截图
项目管理
代码生成器
是不是感觉很炫酷？其实，如果熟练且不踩坑的情况下，肯定用不了2小时，我是踩坑了，两个坑如下：
好的，本项目先聊到这里，建议大家动手实践一下，你也可以利用代码生成器，搭建自己的网站，途中可能会遇到各种各样的问题，这些都是提升自己的机会，如果有疑问，欢迎随时沟通交流。
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;text-align: center;line-height: 26px;word-break: normal !important;font-size: 16px;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【网站】即可获取所有系统
还可以加顶级架构师的个人微信，进入架构师交流群，里面大佬和资料云集，和大佬们一起学习成长！
额外福利：
国产的开源项目管理软件，基于国际流行的敏捷项目管理方式！
大家好。今天，推荐一个系统项目。我第一次使用就有点上头，爱不释手，必须要推荐给大家。
上次是谁要的系统项目啊，我帮你找到了。
这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。 项目介绍
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;font-size: 16px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;visibility: visible;">最近我在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 1.4K Star，我觉得不错，值得拿出来和大家分享下。
本项目是一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥有！扩展：接私活儿
功能列表：
产品管理：包括产品、需求、计划、发布、路线图等功能。
项目管理：包括项目、任务、团队、build、燃尽图等功能。
质量管理：包括bug、测试用例、测试任务、测试结果等功能。
文档管理：包括产品文档库、项目文档库、自定义文档库等功能。
事务管理：包括todo管理，我的任务、我的Bug、我的需求、我的项目等个人事务管理功能。
组织管理：包括部门、用户、分组、权限等功能。
统计功能：丰富的统计表。
搜索功能：强大的搜索，帮助您找到相应的数据。
灵活的扩展机制，几乎可以对禅道的任何地方进行扩展。
强大的api机制，方便与其他系统集成。
功能演示：<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="17" mp-original-line-height="25.600000381469727" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 17px;line-height: 25.600000381469727px;" />
<br mp-original-font-size="16" mp-original-line-height="26" style="margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;font-size: 16px;line-height: 26px;" /></p>
最后，想学习这个项目的可以查看项目地址：
项目源码，怎么领取？
<p mp-original-font-size="16" mp-original-line-height="26" style="margin: 1px 0px;padding: 8px 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;word-wrap: break-word !important;clear: both;min-height: 1em;letter-spacing: 0.544px;caret-color: rgb(0, 0, 0);color: rgb(0, 0, 0);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 16px;text-align: center;line-height: 26px;word-break: normal !important;">源码获取
牛逼啊！接私活必备的 N 个开源项目！赶快收藏</p>
扫码下方二维码，后台回复【项目】即可获取所有系统
欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个赞 + 在看啦！❤️
<p data-tool="mdnice编辑器" mp-original-font-size="16" mp-original-line-height="28" style="margin: 0px;padding: 1em 0px 8px;clear: both;min-height: 1em;max-width: 100%;overflow-wrap: break-word !important;box-sizing: border-box !important;outline: 0px;font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;letter-spacing: 0.544px;color: rgb(74, 74, 74);line-height: 28px;font-size: 16px;">在 程序员小乐 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！</p>
--END--
乐哥个人微信
添加乐哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群
【进行中】Odoo 12开发者指南（Cookbook）第三版
网站优化 • 优采云 发表了文章 • 0 个评论 • 55 次浏览 • 2022-06-20 22:42
【进行中】Odoo 12开发者指南（Cookbook）第三版
其实是否翻译这本书我内心是纠结的，毕竟已经有了一套完整的最好用的免费ERP系统Odoo 12开发手册，且以我个人的工作的方向而言目前使用 Odoo 的地方真心不多。这几个月有部分读者视我为 Odoo 的专家，我也竭力地解答了大部分问题，但我其实是属于 Odoo 社区的外围人员，对它的了解并不是很深入，也几乎没在相关交流群和论坛中做过任何发言。此外五月我计划中的翻译重点是一套人工智能的书（Python之 AI人工智能初学者指南），挑战还是蛮大的。
但冥冥中这本书的上一版（最好用的免费ERP系统Odoo 11开发指南）未完成翻译的挫败感和我深信未来会与 Odoo 有着紧密的交集促始我还是决定开始翻译这本书。不过翻译进度就真的是随缘了^-^
话说新版加了作者，页面数也足足多了300页（对比上一版第十七章到二十四章均为新增，真的是赚到了）
英文原书：Odoo 12 Development Cookbook - Third Edition
190+ unique recipes to build effective enterprise and business applications
by Parth Gajjar, Alexandre Fayolle, Holger Brunn, Daniel Reis
本书译本配套 GitHub 仓库：
WHY THIS VERSION
这本书我是五一假期时在 Packt 看到的，应该是4月份首发。今年已经翻译了好几本书，我对译书这件事在认识上还是有些变化的。这本书我一定不会像手册那本书一样追求快速译完，而是争取在翻译的过程中自己吸收更多知识也给读者更多的扩展。比如已经着手做的有Odoo 12开发者指南补充知识，添加了原书提及但又未进行讲解的知识，当然我所翻译的【已完结】精通Python自动化脚本-运维人员宝典和【已完结】精通 Docker 第三版中文版本身就是很好的知识补充。此外也会开始尝试编写一些与原书相关的脚本方便读者使用，如针对第一章的安装脚本，欢迎读者一起参与逐步进行完善。
在定位上我觉得这本书是比手册定位更高阶的一本书，因此值得更细致的打磨。欢迎读者朋友们在评论区留下自己的问题或分享你自己的学习经验。
前言
Odoo 是一个集成业务应用的套件。Odoo自带有25个不同的业务应用，涵盖CRM、生产制造、电商、会计等领域。简言之，它是一个覆盖你所有业务需求的多合一的解决方案。
Odoo 对开人员也是一个很棒的软件。有赖于 Odoo 强大的框架，开发人员可以从头开始构建强大的应用。Odoo框架有内置的插件机制。Odoo的内置应用也使用相同框架进行创建，并且其可扩展性有助于开发人员创建插件模块来修改已有应用。
Odoo涉及的领域很广，对于新手很难跟上这一学习曲线。Odoo 12开发者指南第三版提供一个逐步操作的指南来帮助你学习Odoo框架的方方面面，包括所有版本12的最新功能。它独特的设问和解决方案的方法有助于你解决日常Odoo开发中的问题。
本书面向的读者
这本书对于新手和有经验的开发人员都很适合。如果你有Python编程语言的基础知识，这本书可以帮助你很容易地习得Odoo框架的专业知识。如是你是一个想要使用Odoo框架开始高效业务应用，并想通过它来学习Odoo框架的实际案例，这本书非常适合你。
本书主要内容
第一章 安装Odoo开发环境：通过介绍Odoo生态系统进行开始。这里你将学习如何为开发环境安装并设置Odoo。你还将学习到如何激活开发工具。
第二章 管理Odoo服务器实例：有关安装和升级插件。它为你提供组织从GitHub上下载的自定义插件一些有用的小贴士。
第三章 服务器部署：有关如何为生产环境安装并配置Odoo实例。本章包含NGINX反向代理、SSL配置、启动服务和基本的Docker部署。还包含网站的CDN配置。
第四章 创建Odoo插件模块：讲解Odoo插件模块的结构并提供从零开始创建一个简单的Odoo模块的逐步操作指南。
第五章 应用模型：聚焦于Odoo模型结构，并讲解所有字段类型及它们的属性。本章还包含继承和扩展已有模型的不同方式。
第六章 基本服务端部署：介绍Odoo框架的API，展示增删改查（CRUD）方法以及其它常用方法的使用。本章还讲解如何在Odoo中编写业务逻辑。
第七章 模块数据：显示如何迁移你的插件模块和内置数据。还讲解编写迁移函数的基本步骤。
第八章 调试：提供调试Odoo代码的不同策略。本章包含开发者选项和Odoo shell的使用。
第九章 高级服务端开发技巧：讲解ORM框架更高级的课题。对于开发向导、SQL视图、安装钩子（hook）、on-change方法等非常有用。本章还讲解了如何在数据库中执行原生SQL查询。
第十章 后端视图：教授如何创建不同的UI视图以及如何从用户界面中触发业务逻辑。它涵盖了所有常用视图，如列表、表单、看板、日历、图形、搜索和透视表视图，还有一些新引入的视图，如cohort和仪表盘。本章还包含修改/继承已有视图的一些指导。
第十一章 权限安全：涵盖Odoo框架的安全方面。它显示了如何通过创建安全组、访问控制列表和记录级别规则来控制/限制用户对模型的访问。
第十二章 国际化：显示如何翻译你的插件模块的用户界面，并为管理翻译文件提供了有用的技巧。
第十三章 自动化、工作流和打印件：描绘了Odoo中实现更好的业务流程可用的不同工作和技巧。它展示如何使用服务端动作、自动化动作和基于时间的调度动作。本章还包含为你的模型创建PDF报告的指南。
第十四章 网页服务端开发：涵盖Odoo web服务的核心内容。它展示了如何创建自定义URL路径由来在指定URL上提供服务，以及如何对这些URL进行访问控制。
第十五章 CMS网站开发：讲解如何使用Odoo管理网站。还展示了如何创建和修改美观的网页和QWeb模板。本章还包含如何创建带选项的动态网页构建块。它包含一些管理 SEO、用户表单、UTM追踪、网站地图和获取访客地理信息的独立教程。本章还强调了Odoo中最新的多站点概念。
第十六章 网页客户端开发：深入到Odoo的JavaScript部分。涵盖了如何创建新字段控件以及对服务端发送RPC调用。还包含如何从零开始创建全新的视图。你还将学习如何创建操作向导。
第十七章 Odoo的应用内购买：涵盖有关Odoo最新的应用内购买（IAP）概念的所有内容。本章中你学习到如何为IAP创建客户端和服务模块。你还将学习到如何创建IAP账户并从终端用户提取IAP款项。
第十八章 自动化测试用例：涵盖如何在Odoo中编写和执行自动化测试用例，包含服务端、客户端以及操作向导集成的测试用例。本章还包含设置chrome-headless（无头浏览器模式）来截屏和录制视频来查看出错的客户端的测试用例的示范。
第十九章 使用Odoo.sh管理、部署和测试：讲解Odoo.sh，一个部署Odoo实例的PaaS平台，包含生产、模拟和开发分支的各方面。也讲解了该平台的不同选项。
第二十章 Odoo中的远程过程调用（RPC）：涵盖从外部应用连接Odoo实例的不同方式。本章教你如何通过XML-RPC、JSON-RPC和odoorpc库连接和从 Odoo实例访问数据。
第二十一章 性能优化：讲解用于获取Odoo中性能提升的不同概念和模式。本章包含预提取、ORM缓存和代码性能测试来监测性能问题的概念。
第二十二章 POS（销售点）：涵盖 POS 应用的自定义。包含用户界面、添加新动作按钮、修改业务流和扩展客户菜单的自定义。
第二十三章 在Odoo中管理email：讲解如何在Odoo中管理email和聊天工具。通过配置邮件服务器开始，然后讲解Odoo框架的邮件API。本章还涵盖Jinja2和QWeb邮件模板、表单视图、字段记录和活动的聊天工具。
第二十四章 IoT盒子：给出了最新的IoT盒子硬件的重点讲解。本章涵盖如何配置、访问和调试IoT盒子。不包含一个集成IoT盒子到你的自定义插件的示范。 查看全部
其实是否翻译这本书我内心是纠结的，毕竟已经有了一套完整的最好用的免费ERP系统Odoo 12开发手册，且以我个人的工作的方向而言目前使用 Odoo 的地方真心不多。这几个月有部分读者视我为 Odoo 的专家，我也竭力地解答了大部分问题，但我其实是属于 Odoo 社区的外围人员，对它的了解并不是很深入，也几乎没在相关交流群和论坛中做过任何发言。此外五月我计划中的翻译重点是一套人工智能的书（Python之 AI人工智能初学者指南），挑战还是蛮大的。
但冥冥中这本书的上一版（最好用的免费ERP系统Odoo 11开发指南）未完成翻译的挫败感和我深信未来会与 Odoo 有着紧密的交集促始我还是决定开始翻译这本书。不过翻译进度就真的是随缘了^-^
话说新版加了作者，页面数也足足多了300页（对比上一版第十七章到二十四章均为新增，真的是赚到了）
英文原书：Odoo 12 Development Cookbook - Third Edition
190+ unique recipes to build effective enterprise and business applications
by Parth Gajjar, Alexandre Fayolle, Holger Brunn, Daniel Reis
本书译本配套 GitHub 仓库：
WHY THIS VERSION
这本书我是五一假期时在 Packt 看到的，应该是4月份首发。今年已经翻译了好几本书，我对译书这件事在认识上还是有些变化的。这本书我一定不会像手册那本书一样追求快速译完，而是争取在翻译的过程中自己吸收更多知识也给读者更多的扩展。比如已经着手做的有Odoo 12开发者指南补充知识，添加了原书提及但又未进行讲解的知识，当然我所翻译的【已完结】精通Python自动化脚本-运维人员宝典和【已完结】精通 Docker 第三版中文版本身就是很好的知识补充。此外也会开始尝试编写一些与原书相关的脚本方便读者使用，如针对第一章的安装脚本，欢迎读者一起参与逐步进行完善。
在定位上我觉得这本书是比手册定位更高阶的一本书，因此值得更细致的打磨。欢迎读者朋友们在评论区留下自己的问题或分享你自己的学习经验。
前言
Odoo 是一个集成业务应用的套件。Odoo自带有25个不同的业务应用，涵盖CRM、生产制造、电商、会计等领域。简言之，它是一个覆盖你所有业务需求的多合一的解决方案。
Odoo 对开人员也是一个很棒的软件。有赖于 Odoo 强大的框架，开发人员可以从头开始构建强大的应用。Odoo框架有内置的插件机制。Odoo的内置应用也使用相同框架进行创建，并且其可扩展性有助于开发人员创建插件模块来修改已有应用。
Odoo涉及的领域很广，对于新手很难跟上这一学习曲线。Odoo 12开发者指南第三版提供一个逐步操作的指南来帮助你学习Odoo框架的方方面面，包括所有版本12的最新功能。它独特的设问和解决方案的方法有助于你解决日常Odoo开发中的问题。
本书面向的读者
这本书对于新手和有经验的开发人员都很适合。如果你有Python编程语言的基础知识，这本书可以帮助你很容易地习得Odoo框架的专业知识。如是你是一个想要使用Odoo框架开始高效业务应用，并想通过它来学习Odoo框架的实际案例，这本书非常适合你。
本书主要内容
第一章 安装Odoo开发环境：通过介绍Odoo生态系统进行开始。这里你将学习如何为开发环境安装并设置Odoo。你还将学习到如何激活开发工具。
第二章 管理Odoo服务器实例：有关安装和升级插件。它为你提供组织从GitHub上下载的自定义插件一些有用的小贴士。
第三章 服务器部署：有关如何为生产环境安装并配置Odoo实例。本章包含NGINX反向代理、SSL配置、启动服务和基本的Docker部署。还包含网站的CDN配置。
第四章 创建Odoo插件模块：讲解Odoo插件模块的结构并提供从零开始创建一个简单的Odoo模块的逐步操作指南。
第五章 应用模型：聚焦于Odoo模型结构，并讲解所有字段类型及它们的属性。本章还包含继承和扩展已有模型的不同方式。
第六章 基本服务端部署：介绍Odoo框架的API，展示增删改查（CRUD）方法以及其它常用方法的使用。本章还讲解如何在Odoo中编写业务逻辑。
第七章 模块数据：显示如何迁移你的插件模块和内置数据。还讲解编写迁移函数的基本步骤。
第八章 调试：提供调试Odoo代码的不同策略。本章包含开发者选项和Odoo shell的使用。
第九章 高级服务端开发技巧：讲解ORM框架更高级的课题。对于开发向导、SQL视图、安装钩子（hook）、on-change方法等非常有用。本章还讲解了如何在数据库中执行原生SQL查询。
第十章 后端视图：教授如何创建不同的UI视图以及如何从用户界面中触发业务逻辑。它涵盖了所有常用视图，如列表、表单、看板、日历、图形、搜索和透视表视图，还有一些新引入的视图，如cohort和仪表盘。本章还包含修改/继承已有视图的一些指导。
第十一章 权限安全：涵盖Odoo框架的安全方面。它显示了如何通过创建安全组、访问控制列表和记录级别规则来控制/限制用户对模型的访问。
第十二章 国际化：显示如何翻译你的插件模块的用户界面，并为管理翻译文件提供了有用的技巧。
第十三章 自动化、工作流和打印件：描绘了Odoo中实现更好的业务流程可用的不同工作和技巧。它展示如何使用服务端动作、自动化动作和基于时间的调度动作。本章还包含为你的模型创建PDF报告的指南。
第十四章 网页服务端开发：涵盖Odoo web服务的核心内容。它展示了如何创建自定义URL路径由来在指定URL上提供服务，以及如何对这些URL进行访问控制。
第十五章 CMS网站开发：讲解如何使用Odoo管理网站。还展示了如何创建和修改美观的网页和QWeb模板。本章还包含如何创建带选项的动态网页构建块。它包含一些管理 SEO、用户表单、UTM追踪、网站地图和获取访客地理信息的独立教程。本章还强调了Odoo中最新的多站点概念。
第十六章 网页客户端开发：深入到Odoo的JavaScript部分。涵盖了如何创建新字段控件以及对服务端发送RPC调用。还包含如何从零开始创建全新的视图。你还将学习如何创建操作向导。
第十七章 Odoo的应用内购买：涵盖有关Odoo最新的应用内购买（IAP）概念的所有内容。本章中你学习到如何为IAP创建客户端和服务模块。你还将学习到如何创建IAP账户并从终端用户提取IAP款项。
第十八章 自动化测试用例：涵盖如何在Odoo中编写和执行自动化测试用例，包含服务端、客户端以及操作向导集成的测试用例。本章还包含设置chrome-headless（无头浏览器模式）来截屏和录制视频来查看出错的客户端的测试用例的示范。
第十九章 使用Odoo.sh管理、部署和测试：讲解Odoo.sh，一个部署Odoo实例的PaaS平台，包含生产、模拟和开发分支的各方面。也讲解了该平台的不同选项。
第二十章 Odoo中的远程过程调用（RPC）：涵盖从外部应用连接Odoo实例的不同方式。本章教你如何通过XML-RPC、JSON-RPC和odoorpc库连接和从 Odoo实例访问数据。
第二十一章 性能优化：讲解用于获取Odoo中性能提升的不同概念和模式。本章包含预提取、ORM缓存和代码性能测试来监测性能问题的概念。
第二十二章 POS（销售点）：涵盖 POS 应用的自定义。包含用户界面、添加新动作按钮、修改业务流和扩展客户菜单的自定义。
第二十三章 在Odoo中管理email：讲解如何在Odoo中管理email和聊天工具。通过配置邮件服务器开始，然后讲解Odoo框架的邮件API。本章还涵盖Jinja2和QWeb邮件模板、表单视图、字段记录和活动的聊天工具。
第二十四章 IoT盒子：给出了最新的IoT盒子硬件的重点讲解。本章涵盖如何配置、访问和调试IoT盒子。不包含一个集成IoT盒子到你的自定义插件的示范。 查看全部
【进行中】Odoo 12开发者指南（Cookbook）第三版
其实是否翻译这本书我内心是纠结的，毕竟已经有了一套完整的最好用的免费ERP系统Odoo 12开发手册，且以我个人的工作的方向而言目前使用 Odoo 的地方真心不多。这几个月有部分读者视我为 Odoo 的专家，我也竭力地解答了大部分问题，但我其实是属于 Odoo 社区的外围人员，对它的了解并不是很深入，也几乎没在相关交流群和论坛中做过任何发言。此外五月我计划中的翻译重点是一套人工智能的书（Python之 AI人工智能初学者指南），挑战还是蛮大的。
但冥冥中这本书的上一版（最好用的免费ERP系统Odoo 11开发指南）未完成翻译的挫败感和我深信未来会与 Odoo 有着紧密的交集促始我还是决定开始翻译这本书。不过翻译进度就真的是随缘了^-^
话说新版加了作者，页面数也足足多了300页（对比上一版第十七章到二十四章均为新增，真的是赚到了）
英文原书：Odoo 12 Development Cookbook - Third Edition
190+ unique recipes to build effective enterprise and business applications
by Parth Gajjar, Alexandre Fayolle, Holger Brunn, Daniel Reis
本书译本配套 GitHub 仓库：
WHY THIS VERSION
这本书我是五一假期时在 Packt 看到的，应该是4月份首发。今年已经翻译了好几本书，我对译书这件事在认识上还是有些变化的。这本书我一定不会像手册那本书一样追求快速译完，而是争取在翻译的过程中自己吸收更多知识也给读者更多的扩展。比如已经着手做的有Odoo 12开发者指南补充知识，添加了原书提及但又未进行讲解的知识，当然我所翻译的【已完结】精通Python自动化脚本-运维人员宝典和【已完结】精通 Docker 第三版中文版本身就是很好的知识补充。此外也会开始尝试编写一些与原书相关的脚本方便读者使用，如针对第一章的安装脚本，欢迎读者一起参与逐步进行完善。
在定位上我觉得这本书是比手册定位更高阶的一本书，因此值得更细致的打磨。欢迎读者朋友们在评论区留下自己的问题或分享你自己的学习经验。
前言
Odoo 是一个集成业务应用的套件。Odoo自带有25个不同的业务应用，涵盖CRM、生产制造、电商、会计等领域。简言之，它是一个覆盖你所有业务需求的多合一的解决方案。
Odoo 对开人员也是一个很棒的软件。有赖于 Odoo 强大的框架，开发人员可以从头开始构建强大的应用。Odoo框架有内置的插件机制。Odoo的内置应用也使用相同框架进行创建，并且其可扩展性有助于开发人员创建插件模块来修改已有应用。
Odoo涉及的领域很广，对于新手很难跟上这一学习曲线。Odoo 12开发者指南第三版提供一个逐步操作的指南来帮助你学习Odoo框架的方方面面，包括所有版本12的最新功能。它独特的设问和解决方案的方法有助于你解决日常Odoo开发中的问题。
本书面向的读者
这本书对于新手和有经验的开发人员都很适合。如果你有Python编程语言的基础知识，这本书可以帮助你很容易地习得Odoo框架的专业知识。如是你是一个想要使用Odoo框架开始高效业务应用，并想通过它来学习Odoo框架的实际案例，这本书非常适合你。
本书主要内容
第一章 安装Odoo开发环境：通过介绍Odoo生态系统进行开始。这里你将学习如何为开发环境安装并设置Odoo。你还将学习到如何激活开发工具。
第二章 管理Odoo服务器实例：有关安装和升级插件。它为你提供组织从GitHub上下载的自定义插件一些有用的小贴士。
第三章 服务器部署：有关如何为生产环境安装并配置Odoo实例。本章包含NGINX反向代理、SSL配置、启动服务和基本的Docker部署。还包含网站的CDN配置。
第四章 创建Odoo插件模块：讲解Odoo插件模块的结构并提供从零开始创建一个简单的Odoo模块的逐步操作指南。
第五章 应用模型：聚焦于Odoo模型结构，并讲解所有字段类型及它们的属性。本章还包含继承和扩展已有模型的不同方式。
第六章 基本服务端部署：介绍Odoo框架的API，展示增删改查（CRUD）方法以及其它常用方法的使用。本章还讲解如何在Odoo中编写业务逻辑。
第七章 模块数据：显示如何迁移你的插件模块和内置数据。还讲解编写迁移函数的基本步骤。
第八章 调试：提供调试Odoo代码的不同策略。本章包含开发者选项和Odoo shell的使用。
第九章 高级服务端开发技巧：讲解ORM框架更高级的课题。对于开发向导、SQL视图、安装钩子（hook）、on-change方法等非常有用。本章还讲解了如何在数据库中执行原生SQL查询。
第十章 后端视图：教授如何创建不同的UI视图以及如何从用户界面中触发业务逻辑。它涵盖了所有常用视图，如列表、表单、看板、日历、图形、搜索和透视表视图，还有一些新引入的视图，如cohort和仪表盘。本章还包含修改/继承已有视图的一些指导。
第十一章 权限安全：涵盖Odoo框架的安全方面。它显示了如何通过创建安全组、访问控制列表和记录级别规则来控制/限制用户对模型的访问。
第十二章 国际化：显示如何翻译你的插件模块的用户界面，并为管理翻译文件提供了有用的技巧。
第十三章 自动化、工作流和打印件：描绘了Odoo中实现更好的业务流程可用的不同工作和技巧。它展示如何使用服务端动作、自动化动作和基于时间的调度动作。本章还包含为你的模型创建PDF报告的指南。
第十四章 网页服务端开发：涵盖Odoo web服务的核心内容。它展示了如何创建自定义URL路径由来在指定URL上提供服务，以及如何对这些URL进行访问控制。
第十五章 CMS网站开发：讲解如何使用Odoo管理网站。还展示了如何创建和修改美观的网页和QWeb模板。本章还包含如何创建带选项的动态网页构建块。它包含一些管理 SEO、用户表单、UTM追踪、网站地图和获取访客地理信息的独立教程。本章还强调了Odoo中最新的多站点概念。
第十六章 网页客户端开发：深入到Odoo的JavaScript部分。涵盖了如何创建新字段控件以及对服务端发送RPC调用。还包含如何从零开始创建全新的视图。你还将学习如何创建操作向导。
第十七章 Odoo的应用内购买：涵盖有关Odoo最新的应用内购买（IAP）概念的所有内容。本章中你学习到如何为IAP创建客户端和服务模块。你还将学习到如何创建IAP账户并从终端用户提取IAP款项。
第十八章 自动化测试用例：涵盖如何在Odoo中编写和执行自动化测试用例，包含服务端、客户端以及操作向导集成的测试用例。本章还包含设置chrome-headless（无头浏览器模式）来截屏和录制视频来查看出错的客户端的测试用例的示范。
第十九章 使用Odoo.sh管理、部署和测试：讲解Odoo.sh，一个部署Odoo实例的PaaS平台，包含生产、模拟和开发分支的各方面。也讲解了该平台的不同选项。
第二十章 Odoo中的远程过程调用（RPC）：涵盖从外部应用连接Odoo实例的不同方式。本章教你如何通过XML-RPC、JSON-RPC和odoorpc库连接和从 Odoo实例访问数据。
第二十一章 性能优化：讲解用于获取Odoo中性能提升的不同概念和模式。本章包含预提取、ORM缓存和代码性能测试来监测性能问题的概念。
第二十二章 POS（销售点）：涵盖 POS 应用的自定义。包含用户界面、添加新动作按钮、修改业务流和扩展客户菜单的自定义。
第二十三章 在Odoo中管理email：讲解如何在Odoo中管理email和聊天工具。通过配置邮件服务器开始，然后讲解Odoo框架的邮件API。本章还涵盖Jinja2和QWeb邮件模板、表单视图、字段记录和活动的聊天工具。
第二十四章 IoT盒子：给出了最新的IoT盒子硬件的重点讲解。本章涵盖如何配置、访问和调试IoT盒子。不包含一个集成IoT盒子到你的自定义插件的示范。
如何使用通达OA智能门户快速定制出企业自己的专属门户
网站优化 • 优采云 发表了文章 • 0 个评论 • 69 次浏览 • 2022-06-20 17:31
如何使用通达OA智能门户快速定制出企业自己的专属门户
效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“无身份限制(外部人员可访问)”。
2.再打开系统管理->界面设置，在“OA首页界面”处选择该门户即可。
2
如何把门户设定为用户的桌面显示模块？效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“所有OA用户可访问”。
2.用户可以到个人事务->控制面板->门户设置中设置为自己的桌面显示模块。
3.系统管理员可以到系统管理->组织机构设置->用户管理->批量用户个性设置中批量给所有用户添加。
3
如何将公告通知和新闻同步到门户？在公告管理和新闻管理中，查询列表操作中有推送至门户按钮，点击后可以选择在某个自由组件中展示，组件必须是图文列表或者文字列表，组件数据来源选择“CMS内容管理”，即可完成推送。
注意：推送至门户后如果想在门户上删除需要去智能门户/门户内容管理中删除。
4
智能门户如何获取OA业务数据？打开系统管理->数据源管理，在建立的数据源中新建数据集，数据集支持SQL语句、代码、可视化图形三种方式搭建，具体使用方法可以参考右上角的“使用须知”。
编辑门户时，在自由组件中选择“文字列表”组件，数据来源选择“OA业务数据”，并选择设置好的数据集即可。
5
如何使用自由组件中不同数据来源？自由组件的数据来源包含：OA业务数据、CMS内容管理、调取自定义栏目、RSS订阅数据，不同的组件适用不同的数据来源。OA业务数据：可以选择通过数据源功能创建的符合当前组件属性的数据集进行展示;添加数据集是在系统给管理/数据源管理中新建。
书写数据集的时候要按照自由组件中业务数据的规则进行是书写，否则在门户中是无法获取的。
CMS自定义页面：可通过文本编辑器进行页面的设计，内容在智能门户/门户内容管理中添加。
调取自定义栏目：可以调取其他数据来源为CMS内容管理的同类型组件，其他组件添加内容时勾选首页推荐则会在该组件下展示。
RSS订阅数据：可直接调取设置的订阅数据进行超链接展示。
6
如何手动维护门户自由组件内容？1.在智能门户->门户管理中进入门户设计页面，将组件的数据来源选择为CMS内容管理。
2.打开智能门户->门户内容管理，在对应门户目录下查看到这个组件，添加内容即可。
7
如何设置智能门户内容管理权限？进入智能门户->门户内容管理页面，点击左上角“权限管理”即可给其他用户分配内容管理权限。
在权限管理界面中新增/编辑与删除权限可分别授权，防止数据误删。
添加完之后有管理内容栏目权限的用户可对内容进行修改调整。
8
如何使用智能门户的文字列表组件？打开智能门户->门户管理->进入编辑门户页面，在自由组件中添加文字列表组件。
将该组件拖动至画布中，点击该组件，右侧会出现门户组件属性编辑框。
其中控件的命名和样式可以自由选择自己需要的风格；文字列表的内容来源有多种方式，选择OA业务数据，需要进行数据集的创建；选择cms内容管理，需要在门户内容管理中添加对应的内容；选择调取自定义栏目，保存之后可以调取其他栏目的内容；选择RSS内容管理，可以添加外部链接进行调用。
9
如何管理门户的修改日志？打开智能门户->门户内容管理，选择左侧栏目，可对门户日志进行管理。按键说明：批量删除：对日志进行批量删除；删除：对单条日志的删除操作；搜索：可以根据时间、内容进行搜索。
10
如何解决我的门户中看不到新建的门户？在智能门户->门户管理中设置门户为启用状态，并设置门户的访问权限。
这样有访问权限的账户从智能门户->我的门户中即可看到该门户。
查看全部
效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“无身份限制(外部人员可访问)”。
2.再打开系统管理->界面设置，在“OA首页界面”处选择该门户即可。
2
如何把门户设定为用户的桌面显示模块？效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“所有OA用户可访问”。
2.用户可以到个人事务->控制面板->门户设置中设置为自己的桌面显示模块。
3.系统管理员可以到系统管理->组织机构设置->用户管理->批量用户个性设置中批量给所有用户添加。
3
如何将公告通知和新闻同步到门户？在公告管理和新闻管理中，查询列表操作中有推送至门户按钮，点击后可以选择在某个自由组件中展示，组件必须是图文列表或者文字列表，组件数据来源选择“CMS内容管理”，即可完成推送。
注意：推送至门户后如果想在门户上删除需要去智能门户/门户内容管理中删除。
4
智能门户如何获取OA业务数据？打开系统管理->数据源管理，在建立的数据源中新建数据集，数据集支持SQL语句、代码、可视化图形三种方式搭建，具体使用方法可以参考右上角的“使用须知”。
编辑门户时，在自由组件中选择“文字列表”组件，数据来源选择“OA业务数据”，并选择设置好的数据集即可。
5
如何使用自由组件中不同数据来源？自由组件的数据来源包含：OA业务数据、CMS内容管理、调取自定义栏目、RSS订阅数据，不同的组件适用不同的数据来源。OA业务数据：可以选择通过数据源功能创建的符合当前组件属性的数据集进行展示;添加数据集是在系统给管理/数据源管理中新建。
书写数据集的时候要按照自由组件中业务数据的规则进行是书写，否则在门户中是无法获取的。
CMS自定义页面：可通过文本编辑器进行页面的设计，内容在智能门户/门户内容管理中添加。
调取自定义栏目：可以调取其他数据来源为CMS内容管理的同类型组件，其他组件添加内容时勾选首页推荐则会在该组件下展示。
RSS订阅数据：可直接调取设置的订阅数据进行超链接展示。
6
如何手动维护门户自由组件内容？1.在智能门户->门户管理中进入门户设计页面，将组件的数据来源选择为CMS内容管理。
2.打开智能门户->门户内容管理，在对应门户目录下查看到这个组件，添加内容即可。
7
如何设置智能门户内容管理权限？进入智能门户->门户内容管理页面，点击左上角“权限管理”即可给其他用户分配内容管理权限。
在权限管理界面中新增/编辑与删除权限可分别授权，防止数据误删。
添加完之后有管理内容栏目权限的用户可对内容进行修改调整。
8
如何使用智能门户的文字列表组件？打开智能门户->门户管理->进入编辑门户页面，在自由组件中添加文字列表组件。
将该组件拖动至画布中，点击该组件，右侧会出现门户组件属性编辑框。
其中控件的命名和样式可以自由选择自己需要的风格；文字列表的内容来源有多种方式，选择OA业务数据，需要进行数据集的创建；选择cms内容管理，需要在门户内容管理中添加对应的内容；选择调取自定义栏目，保存之后可以调取其他栏目的内容；选择RSS内容管理，可以添加外部链接进行调用。
9
如何管理门户的修改日志？打开智能门户->门户内容管理，选择左侧栏目，可对门户日志进行管理。按键说明：批量删除：对日志进行批量删除；删除：对单条日志的删除操作；搜索：可以根据时间、内容进行搜索。
10
如何解决我的门户中看不到新建的门户？在智能门户->门户管理中设置门户为启用状态，并设置门户的访问权限。
这样有访问权限的账户从智能门户->我的门户中即可看到该门户。
查看全部
如何使用通达OA智能门户快速定制出企业自己的专属门户
效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“无身份限制(外部人员可访问)”。
2.再打开系统管理->界面设置，在“OA首页界面”处选择该门户即可。
2
如何把门户设定为用户的桌面显示模块？效果图如下：
1.打开智能门户->门户管理，在门户操作处点击“编辑”进入门户编辑界面，之后在访问权限处勾选“所有OA用户可访问”。
2.用户可以到个人事务->控制面板->门户设置中设置为自己的桌面显示模块。
3.系统管理员可以到系统管理->组织机构设置->用户管理->批量用户个性设置中批量给所有用户添加。
3
如何将公告通知和新闻同步到门户？在公告管理和新闻管理中，查询列表操作中有推送至门户按钮，点击后可以选择在某个自由组件中展示，组件必须是图文列表或者文字列表，组件数据来源选择“CMS内容管理”，即可完成推送。
注意：推送至门户后如果想在门户上删除需要去智能门户/门户内容管理中删除。
4
智能门户如何获取OA业务数据？打开系统管理->数据源管理，在建立的数据源中新建数据集，数据集支持SQL语句、代码、可视化图形三种方式搭建，具体使用方法可以参考右上角的“使用须知”。
编辑门户时，在自由组件中选择“文字列表”组件，数据来源选择“OA业务数据”，并选择设置好的数据集即可。
5
如何使用自由组件中不同数据来源？自由组件的数据来源包含：OA业务数据、CMS内容管理、调取自定义栏目、RSS订阅数据，不同的组件适用不同的数据来源。OA业务数据：可以选择通过数据源功能创建的符合当前组件属性的数据集进行展示;添加数据集是在系统给管理/数据源管理中新建。
书写数据集的时候要按照自由组件中业务数据的规则进行是书写，否则在门户中是无法获取的。
CMS自定义页面：可通过文本编辑器进行页面的设计，内容在智能门户/门户内容管理中添加。
调取自定义栏目：可以调取其他数据来源为CMS内容管理的同类型组件，其他组件添加内容时勾选首页推荐则会在该组件下展示。
RSS订阅数据：可直接调取设置的订阅数据进行超链接展示。
6
如何手动维护门户自由组件内容？1.在智能门户->门户管理中进入门户设计页面，将组件的数据来源选择为CMS内容管理。
2.打开智能门户->门户内容管理，在对应门户目录下查看到这个组件，添加内容即可。
7
如何设置智能门户内容管理权限？进入智能门户->门户内容管理页面，点击左上角“权限管理”即可给其他用户分配内容管理权限。
在权限管理界面中新增/编辑与删除权限可分别授权，防止数据误删。
添加完之后有管理内容栏目权限的用户可对内容进行修改调整。
8
如何使用智能门户的文字列表组件？打开智能门户->门户管理->进入编辑门户页面，在自由组件中添加文字列表组件。
将该组件拖动至画布中，点击该组件，右侧会出现门户组件属性编辑框。
其中控件的命名和样式可以自由选择自己需要的风格；文字列表的内容来源有多种方式，选择OA业务数据，需要进行数据集的创建；选择cms内容管理，需要在门户内容管理中添加对应的内容；选择调取自定义栏目，保存之后可以调取其他栏目的内容；选择RSS内容管理，可以添加外部链接进行调用。
9
如何管理门户的修改日志？打开智能门户->门户内容管理，选择左侧栏目，可对门户日志进行管理。按键说明：批量删除：对日志进行批量删除；删除：对单条日志的删除操作；搜索：可以根据时间、内容进行搜索。
10
如何解决我的门户中看不到新建的门户？在智能门户->门户管理中设置门户为启用状态，并设置门户的访问权限。
这样有访问权限的账户从智能门户->我的门户中即可看到该门户。
cms网站内容如何自定义?网页制作系统20万立享年薪
网站优化 • 优采云 发表了文章 • 0 个评论 • 45 次浏览 • 2022-06-18 23:14
cms网站内容如何自定义?网页制作系统20万立享年薪
cms网站内容如何自定义?cms自定义可以定制，能力小型的网站没有必要用这个，如果要做中型的cms或者是小型个人站的话都是可以接受的。如果资金比较充足一般都是在高级定制上面去定制，开发定制和安装定制的费用也都是不一样的。以前听朋友说过的一个是千言网_专业html5,css3,scss网页制作系统,20万立享年薪，目前价格有点高。
站长朋友能接受的价格通常都在四五万之间。自定义网站是网站的重要组成部分之一，最重要的网站要有一个统一的简洁的网站，让用户浏览一个给人的感觉还算可以接受的网站，在这种前提下能够尽量精简你的网站，精简网站就是简化网站，能使网站更容易被搜索引擎识别。首先就是为了避免恶意，删除、修改、盗用你的网站的东西，其次对于你有需要的用户，或者是你网站的推广，能够给他提供很好的帮助，也能够在你的网站进行适当的加字描述的。
还有就是你的网站在设计、制作、功能、语言、布局、特殊、静态，排版，表格等都是能让人接受、看的下去的，以符合大多数用户的习惯，还有一点就是你的一些网站所包含的功能和特色，用户在网站上的关注程度要有吸引力。可以自定义的网站有很多，具体的要看你的要求，cms定制最少要15到20万左右，要看你的需求。至于cms定制有多贵，这个你在地图上面搜一下就知道的了，基本上可以在北京上海这样的一线城市买一套房子或者是在广州这样的二线城市买两套房子，或者是在深圳这样的三线城市买三套房子，当然我说的这个都是自己买的，没有别人补助的，这个还是要根据你的位置，环境来决定的。
还有定制的网站有些功能是实现不了的，这个你只能做部分的功能，或者是需要适当的修改，一旦修改那基本上是没有方向和结果的，所以还是推荐个人网站吧。另外说的是cms定制比较贵，但是定制的cms后台更灵活，更加方便，同时网站的灵活性也要比个人建站的灵活性要好一些，所以你有特殊要求的话，我建议你定制的cms要更好一些。
码字不易，若有帮助请点赞支持，谢谢！知乎专栏：网站制作（），学习更多网站制作知识！欢迎交流、共同进步！。 查看全部
cms网站内容如何自定义?cms自定义可以定制，能力小型的网站没有必要用这个，如果要做中型的cms或者是小型个人站的话都是可以接受的。如果资金比较充足一般都是在高级定制上面去定制，开发定制和安装定制的费用也都是不一样的。以前听朋友说过的一个是千言网_专业html5,css3,scss网页制作系统,20万立享年薪，目前价格有点高。
站长朋友能接受的价格通常都在四五万之间。自定义网站是网站的重要组成部分之一，最重要的网站要有一个统一的简洁的网站，让用户浏览一个给人的感觉还算可以接受的网站，在这种前提下能够尽量精简你的网站，精简网站就是简化网站，能使网站更容易被搜索引擎识别。首先就是为了避免恶意，删除、修改、盗用你的网站的东西，其次对于你有需要的用户，或者是你网站的推广，能够给他提供很好的帮助，也能够在你的网站进行适当的加字描述的。
还有就是你的网站在设计、制作、功能、语言、布局、特殊、静态，排版，表格等都是能让人接受、看的下去的，以符合大多数用户的习惯，还有一点就是你的一些网站所包含的功能和特色，用户在网站上的关注程度要有吸引力。可以自定义的网站有很多，具体的要看你的要求，cms定制最少要15到20万左右，要看你的需求。至于cms定制有多贵，这个你在地图上面搜一下就知道的了，基本上可以在北京上海这样的一线城市买一套房子或者是在广州这样的二线城市买两套房子，或者是在深圳这样的三线城市买三套房子，当然我说的这个都是自己买的，没有别人补助的，这个还是要根据你的位置，环境来决定的。
还有定制的网站有些功能是实现不了的，这个你只能做部分的功能，或者是需要适当的修改，一旦修改那基本上是没有方向和结果的，所以还是推荐个人网站吧。另外说的是cms定制比较贵，但是定制的cms后台更灵活，更加方便，同时网站的灵活性也要比个人建站的灵活性要好一些，所以你有特殊要求的话，我建议你定制的cms要更好一些。
码字不易，若有帮助请点赞支持，谢谢！知乎专栏：网站制作（），学习更多网站制作知识！欢迎交流、共同进步！。 查看全部
cms网站内容如何自定义?网页制作系统20万立享年薪
cms网站内容如何自定义?cms自定义可以定制，能力小型的网站没有必要用这个，如果要做中型的cms或者是小型个人站的话都是可以接受的。如果资金比较充足一般都是在高级定制上面去定制，开发定制和安装定制的费用也都是不一样的。以前听朋友说过的一个是千言网_专业html5,css3,scss网页制作系统,20万立享年薪，目前价格有点高。
站长朋友能接受的价格通常都在四五万之间。自定义网站是网站的重要组成部分之一，最重要的网站要有一个统一的简洁的网站，让用户浏览一个给人的感觉还算可以接受的网站，在这种前提下能够尽量精简你的网站，精简网站就是简化网站，能使网站更容易被搜索引擎识别。首先就是为了避免恶意，删除、修改、盗用你的网站的东西，其次对于你有需要的用户，或者是你网站的推广，能够给他提供很好的帮助，也能够在你的网站进行适当的加字描述的。
还有就是你的网站在设计、制作、功能、语言、布局、特殊、静态，排版，表格等都是能让人接受、看的下去的，以符合大多数用户的习惯，还有一点就是你的一些网站所包含的功能和特色，用户在网站上的关注程度要有吸引力。可以自定义的网站有很多，具体的要看你的要求，cms定制最少要15到20万左右，要看你的需求。至于cms定制有多贵，这个你在地图上面搜一下就知道的了，基本上可以在北京上海这样的一线城市买一套房子或者是在广州这样的二线城市买两套房子，或者是在深圳这样的三线城市买三套房子，当然我说的这个都是自己买的，没有别人补助的，这个还是要根据你的位置，环境来决定的。
还有定制的网站有些功能是实现不了的，这个你只能做部分的功能，或者是需要适当的修改，一旦修改那基本上是没有方向和结果的，所以还是推荐个人网站吧。另外说的是cms定制比较贵，但是定制的cms后台更灵活，更加方便，同时网站的灵活性也要比个人建站的灵活性要好一些，所以你有特殊要求的话，我建议你定制的cms要更好一些。
码字不易，若有帮助请点赞支持，谢谢！知乎专栏：网站制作（），学习更多网站制作知识！欢迎交流、共同进步！。
网站没流量？教你做大你的流量池
网站优化 • 优采云 发表了文章 • 0 个评论 • 63 次浏览 • 2022-06-18 10:00
网站没流量？教你做大你的流量池
什么是流量？跟手机流量不同的是，我们这里讲的流量是运营术语，英文指的是traffic，它是指你的独立站或者APP带来的访问量。如果平常有人问你这个网站流量有多少，意思是指问网站的访问量有多少。
01
如何监控网站的流量数据
网站的流量是运营的对网站的直接结果，流量是很重要的衡量指标。我们追踪一个独立站常见的工具是Google Analytics,中文叫做谷歌分析工具。我们现在使用的Google Analytics版本是Google Analtics 4。
如何创建Google Analytics4？
第一步：登陆
找到管理》账号》+创建账号
第二步：点击下一项，给媒体资源设置名称命名，直接点击下一步，
第三步：关于您的商家》回答企业信息》点击创建》接受Google Analytics（分析）服务条款协议，点击我接受
第四步：选择平台》网站
第五步：设置数据流》输入网站网址+数据流名称命名》点击创建数据流
第六步：网站数据流详情里面会出现代码添加说明，网站上添加上以下某种代码就可以在Google Analytics工具内收集网站流量和数据。这里有两种代码添加说明：全局网站代码（gtag.js）和Google跟踪代码管理器。
如果是谷歌大叔团队建设的网站，后台已预留接口，填入“数据流ID” 即可完成代码部署。
全局网站代码（gtag.js）：
复制全局网站代码（gtag.js),将全局网站代码（gtag.js)粘贴到HTML的 部分。如果你使用的是CMS托管的网站，以下是具体的代码安装说明：
#cms&zippy=
如果您不想使用全局网站代码（gtag.js）来追踪网站数据的话，就可以使用Google跟踪代码管理器来追踪网站数据，记住，这两种方式只能选一种代码跟踪，不然网站数据就会重复了。上面说了使用全局网站代码（gtag.js）来追踪网站数据的设置，接下来我们说一下第二种使用Google跟踪代码管理器来跟踪网站数据的设置：
Google跟踪代码管理器：
第一步是创建GTM账户：#/home》登陆之后》点击创建账号create account》添加新账号add a new account：账户设置+选择目标广告平台，然后点击创建
进入跟踪代码管理器账户之后就出来安装Google跟踪代码管理器了，复制出现的两段代码粘贴到你网站的每个网页上，这里每段代码的安装都有详细的说明。
第二步是将Google Analytics4 分析里面的网站数据流详情里面的衡量ID G-XXXXXXXX复制到谷歌跟踪代码管理器里面，这样就可以将你网站的数据传到GA4的后台里面了。以下是Google Analytics4 分析数据流的衡量ID：
具体做法如下：
找到跟踪代码管理器里面的代码》点击新建》
代码配置选择Google Analytics(分析)：GA4配置
复制衡量ID，粘贴到衡量ID空白处，触发条件选择All pages（网页浏览），代码重命名，保存
点击提交
完成。
02
流量渠道
按照SimilarWeb网站流量工具对网站流量来源的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告流量Display Ads。
这部分我们就这些网站的流量渠道挨个介绍一下，然后再说一下这些流量是怎么样获取到的以及引流的具体做法。
2.1直接流量Direct
一般品牌较好的独立站的直接流量（Direct）能占到独立站60%以上的份额，品牌越大的直接流量越多。例如亚马逊的直接流量是59%，谷歌的直接流量是92%。从数据上就可以看出来品牌越大的网站直接流量占比越多，小品牌的网站直接流量占比越小。
直接流量（Direct）主要是由以下几种途径带来的：网站的老用户带来的重复访问、靠品牌带来的流量、网红营销带来的流量、线上线下的渠道流量以及APP带来的直接流量。
网站的原始流量一般是由记住域名的老访客和通过收藏网站域名的老访客带来的流量。
产品品牌知名度带来的直接流量是指通过搜索产品品牌例如iPhone13，huaweiP50等进入网站的流量。
网红营销是在一些行业或社群中，寻找有知名度的人，通过网红来进行宣传推广和推荐商品的目的，而这类通过网红进行品牌营销给网站带来的流量就是网红营销的流量。
线上渠道如亚马逊或沃尔玛、阿里巴巴这样的线上平台做线上营销例如平台广告或者平台品牌展示等线上活动，线下营销是指实体店在做促销宣传活动，例如运动器材店的的滑板促销活动。
跟产品品牌带来的流量不同，这部分的流量是通过整体品牌知名度也就是公司品牌来的，比如说iPhone，Huawei等，整体品牌知名度带来的直接流量是通过搜索品牌的进入网站的流量。
对于APP的流量统计来说，点击APP进来的都算直接流量。
2.2 付费搜索
在全球各搜索引擎平台上做付费广告，比如说Google、Bing、Yahoo、Baidu、YANDEX、DuckDuckGo或Naver等，在这些平台上做广告给网站带来的流量就是付费搜索的流量。
2022年5月公布的搜索引擎市场份额占比如下：Google（92·05%）、Bing（2·83%）、Yahoo（1·65%）、Baidu（0·98%）、YANDEX（0·76%）、DuckDuckGo（0·53%）
Google搜索引擎
首先必提的全球搜索引擎是Google，从数据上看Google是目前世界上市场占有份额最大的搜索引擎，跨境电商如果有独立站的话做海外营销基本上都会选择投放Google广告。
Google的定位方式
绝大部分商家投放Google广告的定位方式都是使用关键词、目标投放国家和语言来进行用户定位的。
使用关键词定位可以保证点击广告的流量是精准的，选择好投放国家和语言最好根据行业市场决定。
流量跟踪工具
如前面所提到的，你可以使用Gtag.js代码或者Google跟踪代码管理器（Google GTM）再结合GA4的数据流跟踪ID来跟踪和监控网站的流量情况，具体设置方法请看本篇文章的第一部分-如何监控网站的流量。
关键词广告投放
查看关键词报告、搜索字词报告、地理位置报告、语言数据报告、以及各展示平台的数据、把以下差的各数据可以采取删除、加否定关键词、降低出价比这些措施来降低询盘成本。
Shopping广告
如果你是一家跨境电商的零售商，就可以使用谷歌购物广告（Google Shopping）来推广你的产品，以此来增加网站的流量或本地店铺的客流量。
使用谷歌购物广告需要使用 Merchant Center 向Google提供产品数据，谷歌Shopping广告是一种非常直观的广告格式，这种广告向用户展示产品照片，其中包括名称、价格和商店名称等信息，因而可为网站带来更多的流量。
其它搜索引擎平台
除了搜索引擎市场占比第一的Google, 其它的搜索引擎平台还有bing、俄罗斯的Yandex、还有日本的Yahoo、韩国的Naver等。这些平台的推广定位以及广告展示形式和优化的思路都是差不多的，在这就不一一细说了。
2.3 社交流量
社交流量（Social）是指通过社交媒体来到网站的流量：这些社交媒体有Youtube、Facebook、LinkedIn、Quora、Reddit、pinterest、Twitter、nstagram、Tumblr和Discord等。
YouTube社交媒体的流量组成主要有三个部分：自己做的视频流量、网红给你做的视频流量和相关视频评论带来的网站流量。
其中自己做的视频流量主要是由Google排名、YouTube站内和站内相关视频的推荐流量来的，而Youtube站内的排名因素有视频的SEOtitle、视频观看量、视频点赞量、视频观看看时长、视频评论量、粉丝量和视频长度 5～10分钟。
Facebook社交媒体的流量主要由四部分组成的：公众主页、Facebook群组、个人Facebook主页和Facebook广告。
公共主页：跟个人Facebook主页不同的是，公共主页类似于企业或商家在Facebook上的微信公众号，粉丝可以接收到每一个公众主页推送的消息。
Facebook群组：Facebook小组是用户交流的社区，用户围绕共同话题聚集在一个小组内，进行学习、分享和讨论，Facebook小组是不少企业用来获取精准流量的渠道。
个人Facebook主页：个人Facebook主页是指个人的主页，类似于微信的朋友圈功能。
Facebook广告：Facebook广告投放的效果影响主要是两点：优秀的广告素材还有精准的受众定位，这两点的实现需要推广团队、产品团队和运营团队紧密配合，找到精准的受众群体、深挖产品或服务亮点并结合热门话题或事件来做素材。
Linkedin社交媒体的流量主要是由三部分的流量组成的：LinkedIn个人主页、公司主页还有linkedIn广告。
Quora是一个问答网站，有人称呼它为美版的知乎。从Quora上获得精准流量需要注意以下三点：关注行业内的问题，回复最优质的答案，如果你发或者回答的帖子想获得比较好的排名或者流量的话，点赞和转发和浏览量是一个决定因素。
其它社交平台
你可以充分利用社交媒体的流量来宣传你的品牌，除了以上几个常见的社交平台，其它社交平台的如Reddit、Pinterest、Twitter、Instagram、Whatsapp、Tumblr和Discord的流量。
想知道自己网站的社交媒体的流量分布吗？可以使用SimilarWeb（访问地址：）的工具来分析流量来源。如果你想知道你的竞争对手社交平台的流量都是来自哪些平台的话，也可以使用SimilarWeb工具查看。
2.4 引荐流量
引荐流量（Referral）是来自搜索引擎各个网域的引荐流量，这些流量包括网站论坛的帖子或相关网站上的静态网页，一般以外链居多。
如果网站上的外链数量比较多，那么这个网站的引荐流量相对也是比较多的。
2.5 展示广告
展示广告（Display）是在展示广告网络中投放的文字、图片或者视频的广告，展示广告可以展示在数以万计的网站上、应用和搜索引擎自有的一些资源上，展示广告可以用比较便宜的成本给网站带来很多流量。
我们常见的展示广告有Google展示广告、Yahoo Advertising展示广告、Pure Leads和Skimlinks。
2.6 电子邮件营销流量
电子邮件营销也叫邮件营销，简称EDM。商家可以利用电子邮件跟客户进行商业沟通的一种非常直接的方式。
电子邮件营销的流量通常由三个方面构成：你跟客户沟通交流的邮件、会员通过注册邮件订阅点击进来的流量以及邮件营销（又称）开发信引来的流量。
2.7 Web Push
Web push 主要用于订阅推送消息的服务，一旦用户订阅了某个网站的 Web Push 后，只要网站发送推送消息并且你的电脑是开着的，就会收到Web push推送的消息。
跟电子邮件营销不同的是，Web Push不需要打开邮件就能直接收到推送的消息。它可以使订阅的老用户在接收到最新的网站消息时有效地吸引他们访问你的网站。
03
怎么样获取流量报告？
我们平时看流量报告的时候可以使用两个工具。第一个是SimilarWeb，另外一个是谷歌分析工具（Google Analytics4）流量工具。以下是每一种流量工具的具体用法：
3.1 SimilarWeb网站流量工具
按照SimilarWeb网站流量工具对网站流量来源（Traffic Sources）的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告Display Ads。
用SimilarWeb工具的好处是不用安装谷歌分析账户就能看到自己网站和别家网站的渠道来源，而且是免费的。
3.2 谷歌分析工具（Google Analytics4）流量工具
按照谷歌分析工具（Google Analytics）对流量的划分，一个独立站的流量由谷歌自然流量（Organic Search、Direct组成）、付费搜索（Paid search、Paid Shopping组成）、社交流量（Oranic Social）、引荐流量（Referal）、展示广告（Display）等几部分组成。
使用谷歌分析工具（Google Analytics4）流量工具的好处是你可以通过流量获取报告了解网站上的新用户如何找到你的网站的或者现有用户如何回访你的网站的。如果你在自己网上上安装了谷歌分析代码，谷歌分析工具后台就能看到自己网站的流量报告，但看不到别人家的流量报告（除非你有别人家谷歌分析工具的分析权限）。
以下是Google Analytics4流量获取的报告：
04
更多关于流量的视频教程
如果你想知道更多关于流量的视频教程，请扫码加入我们的社群观看视频教程，这次视频教程绝对是十年经验积累沉淀，毫无保留的流程体系。因为我们的Lisa老师，有做过3个B端网站行业第一、一个C端行业第一、培养过上百个学员的经验。
即刻扫码加入我们的社群观看视频教程吧，在Lisa老师视频的课程培训下让你的网站收获更多的流量，抢占海外市场！ 查看全部
什么是流量？跟手机流量不同的是，我们这里讲的流量是运营术语，英文指的是traffic，它是指你的独立站或者APP带来的访问量。如果平常有人问你这个网站流量有多少，意思是指问网站的访问量有多少。
01
如何监控网站的流量数据
网站的流量是运营的对网站的直接结果，流量是很重要的衡量指标。我们追踪一个独立站常见的工具是Google Analytics,中文叫做谷歌分析工具。我们现在使用的Google Analytics版本是Google Analtics 4。
如何创建Google Analytics4？
第一步：登陆
找到管理》账号》+创建账号
第二步：点击下一项，给媒体资源设置名称命名，直接点击下一步，
第三步：关于您的商家》回答企业信息》点击创建》接受Google Analytics（分析）服务条款协议，点击我接受
第四步：选择平台》网站
第五步：设置数据流》输入网站网址+数据流名称命名》点击创建数据流
第六步：网站数据流详情里面会出现代码添加说明，网站上添加上以下某种代码就可以在Google Analytics工具内收集网站流量和数据。这里有两种代码添加说明：全局网站代码（gtag.js）和Google跟踪代码管理器。
如果是谷歌大叔团队建设的网站，后台已预留接口，填入“数据流ID” 即可完成代码部署。
全局网站代码（gtag.js）：
复制全局网站代码（gtag.js),将全局网站代码（gtag.js)粘贴到HTML的 部分。如果你使用的是CMS托管的网站，以下是具体的代码安装说明：
#cms&zippy=
如果您不想使用全局网站代码（gtag.js）来追踪网站数据的话，就可以使用Google跟踪代码管理器来追踪网站数据，记住，这两种方式只能选一种代码跟踪，不然网站数据就会重复了。上面说了使用全局网站代码（gtag.js）来追踪网站数据的设置，接下来我们说一下第二种使用Google跟踪代码管理器来跟踪网站数据的设置：
Google跟踪代码管理器：
第一步是创建GTM账户：#/home》登陆之后》点击创建账号create account》添加新账号add a new account：账户设置+选择目标广告平台，然后点击创建
进入跟踪代码管理器账户之后就出来安装Google跟踪代码管理器了，复制出现的两段代码粘贴到你网站的每个网页上，这里每段代码的安装都有详细的说明。
第二步是将Google Analytics4 分析里面的网站数据流详情里面的衡量ID G-XXXXXXXX复制到谷歌跟踪代码管理器里面，这样就可以将你网站的数据传到GA4的后台里面了。以下是Google Analytics4 分析数据流的衡量ID：
具体做法如下：
找到跟踪代码管理器里面的代码》点击新建》
代码配置选择Google Analytics(分析)：GA4配置
复制衡量ID，粘贴到衡量ID空白处，触发条件选择All pages（网页浏览），代码重命名，保存
点击提交
完成。
02
流量渠道
按照SimilarWeb网站流量工具对网站流量来源的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告流量Display Ads。
这部分我们就这些网站的流量渠道挨个介绍一下，然后再说一下这些流量是怎么样获取到的以及引流的具体做法。
2.1直接流量Direct
一般品牌较好的独立站的直接流量（Direct）能占到独立站60%以上的份额，品牌越大的直接流量越多。例如亚马逊的直接流量是59%，谷歌的直接流量是92%。从数据上就可以看出来品牌越大的网站直接流量占比越多，小品牌的网站直接流量占比越小。
直接流量（Direct）主要是由以下几种途径带来的：网站的老用户带来的重复访问、靠品牌带来的流量、网红营销带来的流量、线上线下的渠道流量以及APP带来的直接流量。
网站的原始流量一般是由记住域名的老访客和通过收藏网站域名的老访客带来的流量。
产品品牌知名度带来的直接流量是指通过搜索产品品牌例如iPhone13，huaweiP50等进入网站的流量。
网红营销是在一些行业或社群中，寻找有知名度的人，通过网红来进行宣传推广和推荐商品的目的，而这类通过网红进行品牌营销给网站带来的流量就是网红营销的流量。
线上渠道如亚马逊或沃尔玛、阿里巴巴这样的线上平台做线上营销例如平台广告或者平台品牌展示等线上活动，线下营销是指实体店在做促销宣传活动，例如运动器材店的的滑板促销活动。
跟产品品牌带来的流量不同，这部分的流量是通过整体品牌知名度也就是公司品牌来的，比如说iPhone，Huawei等，整体品牌知名度带来的直接流量是通过搜索品牌的进入网站的流量。
对于APP的流量统计来说，点击APP进来的都算直接流量。
2.2 付费搜索
在全球各搜索引擎平台上做付费广告，比如说Google、Bing、Yahoo、Baidu、YANDEX、DuckDuckGo或Naver等，在这些平台上做广告给网站带来的流量就是付费搜索的流量。
2022年5月公布的搜索引擎市场份额占比如下：Google（92·05%）、Bing（2·83%）、Yahoo（1·65%）、Baidu（0·98%）、YANDEX（0·76%）、DuckDuckGo（0·53%）
Google搜索引擎
首先必提的全球搜索引擎是Google，从数据上看Google是目前世界上市场占有份额最大的搜索引擎，跨境电商如果有独立站的话做海外营销基本上都会选择投放Google广告。
Google的定位方式
绝大部分商家投放Google广告的定位方式都是使用关键词、目标投放国家和语言来进行用户定位的。
使用关键词定位可以保证点击广告的流量是精准的，选择好投放国家和语言最好根据行业市场决定。
流量跟踪工具
如前面所提到的，你可以使用Gtag.js代码或者Google跟踪代码管理器（Google GTM）再结合GA4的数据流跟踪ID来跟踪和监控网站的流量情况，具体设置方法请看本篇文章的第一部分-如何监控网站的流量。
关键词广告投放
查看关键词报告、搜索字词报告、地理位置报告、语言数据报告、以及各展示平台的数据、把以下差的各数据可以采取删除、加否定关键词、降低出价比这些措施来降低询盘成本。
Shopping广告
如果你是一家跨境电商的零售商，就可以使用谷歌购物广告（Google Shopping）来推广你的产品，以此来增加网站的流量或本地店铺的客流量。
使用谷歌购物广告需要使用 Merchant Center 向Google提供产品数据，谷歌Shopping广告是一种非常直观的广告格式，这种广告向用户展示产品照片，其中包括名称、价格和商店名称等信息，因而可为网站带来更多的流量。
其它搜索引擎平台
除了搜索引擎市场占比第一的Google, 其它的搜索引擎平台还有bing、俄罗斯的Yandex、还有日本的Yahoo、韩国的Naver等。这些平台的推广定位以及广告展示形式和优化的思路都是差不多的，在这就不一一细说了。
2.3 社交流量
社交流量（Social）是指通过社交媒体来到网站的流量：这些社交媒体有Youtube、Facebook、LinkedIn、Quora、Reddit、pinterest、Twitter、nstagram、Tumblr和Discord等。
YouTube社交媒体的流量组成主要有三个部分：自己做的视频流量、网红给你做的视频流量和相关视频评论带来的网站流量。
其中自己做的视频流量主要是由Google排名、YouTube站内和站内相关视频的推荐流量来的，而Youtube站内的排名因素有视频的SEOtitle、视频观看量、视频点赞量、视频观看看时长、视频评论量、粉丝量和视频长度 5～10分钟。
Facebook社交媒体的流量主要由四部分组成的：公众主页、Facebook群组、个人Facebook主页和Facebook广告。
公共主页：跟个人Facebook主页不同的是，公共主页类似于企业或商家在Facebook上的微信公众号，粉丝可以接收到每一个公众主页推送的消息。
Facebook群组：Facebook小组是用户交流的社区，用户围绕共同话题聚集在一个小组内，进行学习、分享和讨论，Facebook小组是不少企业用来获取精准流量的渠道。
个人Facebook主页：个人Facebook主页是指个人的主页，类似于微信的朋友圈功能。
Facebook广告：Facebook广告投放的效果影响主要是两点：优秀的广告素材还有精准的受众定位，这两点的实现需要推广团队、产品团队和运营团队紧密配合，找到精准的受众群体、深挖产品或服务亮点并结合热门话题或事件来做素材。
Linkedin社交媒体的流量主要是由三部分的流量组成的：LinkedIn个人主页、公司主页还有linkedIn广告。
Quora是一个问答网站，有人称呼它为美版的知乎。从Quora上获得精准流量需要注意以下三点：关注行业内的问题，回复最优质的答案，如果你发或者回答的帖子想获得比较好的排名或者流量的话，点赞和转发和浏览量是一个决定因素。
其它社交平台
你可以充分利用社交媒体的流量来宣传你的品牌，除了以上几个常见的社交平台，其它社交平台的如Reddit、Pinterest、Twitter、Instagram、Whatsapp、Tumblr和Discord的流量。
想知道自己网站的社交媒体的流量分布吗？可以使用SimilarWeb（访问地址：）的工具来分析流量来源。如果你想知道你的竞争对手社交平台的流量都是来自哪些平台的话，也可以使用SimilarWeb工具查看。
2.4 引荐流量
引荐流量（Referral）是来自搜索引擎各个网域的引荐流量，这些流量包括网站论坛的帖子或相关网站上的静态网页，一般以外链居多。
如果网站上的外链数量比较多，那么这个网站的引荐流量相对也是比较多的。
2.5 展示广告
展示广告（Display）是在展示广告网络中投放的文字、图片或者视频的广告，展示广告可以展示在数以万计的网站上、应用和搜索引擎自有的一些资源上，展示广告可以用比较便宜的成本给网站带来很多流量。
我们常见的展示广告有Google展示广告、Yahoo Advertising展示广告、Pure Leads和Skimlinks。
2.6 电子邮件营销流量
电子邮件营销也叫邮件营销，简称EDM。商家可以利用电子邮件跟客户进行商业沟通的一种非常直接的方式。
电子邮件营销的流量通常由三个方面构成：你跟客户沟通交流的邮件、会员通过注册邮件订阅点击进来的流量以及邮件营销（又称）开发信引来的流量。
2.7 Web Push
Web push 主要用于订阅推送消息的服务，一旦用户订阅了某个网站的 Web Push 后，只要网站发送推送消息并且你的电脑是开着的，就会收到Web push推送的消息。
跟电子邮件营销不同的是，Web Push不需要打开邮件就能直接收到推送的消息。它可以使订阅的老用户在接收到最新的网站消息时有效地吸引他们访问你的网站。
03
怎么样获取流量报告？
我们平时看流量报告的时候可以使用两个工具。第一个是SimilarWeb，另外一个是谷歌分析工具（Google Analytics4）流量工具。以下是每一种流量工具的具体用法：
3.1 SimilarWeb网站流量工具
按照SimilarWeb网站流量工具对网站流量来源（Traffic Sources）的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告Display Ads。
用SimilarWeb工具的好处是不用安装谷歌分析账户就能看到自己网站和别家网站的渠道来源，而且是免费的。
3.2 谷歌分析工具（Google Analytics4）流量工具
按照谷歌分析工具（Google Analytics）对流量的划分，一个独立站的流量由谷歌自然流量（Organic Search、Direct组成）、付费搜索（Paid search、Paid Shopping组成）、社交流量（Oranic Social）、引荐流量（Referal）、展示广告（Display）等几部分组成。
使用谷歌分析工具（Google Analytics4）流量工具的好处是你可以通过流量获取报告了解网站上的新用户如何找到你的网站的或者现有用户如何回访你的网站的。如果你在自己网上上安装了谷歌分析代码，谷歌分析工具后台就能看到自己网站的流量报告，但看不到别人家的流量报告（除非你有别人家谷歌分析工具的分析权限）。
以下是Google Analytics4流量获取的报告：
04
更多关于流量的视频教程
如果你想知道更多关于流量的视频教程，请扫码加入我们的社群观看视频教程，这次视频教程绝对是十年经验积累沉淀，毫无保留的流程体系。因为我们的Lisa老师，有做过3个B端网站行业第一、一个C端行业第一、培养过上百个学员的经验。
即刻扫码加入我们的社群观看视频教程吧，在Lisa老师视频的课程培训下让你的网站收获更多的流量，抢占海外市场！ 查看全部
网站没流量？教你做大你的流量池
什么是流量？跟手机流量不同的是，我们这里讲的流量是运营术语，英文指的是traffic，它是指你的独立站或者APP带来的访问量。如果平常有人问你这个网站流量有多少，意思是指问网站的访问量有多少。
01
如何监控网站的流量数据
网站的流量是运营的对网站的直接结果，流量是很重要的衡量指标。我们追踪一个独立站常见的工具是Google Analytics,中文叫做谷歌分析工具。我们现在使用的Google Analytics版本是Google Analtics 4。
如何创建Google Analytics4？
第一步：登陆
找到管理》账号》+创建账号
第二步：点击下一项，给媒体资源设置名称命名，直接点击下一步，
第三步：关于您的商家》回答企业信息》点击创建》接受Google Analytics（分析）服务条款协议，点击我接受
第四步：选择平台》网站
第五步：设置数据流》输入网站网址+数据流名称命名》点击创建数据流
第六步：网站数据流详情里面会出现代码添加说明，网站上添加上以下某种代码就可以在Google Analytics工具内收集网站流量和数据。这里有两种代码添加说明：全局网站代码（gtag.js）和Google跟踪代码管理器。
如果是谷歌大叔团队建设的网站，后台已预留接口，填入“数据流ID” 即可完成代码部署。
全局网站代码（gtag.js）：
复制全局网站代码（gtag.js),将全局网站代码（gtag.js)粘贴到HTML的 部分。如果你使用的是CMS托管的网站，以下是具体的代码安装说明：
#cms&zippy=
如果您不想使用全局网站代码（gtag.js）来追踪网站数据的话，就可以使用Google跟踪代码管理器来追踪网站数据，记住，这两种方式只能选一种代码跟踪，不然网站数据就会重复了。上面说了使用全局网站代码（gtag.js）来追踪网站数据的设置，接下来我们说一下第二种使用Google跟踪代码管理器来跟踪网站数据的设置：
Google跟踪代码管理器：
第一步是创建GTM账户：#/home》登陆之后》点击创建账号create account》添加新账号add a new account：账户设置+选择目标广告平台，然后点击创建
进入跟踪代码管理器账户之后就出来安装Google跟踪代码管理器了，复制出现的两段代码粘贴到你网站的每个网页上，这里每段代码的安装都有详细的说明。
第二步是将Google Analytics4 分析里面的网站数据流详情里面的衡量ID G-XXXXXXXX复制到谷歌跟踪代码管理器里面，这样就可以将你网站的数据传到GA4的后台里面了。以下是Google Analytics4 分析数据流的衡量ID：
具体做法如下：
找到跟踪代码管理器里面的代码》点击新建》
代码配置选择Google Analytics(分析)：GA4配置
复制衡量ID，粘贴到衡量ID空白处，触发条件选择All pages（网页浏览），代码重命名，保存
点击提交
完成。
02
流量渠道
按照SimilarWeb网站流量工具对网站流量来源的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告流量Display Ads。
这部分我们就这些网站的流量渠道挨个介绍一下，然后再说一下这些流量是怎么样获取到的以及引流的具体做法。
2.1直接流量Direct
一般品牌较好的独立站的直接流量（Direct）能占到独立站60%以上的份额，品牌越大的直接流量越多。例如亚马逊的直接流量是59%，谷歌的直接流量是92%。从数据上就可以看出来品牌越大的网站直接流量占比越多，小品牌的网站直接流量占比越小。
直接流量（Direct）主要是由以下几种途径带来的：网站的老用户带来的重复访问、靠品牌带来的流量、网红营销带来的流量、线上线下的渠道流量以及APP带来的直接流量。
网站的原始流量一般是由记住域名的老访客和通过收藏网站域名的老访客带来的流量。
产品品牌知名度带来的直接流量是指通过搜索产品品牌例如iPhone13，huaweiP50等进入网站的流量。
网红营销是在一些行业或社群中，寻找有知名度的人，通过网红来进行宣传推广和推荐商品的目的，而这类通过网红进行品牌营销给网站带来的流量就是网红营销的流量。
线上渠道如亚马逊或沃尔玛、阿里巴巴这样的线上平台做线上营销例如平台广告或者平台品牌展示等线上活动，线下营销是指实体店在做促销宣传活动，例如运动器材店的的滑板促销活动。
跟产品品牌带来的流量不同，这部分的流量是通过整体品牌知名度也就是公司品牌来的，比如说iPhone，Huawei等，整体品牌知名度带来的直接流量是通过搜索品牌的进入网站的流量。
对于APP的流量统计来说，点击APP进来的都算直接流量。
2.2 付费搜索
在全球各搜索引擎平台上做付费广告，比如说Google、Bing、Yahoo、Baidu、YANDEX、DuckDuckGo或Naver等，在这些平台上做广告给网站带来的流量就是付费搜索的流量。
2022年5月公布的搜索引擎市场份额占比如下：Google（92·05%）、Bing（2·83%）、Yahoo（1·65%）、Baidu（0·98%）、YANDEX（0·76%）、DuckDuckGo（0·53%）
Google搜索引擎
首先必提的全球搜索引擎是Google，从数据上看Google是目前世界上市场占有份额最大的搜索引擎，跨境电商如果有独立站的话做海外营销基本上都会选择投放Google广告。
Google的定位方式
绝大部分商家投放Google广告的定位方式都是使用关键词、目标投放国家和语言来进行用户定位的。
使用关键词定位可以保证点击广告的流量是精准的，选择好投放国家和语言最好根据行业市场决定。
流量跟踪工具
如前面所提到的，你可以使用Gtag.js代码或者Google跟踪代码管理器（Google GTM）再结合GA4的数据流跟踪ID来跟踪和监控网站的流量情况，具体设置方法请看本篇文章的第一部分-如何监控网站的流量。
关键词广告投放
查看关键词报告、搜索字词报告、地理位置报告、语言数据报告、以及各展示平台的数据、把以下差的各数据可以采取删除、加否定关键词、降低出价比这些措施来降低询盘成本。
Shopping广告
如果你是一家跨境电商的零售商，就可以使用谷歌购物广告（Google Shopping）来推广你的产品，以此来增加网站的流量或本地店铺的客流量。
使用谷歌购物广告需要使用 Merchant Center 向Google提供产品数据，谷歌Shopping广告是一种非常直观的广告格式，这种广告向用户展示产品照片，其中包括名称、价格和商店名称等信息，因而可为网站带来更多的流量。
其它搜索引擎平台
除了搜索引擎市场占比第一的Google, 其它的搜索引擎平台还有bing、俄罗斯的Yandex、还有日本的Yahoo、韩国的Naver等。这些平台的推广定位以及广告展示形式和优化的思路都是差不多的，在这就不一一细说了。
2.3 社交流量
社交流量（Social）是指通过社交媒体来到网站的流量：这些社交媒体有Youtube、Facebook、LinkedIn、Quora、Reddit、pinterest、Twitter、nstagram、Tumblr和Discord等。
YouTube社交媒体的流量组成主要有三个部分：自己做的视频流量、网红给你做的视频流量和相关视频评论带来的网站流量。
其中自己做的视频流量主要是由Google排名、YouTube站内和站内相关视频的推荐流量来的，而Youtube站内的排名因素有视频的SEOtitle、视频观看量、视频点赞量、视频观看看时长、视频评论量、粉丝量和视频长度 5～10分钟。
Facebook社交媒体的流量主要由四部分组成的：公众主页、Facebook群组、个人Facebook主页和Facebook广告。
公共主页：跟个人Facebook主页不同的是，公共主页类似于企业或商家在Facebook上的微信公众号，粉丝可以接收到每一个公众主页推送的消息。
Facebook群组：Facebook小组是用户交流的社区，用户围绕共同话题聚集在一个小组内，进行学习、分享和讨论，Facebook小组是不少企业用来获取精准流量的渠道。
个人Facebook主页：个人Facebook主页是指个人的主页，类似于微信的朋友圈功能。
Facebook广告：Facebook广告投放的效果影响主要是两点：优秀的广告素材还有精准的受众定位，这两点的实现需要推广团队、产品团队和运营团队紧密配合，找到精准的受众群体、深挖产品或服务亮点并结合热门话题或事件来做素材。
Linkedin社交媒体的流量主要是由三部分的流量组成的：LinkedIn个人主页、公司主页还有linkedIn广告。
Quora是一个问答网站，有人称呼它为美版的知乎。从Quora上获得精准流量需要注意以下三点：关注行业内的问题，回复最优质的答案，如果你发或者回答的帖子想获得比较好的排名或者流量的话，点赞和转发和浏览量是一个决定因素。
其它社交平台
你可以充分利用社交媒体的流量来宣传你的品牌，除了以上几个常见的社交平台，其它社交平台的如Reddit、Pinterest、Twitter、Instagram、Whatsapp、Tumblr和Discord的流量。
想知道自己网站的社交媒体的流量分布吗？可以使用SimilarWeb（访问地址：）的工具来分析流量来源。如果你想知道你的竞争对手社交平台的流量都是来自哪些平台的话，也可以使用SimilarWeb工具查看。
2.4 引荐流量
引荐流量（Referral）是来自搜索引擎各个网域的引荐流量，这些流量包括网站论坛的帖子或相关网站上的静态网页，一般以外链居多。
如果网站上的外链数量比较多，那么这个网站的引荐流量相对也是比较多的。
2.5 展示广告
展示广告（Display）是在展示广告网络中投放的文字、图片或者视频的广告，展示广告可以展示在数以万计的网站上、应用和搜索引擎自有的一些资源上，展示广告可以用比较便宜的成本给网站带来很多流量。
我们常见的展示广告有Google展示广告、Yahoo Advertising展示广告、Pure Leads和Skimlinks。
2.6 电子邮件营销流量
电子邮件营销也叫邮件营销，简称EDM。商家可以利用电子邮件跟客户进行商业沟通的一种非常直接的方式。
电子邮件营销的流量通常由三个方面构成：你跟客户沟通交流的邮件、会员通过注册邮件订阅点击进来的流量以及邮件营销（又称）开发信引来的流量。
2.7 Web Push
Web push 主要用于订阅推送消息的服务，一旦用户订阅了某个网站的 Web Push 后，只要网站发送推送消息并且你的电脑是开着的，就会收到Web push推送的消息。
跟电子邮件营销不同的是，Web Push不需要打开邮件就能直接收到推送的消息。它可以使订阅的老用户在接收到最新的网站消息时有效地吸引他们访问你的网站。
03
怎么样获取流量报告？
我们平时看流量报告的时候可以使用两个工具。第一个是SimilarWeb，另外一个是谷歌分析工具（Google Analytics4）流量工具。以下是每一种流量工具的具体用法：
3.1 SimilarWeb网站流量工具
按照SimilarWeb网站流量工具对网站流量来源（Traffic Sources）的划分，常见的流量渠道有直接流量Direct、搜索流量Search、引荐流量Referrals、社交流量Social、邮件流量Email和展示广告Display Ads。
用SimilarWeb工具的好处是不用安装谷歌分析账户就能看到自己网站和别家网站的渠道来源，而且是免费的。
3.2 谷歌分析工具（Google Analytics4）流量工具
按照谷歌分析工具（Google Analytics）对流量的划分，一个独立站的流量由谷歌自然流量（Organic Search、Direct组成）、付费搜索（Paid search、Paid Shopping组成）、社交流量（Oranic Social）、引荐流量（Referal）、展示广告（Display）等几部分组成。
使用谷歌分析工具（Google Analytics4）流量工具的好处是你可以通过流量获取报告了解网站上的新用户如何找到你的网站的或者现有用户如何回访你的网站的。如果你在自己网上上安装了谷歌分析代码，谷歌分析工具后台就能看到自己网站的流量报告，但看不到别人家的流量报告（除非你有别人家谷歌分析工具的分析权限）。
以下是Google Analytics4流量获取的报告：
04
更多关于流量的视频教程
如果你想知道更多关于流量的视频教程，请扫码加入我们的社群观看视频教程，这次视频教程绝对是十年经验积累沉淀，毫无保留的流程体系。因为我们的Lisa老师，有做过3个B端网站行业第一、一个C端行业第一、培养过上百个学员的经验。
即刻扫码加入我们的社群观看视频教程吧，在Lisa老师视频的课程培训下让你的网站收获更多的流量，抢占海外市场！
16 个优秀的 Vue 开源项目
网站优化 • 优采云 发表了文章 • 0 个评论 • 276 次浏览 • 2022-06-18 09:54
16 个优秀的 Vue 开源项目
为什么我们要关注Vue
Vue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。
Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可用的数据以及库的数量也会随之增加。
使用Vue的益处
框架很小。这个框架的大小是18- 21KB ；
Vue支持基于组件的方法来构建Web应用程序;
文档详细。开发人员总是喜欢使用带有详细文档的框架，因为他们编写第一个应用程序总是很容易；
通俗易懂。由于Vue. js 结构简单,用户可以很容易地将其添加到Web项目中。它有一个定义良好的体系结构来保存您的数据。生命周期法与定制法分离；
集成简单。你可以简单地通过CDN添加Vue. js –无需设置节点和npm开始使用Vue. js 。你也可以使用它作为一个伟大的jQuery替代品；
工具完善。Vue. js 就有了。VueCLI 允许你启动新项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Typescript、PWA等——它们都是内置的。此外，VueCLI 还提供了管理项目的UI。
使用Vue的项目
如果你想创建轻量级且易于修复的应用程序，那么Vue. js 是一个不错的选择。
学习曲线相当低，允许在短时间内掌握框架，然后继续进行应用程序开发。我们建议在以下情况下使用Vue:
如果您想构建单页应用程序或渐进式WebApp (你可以使用nuxt. js 框架);
你想让你的团队学习新的技术，Vue是一个很好的选择；
快速构建MVP；
你想建立一个SEO友好的应用程序;
你有一个紧张的预算和希望迅速地测试的想法。
Vue的受欢迎度
谈到Vue. js 的受欢迎程度,在#vue . js 中的StackOverflow内有超过57, 000 个问题和大约15, 000个npm包。与其他框架相比，Vue. js 仍然排在第三位，但在没有Facebook和Google支持的情况下仍然拥有非常好的社区。
开放源码项目的评价标准
文档。任何好的项目都应该有全面的文档；
如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量，这是必不可少的；
如何很好地组织与问题的工作。处理问题的工作应组织良好，以便操作人员知道首先解决哪些问题；
项目是否有路线图？路线图帮助贡献者选择他们将首先开发的特性；
Github上的星星数。这一标准在一定程度上反映了项目的质量；
成熟度。分析项目开发并试图决定应该使用什么作为工具来获得结果，需要小心选择尚未成熟或没有十足把握的工具；
bug或者漏洞。如果你需要帮助，可能没有大型的知识库或社区。
在我们的选择中,我们根据功能目的划分项目:
·CMS和生成器；
·UI组件；
·应用程序；
·工具包;
·开发者工具。
Vue开源项目
我们列出了你应该了解的最重要的工具和库,并最终在Vue. js 项目中使用和贡献。与许多其他文章只列出UI组件库不同，我们在Vue生态系统中包含了其他库和插件。
我们的选择是基于他们的有用性、有效性、文档、想法和贡献指南。
01CMSand Generators
页面工具包
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
该产品具有CMS的所有主要和高级功能：
·可定制的分析仪表板与网站性能;
·网站内容编辑页面；
·内置博客；
·HTML和Markdown 编辑器;
·文件管理器；
·用户角色管理。
还有一些东西和特点对开发者特别有用。该产品使用简单的ORM、模块化架构和包管理构建。还有一个内置的调试工具栏，可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外，也可以使用CLI执行系统更新、安装和卸载扩展和主题，以及直接从终端清除缓存。
该产品有一个强大的贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。社区没有那么大，但非常发达，热心帮助新人。
因此,这是一个非常强大的产品,具有非常全面的文档和透明的贡献指南。开启开源世界之路的绝佳选择。
02Vuepress
VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。在VuePress 帮助下，网站创建使用VueRouter 、Vue和webpack 。最初，该产品是作为编写技术文档的工具而创建的，但现在它是一个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。
该项目有一个组织良好的捐款指南，工作流程透明。它还有很好的问题管理功能。社区有超过300个活跃贡献者,他们可以支持你。这是你开始为开源项目做贡献的好选择。
03Vue店面
Vuestorefront是一款面向电子商务的PWA，可以连接到几乎任何电子商务后端：它使用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方法、服务器端渲染（有利于SEO）和离线模式。
该产品拥有一个发达的社区：Slack中约有2000名开发者和180多名活跃贡献者。这是特别有价值的，因为团队有一个清晰的路线图，所以你作为一个贡献者可以选择你可以做的任务。总之，这是一个非常有趣的，支持和需要在上面花时间的产品。
04Vuegg
Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据你的选择移动它们的大小，从而构建Vue. js 项目。这个项目的目的是合并设计和原型到一个单一的过程。
显著特征:
·通过拖放组件和移动/调整它们的大小来模拟/还原它们；
·支持标准鼠标和键盘组合;
·响应式预览(手机、平板电脑、网络);
·一组基本的HTML5元素;
·材料设计组件（vue- mdc - adapter ）；
·Vuejs 源代码生成(download . zip )。
这个项目有一个清晰的路线图，你可以直接在Github上看到。由于该项目是相当新的，仍在进行中的工作没有贡献指南，但你可以自由的打开任何问题和公关。
05Gridsome
Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，数据管理用GraphQL 。
工作方式可以概括为以下三个步骤:
你提供Markdown 、JSON、YAML或CVS数据格式的内容，或者从WordPress或Drupal等CMS导入内容；
内容转化为一个GraphQL 层，提供集中的数据管理；
然后用这些数据用Vue构建你的应用。
在开发方面，文档有一个清晰的路线图、一个描述良好的更改日志和一个贡献指南。投稿是一个不错的选择。
06UI组件
Vuetify
Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该框架是与RTL和VueCLI - 3 兼容。Vuetify 的所有组件都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 支持所有现代网络浏览器——甚至是IE11 和Safari9 +(使用多功能填充)。它还提供了现成的项目脚手架,这样您就可以用一个命令开始构建您的Vue. js 应用程序。
它提供了一组基于材料设计的组件,例如:
·按钮；
·投入；
·卡片；
·表，
·清单。
Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件：广泛的文档、贡献指南、问题管理。但在我们看来，这很难做出贡献，因为社区已经很大了。
07Buefy
Buefy基于Bulma为Vue. js 提供了轻量级的UI组件。Buefy有两个核心原则：让事情简单化，轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件，但它为你提供了随时可用的移动优先和响应式的UI组件。
特点：
·支持MaterialDesign 图标和FontAwesome ;
·非常轻便，除了Vue& Bu lma 之外没有内部依赖；
·约88KB min + gzip ;
·语义代码输出。
08VueMaterial
VUEMaterial简单，轻巧，完全按照GoogleMaterial Design规范建造。VUE材料提供超过56个组件来构建不同类型的布局。一个伟大的事情是材料设计框架有真正彻底的文档。该框架非常轻量级，包含完整的组件，完全符合GoogleMaterial Design准则。这种设计适合每一个屏幕，并支持每一个现代浏览器。
路线图、贡献指南、好的文档和更新日志都在这里。对于喜欢UI项目的开发者来说，是一个不错的选择。
09应用
Koel
Koel是一个个人音乐流媒体服务，你可以根据你的需要定制。客户端用Vue编写，后端用Laravel编写。koel以web开发者为目标,采用了一些更现代化的web技术,比如flexbox 、音频和拖放api等等。
这个项目在Github上相当受欢迎，有52个贡献者。不幸的是，没有详细的贡献指南，但是作者在Github上写道，在你提交任何东西之前，你需要打开一个问题。还有一个通过Opencollective 赞助该项目的选项。
我们喜欢这个项目背后的想法，使一个流媒体服务，将由社区开发。因此，如果你热爱音乐，想要提高自己的Vue技能，投稿会是一个不错的选择。
10Eagle.js
Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。它还支持动画，主题，和互动小部件，这是伟大的网页演示。
使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件中，然后在其他幻灯片显示中重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板，可以轻松地开始开发。
这个项目有一个贡献指南，里面有你可以提供帮助的想法。我们认为这是一个值得花时间做的好项目：它真的帮助了很多人做演示。此外,在Eagle的帮助下,开始学习Vue很容易。
11工具包
Nuxt.js
Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用，或者只是将其用作静态站点生成器。它也是模块化的，所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。
特点：
·热代码重载；
·服务器端渲染或单页应用程序或静态生成，您选择；
·使用nuxt. config . js 文件可配置；
·每个页面的代码拆分；
·用layouts/目录定制布局；
·只加载关键的CSS（页面级）。
Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。
12Quasar
Quasar是一个通用的、Vue支持的框架，允许您使用相同的代码库为不同平台编写应用程序：SPA、PWA、SSR应用程序、混合移动应用程序或多平台桌面应用程序。类星体有多达81个组件。
有一个好的文档和大量的组件设计的性能和响应。Quasar在默认情况下集成了最佳实践（HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性），因此你可以主要关注应用的功能。它还提供了一个cli工具,用于轻松构建新项目的支架。
该框架有一个很棒的社区，支持聊天和论坛，加上明显的贡献指南。此外,你可以通过捐钱来支持该工具。
13BootstrapVue
引导Vue是一个基于引导库的UI工具包。它简单地用Vue代码替换常规引导组件中的JavaScript。使用BootstrapVue，你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。
文档是广泛的,再加上社区的支持是强大的不和谐,使它成为一个安全的选择,有人开始一个项目,并作出贡献。
14开发人员工具
Statusfy
Statusfy 是一个完全开源的状态页面系统。Statusfy 站点是一个Web应用程序，创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
这很酷，因为：
·Markdown 支持;
·它是一个渐进式网络应用程序；
·多语言支持;
·轻松定制。
在社区管理和支持方面，这款产品有社区聊天、众多教程、提示、更新和博客。它也有一个广泛的文件和贡献指南。
我们会推荐这个项目的贡献，因为它是一个真正伟大的工具，使开发人员的生活真的很容易。此外,您还将熟悉Vue周围的所有主要技术。
15Cachet
Cachet是一个强大的开源状态页面系统，用Vue和Bootstrap制作。它内置了10种语言。Cachet与一个简单（但功能强大）的JSONAPI 捆绑在一起。此外，通过Cachet，你可以提前安排活动。在仪表板中,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。
Slack里有一个相当大的社区，贡献者非常活跃。开始为开源社区做贡献是一个不错的选择——活跃的社区，中等规模的项目，好主意。
16VeeValidate
VeeValidate 是一个基于模板的Vue. js 验证框架，允许你验证输入和显示错误。
由于它是基于模板的，你只需要为每个输入指定当值更改时应该使用哪种验证器。错误将自动生成的40+地区支持。很多规则都是开箱即用的。
特点：
·熟悉且易于设置的基于模板的验证；
·i18n支持和错误消息在40+地区;
·异步和自定义规则支持；
·用TypeScript编写；
·没有依赖。
VeeValidate 处理表单验证的主要痛点，并以最灵活的方式处理它们：
·能够为你的用户设计复杂的用户体验；
·大多数常见的验证是内置的；
·跨领域验证；
·用于增强窗体的可访问性和样式的实用程序；
·本地化是内置到核心。
团队欢迎每个人为项目做出贡献，并有一个很好的文档和贡献指南。它也有一些伟大的例子和伟大的社区。
结论
我们收集了Vue上最有用、最成熟的开源项目。我们想再次指出：首先，在选择一个供资项目之前，要注意以下事项：文档和贡献指南还有，选择自己最喜欢的项目，不管是否热门。如果您希望我们在这个集合中包含任何其他工具,请给我们写信。我们希望您能分享这篇文章，以帮助人们了解伟大的开源项目。
--- EOF ---
推荐↓↓↓ 查看全部
为什么我们要关注Vue
Vue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。
Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可用的数据以及库的数量也会随之增加。
使用Vue的益处
框架很小。这个框架的大小是18- 21KB ；
Vue支持基于组件的方法来构建Web应用程序;
文档详细。开发人员总是喜欢使用带有详细文档的框架，因为他们编写第一个应用程序总是很容易；
通俗易懂。由于Vue. js 结构简单,用户可以很容易地将其添加到Web项目中。它有一个定义良好的体系结构来保存您的数据。生命周期法与定制法分离；
集成简单。你可以简单地通过CDN添加Vue. js –无需设置节点和npm开始使用Vue. js 。你也可以使用它作为一个伟大的jQuery替代品；
工具完善。Vue. js 就有了。VueCLI 允许你启动新项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Typescript、PWA等——它们都是内置的。此外，VueCLI 还提供了管理项目的UI。
使用Vue的项目
如果你想创建轻量级且易于修复的应用程序，那么Vue. js 是一个不错的选择。
学习曲线相当低，允许在短时间内掌握框架，然后继续进行应用程序开发。我们建议在以下情况下使用Vue:
如果您想构建单页应用程序或渐进式WebApp (你可以使用nuxt. js 框架);
你想让你的团队学习新的技术，Vue是一个很好的选择；
快速构建MVP；
你想建立一个SEO友好的应用程序;
你有一个紧张的预算和希望迅速地测试的想法。
Vue的受欢迎度
谈到Vue. js 的受欢迎程度,在#vue . js 中的StackOverflow内有超过57, 000 个问题和大约15, 000个npm包。与其他框架相比，Vue. js 仍然排在第三位，但在没有Facebook和Google支持的情况下仍然拥有非常好的社区。
开放源码项目的评价标准
文档。任何好的项目都应该有全面的文档；
如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量，这是必不可少的；
如何很好地组织与问题的工作。处理问题的工作应组织良好，以便操作人员知道首先解决哪些问题；
项目是否有路线图？路线图帮助贡献者选择他们将首先开发的特性；
Github上的星星数。这一标准在一定程度上反映了项目的质量；
成熟度。分析项目开发并试图决定应该使用什么作为工具来获得结果，需要小心选择尚未成熟或没有十足把握的工具；
bug或者漏洞。如果你需要帮助，可能没有大型的知识库或社区。
在我们的选择中,我们根据功能目的划分项目:
·CMS和生成器；
·UI组件；
·应用程序；
·工具包;
·开发者工具。
Vue开源项目
我们列出了你应该了解的最重要的工具和库,并最终在Vue. js 项目中使用和贡献。与许多其他文章只列出UI组件库不同，我们在Vue生态系统中包含了其他库和插件。
我们的选择是基于他们的有用性、有效性、文档、想法和贡献指南。
01CMSand Generators
页面工具包
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
该产品具有CMS的所有主要和高级功能：
·可定制的分析仪表板与网站性能;
·网站内容编辑页面；
·内置博客；
·HTML和Markdown 编辑器;
·文件管理器；
·用户角色管理。
还有一些东西和特点对开发者特别有用。该产品使用简单的ORM、模块化架构和包管理构建。还有一个内置的调试工具栏，可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外，也可以使用CLI执行系统更新、安装和卸载扩展和主题，以及直接从终端清除缓存。
该产品有一个强大的贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。社区没有那么大，但非常发达，热心帮助新人。
因此,这是一个非常强大的产品,具有非常全面的文档和透明的贡献指南。开启开源世界之路的绝佳选择。
02Vuepress
VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。在VuePress 帮助下，网站创建使用VueRouter 、Vue和webpack 。最初，该产品是作为编写技术文档的工具而创建的，但现在它是一个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。
该项目有一个组织良好的捐款指南，工作流程透明。它还有很好的问题管理功能。社区有超过300个活跃贡献者,他们可以支持你。这是你开始为开源项目做贡献的好选择。
03Vue店面
Vuestorefront是一款面向电子商务的PWA，可以连接到几乎任何电子商务后端：它使用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方法、服务器端渲染（有利于SEO）和离线模式。
该产品拥有一个发达的社区：Slack中约有2000名开发者和180多名活跃贡献者。这是特别有价值的，因为团队有一个清晰的路线图，所以你作为一个贡献者可以选择你可以做的任务。总之，这是一个非常有趣的，支持和需要在上面花时间的产品。
04Vuegg
Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据你的选择移动它们的大小，从而构建Vue. js 项目。这个项目的目的是合并设计和原型到一个单一的过程。
显著特征:
·通过拖放组件和移动/调整它们的大小来模拟/还原它们；
·支持标准鼠标和键盘组合;
·响应式预览(手机、平板电脑、网络);
·一组基本的HTML5元素;
·材料设计组件（vue- mdc - adapter ）；
·Vuejs 源代码生成(download . zip )。
这个项目有一个清晰的路线图，你可以直接在Github上看到。由于该项目是相当新的，仍在进行中的工作没有贡献指南，但你可以自由的打开任何问题和公关。
05Gridsome
Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，数据管理用GraphQL 。
工作方式可以概括为以下三个步骤:
你提供Markdown 、JSON、YAML或CVS数据格式的内容，或者从WordPress或Drupal等CMS导入内容；
内容转化为一个GraphQL 层，提供集中的数据管理；
然后用这些数据用Vue构建你的应用。
在开发方面，文档有一个清晰的路线图、一个描述良好的更改日志和一个贡献指南。投稿是一个不错的选择。
06UI组件
Vuetify
Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该框架是与RTL和VueCLI - 3 兼容。Vuetify 的所有组件都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 支持所有现代网络浏览器——甚至是IE11 和Safari9 +(使用多功能填充)。它还提供了现成的项目脚手架,这样您就可以用一个命令开始构建您的Vue. js 应用程序。
它提供了一组基于材料设计的组件,例如:
·按钮；
·投入；
·卡片；
·表，
·清单。
Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件：广泛的文档、贡献指南、问题管理。但在我们看来，这很难做出贡献，因为社区已经很大了。
07Buefy
Buefy基于Bulma为Vue. js 提供了轻量级的UI组件。Buefy有两个核心原则：让事情简单化，轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件，但它为你提供了随时可用的移动优先和响应式的UI组件。
特点：
·支持MaterialDesign 图标和FontAwesome ;
·非常轻便，除了Vue& Bu lma 之外没有内部依赖；
·约88KB min + gzip ;
·语义代码输出。
08VueMaterial
VUEMaterial简单，轻巧，完全按照GoogleMaterial Design规范建造。VUE材料提供超过56个组件来构建不同类型的布局。一个伟大的事情是材料设计框架有真正彻底的文档。该框架非常轻量级，包含完整的组件，完全符合GoogleMaterial Design准则。这种设计适合每一个屏幕，并支持每一个现代浏览器。
路线图、贡献指南、好的文档和更新日志都在这里。对于喜欢UI项目的开发者来说，是一个不错的选择。
09应用
Koel
Koel是一个个人音乐流媒体服务，你可以根据你的需要定制。客户端用Vue编写，后端用Laravel编写。koel以web开发者为目标,采用了一些更现代化的web技术,比如flexbox 、音频和拖放api等等。
这个项目在Github上相当受欢迎，有52个贡献者。不幸的是，没有详细的贡献指南，但是作者在Github上写道，在你提交任何东西之前，你需要打开一个问题。还有一个通过Opencollective 赞助该项目的选项。
我们喜欢这个项目背后的想法，使一个流媒体服务，将由社区开发。因此，如果你热爱音乐，想要提高自己的Vue技能，投稿会是一个不错的选择。
10Eagle.js
Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。它还支持动画，主题，和互动小部件，这是伟大的网页演示。
使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件中，然后在其他幻灯片显示中重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板，可以轻松地开始开发。
这个项目有一个贡献指南，里面有你可以提供帮助的想法。我们认为这是一个值得花时间做的好项目：它真的帮助了很多人做演示。此外,在Eagle的帮助下,开始学习Vue很容易。
11工具包
Nuxt.js
Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用，或者只是将其用作静态站点生成器。它也是模块化的，所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。
特点：
·热代码重载；
·服务器端渲染或单页应用程序或静态生成，您选择；
·使用nuxt. config . js 文件可配置；
·每个页面的代码拆分；
·用layouts/目录定制布局；
·只加载关键的CSS（页面级）。
Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。
12Quasar
Quasar是一个通用的、Vue支持的框架，允许您使用相同的代码库为不同平台编写应用程序：SPA、PWA、SSR应用程序、混合移动应用程序或多平台桌面应用程序。类星体有多达81个组件。
有一个好的文档和大量的组件设计的性能和响应。Quasar在默认情况下集成了最佳实践（HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性），因此你可以主要关注应用的功能。它还提供了一个cli工具,用于轻松构建新项目的支架。
该框架有一个很棒的社区，支持聊天和论坛，加上明显的贡献指南。此外,你可以通过捐钱来支持该工具。
13BootstrapVue
引导Vue是一个基于引导库的UI工具包。它简单地用Vue代码替换常规引导组件中的JavaScript。使用BootstrapVue，你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。
文档是广泛的,再加上社区的支持是强大的不和谐,使它成为一个安全的选择,有人开始一个项目,并作出贡献。
14开发人员工具
Statusfy
Statusfy 是一个完全开源的状态页面系统。Statusfy 站点是一个Web应用程序，创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
这很酷，因为：
·Markdown 支持;
·它是一个渐进式网络应用程序；
·多语言支持;
·轻松定制。
在社区管理和支持方面，这款产品有社区聊天、众多教程、提示、更新和博客。它也有一个广泛的文件和贡献指南。
我们会推荐这个项目的贡献，因为它是一个真正伟大的工具，使开发人员的生活真的很容易。此外,您还将熟悉Vue周围的所有主要技术。
15Cachet
Cachet是一个强大的开源状态页面系统，用Vue和Bootstrap制作。它内置了10种语言。Cachet与一个简单（但功能强大）的JSONAPI 捆绑在一起。此外，通过Cachet，你可以提前安排活动。在仪表板中,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。
Slack里有一个相当大的社区，贡献者非常活跃。开始为开源社区做贡献是一个不错的选择——活跃的社区，中等规模的项目，好主意。
16VeeValidate
VeeValidate 是一个基于模板的Vue. js 验证框架，允许你验证输入和显示错误。
由于它是基于模板的，你只需要为每个输入指定当值更改时应该使用哪种验证器。错误将自动生成的40+地区支持。很多规则都是开箱即用的。
特点：
·熟悉且易于设置的基于模板的验证；
·i18n支持和错误消息在40+地区;
·异步和自定义规则支持；
·用TypeScript编写；
·没有依赖。
VeeValidate 处理表单验证的主要痛点，并以最灵活的方式处理它们：
·能够为你的用户设计复杂的用户体验；
·大多数常见的验证是内置的；
·跨领域验证；
·用于增强窗体的可访问性和样式的实用程序；
·本地化是内置到核心。
团队欢迎每个人为项目做出贡献，并有一个很好的文档和贡献指南。它也有一些伟大的例子和伟大的社区。
结论
我们收集了Vue上最有用、最成熟的开源项目。我们想再次指出：首先，在选择一个供资项目之前，要注意以下事项：文档和贡献指南还有，选择自己最喜欢的项目，不管是否热门。如果您希望我们在这个集合中包含任何其他工具,请给我们写信。我们希望您能分享这篇文章，以帮助人们了解伟大的开源项目。
--- EOF ---
推荐↓↓↓ 查看全部
16 个优秀的 Vue 开源项目
为什么我们要关注Vue
Vue是一个用于构建用户界面的JavaScript框架。值得关注的是，它在没有谷歌和Facebook的支持下获得了大量的人气。
Vue是结合react和angular的最好的方法，并且拥有一个有凝聚力的，活跃的，能够应对开发问题的大型社区。相同的社区能够不断地提出新的方法去解决常规的问题。随着贡献量的增加，可用的数据以及库的数量也会随之增加。
使用Vue的益处
框架很小。这个框架的大小是18- 21KB ；
Vue支持基于组件的方法来构建Web应用程序;
文档详细。开发人员总是喜欢使用带有详细文档的框架，因为他们编写第一个应用程序总是很容易；
通俗易懂。由于Vue. js 结构简单,用户可以很容易地将其添加到Web项目中。它有一个定义良好的体系结构来保存您的数据。生命周期法与定制法分离；
集成简单。你可以简单地通过CDN添加Vue. js –无需设置节点和npm开始使用Vue. js 。你也可以使用它作为一个伟大的jQuery替代品；
工具完善。Vue. js 就有了。VueCLI 允许你启动新项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Typescript、PWA等——它们都是内置的。此外，VueCLI 还提供了管理项目的UI。
使用Vue的项目
如果你想创建轻量级且易于修复的应用程序，那么Vue. js 是一个不错的选择。
学习曲线相当低，允许在短时间内掌握框架，然后继续进行应用程序开发。我们建议在以下情况下使用Vue:
如果您想构建单页应用程序或渐进式WebApp (你可以使用nuxt. js 框架);
你想让你的团队学习新的技术，Vue是一个很好的选择；
快速构建MVP；
你想建立一个SEO友好的应用程序;
你有一个紧张的预算和希望迅速地测试的想法。
Vue的受欢迎度
谈到Vue. js 的受欢迎程度,在#vue . js 中的StackOverflow内有超过57, 000 个问题和大约15, 000个npm包。与其他框架相比，Vue. js 仍然排在第三位，但在没有Facebook和Google支持的情况下仍然拥有非常好的社区。
开放源码项目的评价标准
文档。任何好的项目都应该有全面的文档；
如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量，这是必不可少的；
如何很好地组织与问题的工作。处理问题的工作应组织良好，以便操作人员知道首先解决哪些问题；
项目是否有路线图？路线图帮助贡献者选择他们将首先开发的特性；
Github上的星星数。这一标准在一定程度上反映了项目的质量；
成熟度。分析项目开发并试图决定应该使用什么作为工具来获得结果，需要小心选择尚未成熟或没有十足把握的工具；
bug或者漏洞。如果你需要帮助，可能没有大型的知识库或社区。
在我们的选择中,我们根据功能目的划分项目:
·CMS和生成器；
·UI组件；
·应用程序；
·工具包;
·开发者工具。
Vue开源项目
我们列出了你应该了解的最重要的工具和库,并最终在Vue. js 项目中使用和贡献。与许多其他文章只列出UI组件库不同，我们在Vue生态系统中包含了其他库和插件。
我们的选择是基于他们的有用性、有效性、文档、想法和贡献指南。
01CMSand Generators
页面工具包
Pagekit 是一个开源的CMS，在Vue. js 和Symphony框架的帮助下构建。CMS是模块化的，所以你可以逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它可以自由地修改、共享和重新发布，没有任何限制。
该产品具有CMS的所有主要和高级功能：
·可定制的分析仪表板与网站性能;
·网站内容编辑页面；
·内置博客；
·HTML和Markdown 编辑器;
·文件管理器；
·用户角色管理。
还有一些东西和特点对开发者特别有用。该产品使用简单的ORM、模块化架构和包管理构建。还有一个内置的调试工具栏，可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外，也可以使用CLI执行系统更新、安装和卸载扩展和主题，以及直接从终端清除缓存。
该产品有一个强大的贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。社区没有那么大，但非常发达，热心帮助新人。
因此,这是一个非常强大的产品,具有非常全面的文档和透明的贡献指南。开启开源世界之路的绝佳选择。
02Vuepress
VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。在VuePress 帮助下，网站创建使用VueRouter 、Vue和webpack 。最初，该产品是作为编写技术文档的工具而创建的，但现在它是一个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。
该项目有一个组织良好的捐款指南，工作流程透明。它还有很好的问题管理功能。社区有超过300个活跃贡献者,他们可以支持你。这是你开始为开源项目做贡献的好选择。
03Vue店面
Vuestorefront是一款面向电子商务的PWA，可以连接到几乎任何电子商务后端：它使用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方法、服务器端渲染（有利于SEO）和离线模式。
该产品拥有一个发达的社区：Slack中约有2000名开发者和180多名活跃贡献者。这是特别有价值的，因为团队有一个清晰的路线图，所以你作为一个贡献者可以选择你可以做的任务。总之，这是一个非常有趣的，支持和需要在上面花时间的产品。
04Vuegg
Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据你的选择移动它们的大小，从而构建Vue. js 项目。这个项目的目的是合并设计和原型到一个单一的过程。
显著特征:
·通过拖放组件和移动/调整它们的大小来模拟/还原它们；
·支持标准鼠标和键盘组合;
·响应式预览(手机、平板电脑、网络);
·一组基本的HTML5元素;
·材料设计组件（vue- mdc - adapter ）；
·Vuejs 源代码生成(download . zip )。
这个项目有一个清晰的路线图，你可以直接在Github上看到。由于该项目是相当新的，仍在进行中的工作没有贡献指南，但你可以自由的打开任何问题和公关。
05Gridsome
Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，数据管理用GraphQL 。
工作方式可以概括为以下三个步骤:
你提供Markdown 、JSON、YAML或CVS数据格式的内容，或者从WordPress或Drupal等CMS导入内容；
内容转化为一个GraphQL 层，提供集中的数据管理；
然后用这些数据用Vue构建你的应用。
在开发方面，文档有一个清晰的路线图、一个描述良好的更改日志和一个贡献指南。投稿是一个不错的选择。
06UI组件
Vuetify
Vuetify 根据MaterialDesign 规范提供了大量精心制作的组件(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该框架是与RTL和VueCLI - 3 兼容。Vuetify 的所有组件都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 支持所有现代网络浏览器——甚至是IE11 和Safari9 +(使用多功能填充)。它还提供了现成的项目脚手架,这样您就可以用一个命令开始构建您的Vue. js 应用程序。
它提供了一组基于材料设计的组件,例如:
·按钮；
·投入；
·卡片；
·表，
·清单。
Vuetify 背后有一个充满活力的社区,有超过500个贡献者,他们创建了许多Vuetify 插件。它具有成为一个好的开源的所有主要组件：广泛的文档、贡献指南、问题管理。但在我们看来，这很难做出贡献，因为社区已经很大了。
07Buefy
Buefy基于Bulma为Vue. js 提供了轻量级的UI组件。Buefy有两个核心原则：让事情简单化，轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个组件，但它为你提供了随时可用的移动优先和响应式的UI组件。
特点：
·支持MaterialDesign 图标和FontAwesome ;
·非常轻便，除了Vue& Bu lma 之外没有内部依赖；
·约88KB min + gzip ;
·语义代码输出。
08VueMaterial
VUEMaterial简单，轻巧，完全按照GoogleMaterial Design规范建造。VUE材料提供超过56个组件来构建不同类型的布局。一个伟大的事情是材料设计框架有真正彻底的文档。该框架非常轻量级，包含完整的组件，完全符合GoogleMaterial Design准则。这种设计适合每一个屏幕，并支持每一个现代浏览器。
路线图、贡献指南、好的文档和更新日志都在这里。对于喜欢UI项目的开发者来说，是一个不错的选择。
09应用
Koel
Koel是一个个人音乐流媒体服务，你可以根据你的需要定制。客户端用Vue编写，后端用Laravel编写。koel以web开发者为目标,采用了一些更现代化的web技术,比如flexbox 、音频和拖放api等等。
这个项目在Github上相当受欢迎，有52个贡献者。不幸的是，没有详细的贡献指南，但是作者在Github上写道，在你提交任何东西之前，你需要打开一个问题。还有一个通过Opencollective 赞助该项目的选项。
我们喜欢这个项目背后的想法，使一个流媒体服务，将由社区开发。因此，如果你热爱音乐，想要提高自己的Vue技能，投稿会是一个不错的选择。
10Eagle.js
Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。它还支持动画，主题，和互动小部件，这是伟大的网页演示。
使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件中，然后在其他幻灯片显示中重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板，可以轻松地开始开发。
这个项目有一个贡献指南，里面有你可以提供帮助的想法。我们认为这是一个值得花时间做的好项目：它真的帮助了很多人做演示。此外,在Eagle的帮助下,开始学习Vue很容易。
11工具包
Nuxt.js
Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用，或者只是将其用作静态站点生成器。它也是模块化的，所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。
特点：
·热代码重载；
·服务器端渲染或单页应用程序或静态生成，您选择；
·使用nuxt. config . js 文件可配置；
·每个页面的代码拆分；
·用layouts/目录定制布局；
·只加载关键的CSS（页面级）。
Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。
12Quasar
Quasar是一个通用的、Vue支持的框架，允许您使用相同的代码库为不同平台编写应用程序：SPA、PWA、SSR应用程序、混合移动应用程序或多平台桌面应用程序。类星体有多达81个组件。
有一个好的文档和大量的组件设计的性能和响应。Quasar在默认情况下集成了最佳实践（HTML/ CSS / JS 缩小、缓存破坏、树摇动、源映射、延迟加载的代码拆分、ES6 传输、代码链接、可访问性），因此你可以主要关注应用的功能。它还提供了一个cli工具,用于轻松构建新项目的支架。
该框架有一个很棒的社区，支持聊天和论坛，加上明显的贡献指南。此外,你可以通过捐钱来支持该工具。
13BootstrapVue
引导Vue是一个基于引导库的UI工具包。它简单地用Vue代码替换常规引导组件中的JavaScript。使用BootstrapVue，你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。
文档是广泛的,再加上社区的支持是强大的不和谐,使它成为一个安全的选择,有人开始一个项目,并作出贡献。
14开发人员工具
Statusfy
Statusfy 是一个完全开源的状态页面系统。Statusfy 站点是一个Web应用程序，创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
这很酷，因为：
·Markdown 支持;
·它是一个渐进式网络应用程序；
·多语言支持;
·轻松定制。
在社区管理和支持方面，这款产品有社区聊天、众多教程、提示、更新和博客。它也有一个广泛的文件和贡献指南。
我们会推荐这个项目的贡献，因为它是一个真正伟大的工具，使开发人员的生活真的很容易。此外,您还将熟悉Vue周围的所有主要技术。
15Cachet
Cachet是一个强大的开源状态页面系统，用Vue和Bootstrap制作。它内置了10种语言。Cachet与一个简单（但功能强大）的JSONAPI 捆绑在一起。此外，通过Cachet，你可以提前安排活动。在仪表板中,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。
Slack里有一个相当大的社区，贡献者非常活跃。开始为开源社区做贡献是一个不错的选择——活跃的社区，中等规模的项目，好主意。
16VeeValidate
VeeValidate 是一个基于模板的Vue. js 验证框架，允许你验证输入和显示错误。
由于它是基于模板的，你只需要为每个输入指定当值更改时应该使用哪种验证器。错误将自动生成的40+地区支持。很多规则都是开箱即用的。
特点：
·熟悉且易于设置的基于模板的验证；
·i18n支持和错误消息在40+地区;
·异步和自定义规则支持；
·用TypeScript编写；
·没有依赖。
VeeValidate 处理表单验证的主要痛点，并以最灵活的方式处理它们：
·能够为你的用户设计复杂的用户体验；
·大多数常见的验证是内置的；
·跨领域验证；
·用于增强窗体的可访问性和样式的实用程序；
·本地化是内置到核心。
团队欢迎每个人为项目做出贡献，并有一个很好的文档和贡献指南。它也有一些伟大的例子和伟大的社区。
结论
我们收集了Vue上最有用、最成熟的开源项目。我们想再次指出：首先，在选择一个供资项目之前，要注意以下事项：文档和贡献指南还有，选择自己最喜欢的项目，不管是否热门。如果您希望我们在这个集合中包含任何其他工具,请给我们写信。我们希望您能分享这篇文章，以帮助人们了解伟大的开源项目。
--- EOF ---
推荐↓↓↓
cms网站内容如何自定义的进行编辑工作？(图)
网站优化 • 优采云 发表了文章 • 0 个评论 • 44 次浏览 • 2022-06-15 09:01
cms网站内容如何自定义的进行编辑工作？(图)
cms网站内容如何自定义的进行编辑工作？cms网站内容编辑从某种意义上来说相当重要，它是网站整体设计和策划，是网站整体定位策划的需要。从cms的诞生开始，网站内容编辑在应用层面上就开始出现。然而对于一些cms来说，要求并不像java的编程语言那么高。所以并不需要过多的考虑其内容的长短以及组合。但是在企业级网站建设过程中，对于cms的认识却有其重要的意义。
其认识的差异导致企业建设目标的差异。cms内容编辑的应用开发者可以大大的提高设计水平，降低网站的存在风险。那么企业在进行网站内容编辑设计的时候到底需要关注哪些?本文将为大家详细介绍一下。企业级网站编辑的软件最好是支持内容自定义设计功能。企业级网站自定义功能主要是通过gui层(类cad和ps)用户界面的形式输出编辑者设置的内容。
常用的设计软件有三维图形引擎bim和电子文件格式aiml。而非常常用的快速灵活的内容处理工具emacs、ibmjetlin和cadcheck。在技术上，用户有多种自定义方式来设计内容，企业只需要多个这些软件。从内容编辑软件功能选择和个人喜好的角度，内容编辑软件的应用可以分为以下三种情况：。
1、对于内容编辑功能不是强需求，只要能够输出对于cms来说足够大量的电子文件，但大小又不超过30k的文件就可以在基本的机器硬件计算上花时间。具体的可以根据网站存量以及用户对网站的布局优化，来选择对应的内容编辑软件。
2、在内容编辑的存量上可以比较自由，根据自己网站对内容的组织规律，
3、为了规范，内容编辑在输出方式上以及管理工具的输出方式上要有较强的文件管理的能力，而非网站的工作区域放在浏览器或者网页直接输出到浏览器，这样不仅页面不美观，而且无法保证合适的文件输出格式和输出位置。ibmjetlin系列(emacs)为企业级网站提供的强大实用的内容编辑功能，也能够满足部分企业级网站用户的需求。
对于作者来说，外界提供的cms存储系统、三维图形引擎、计算机引擎这些都是底层的操作，最核心的就是cms内部的编辑能力和设计能力。像jetlin只是其中功能较为强大的一个推荐。由于ibmjetlin系列对于大多数cms都有可用性问题，目前已经很少使用。但是不可否认，ibmjetlin带来的相对稳定、快速、稳定的内容编辑功能以及设计工具，在很多cms用户使用各种编辑系统已经遇到了瓶颈的时候，有相当大的发挥空间。
国内一些比较成熟的设计系统如idlib、mdlm、zaker建站、中正建站等等都具有以上特点。优秀的网站设计人员往往更偏爱于jetlin的编辑功能，优秀。 查看全部
cms网站内容如何自定义的进行编辑工作？cms网站内容编辑从某种意义上来说相当重要，它是网站整体设计和策划，是网站整体定位策划的需要。从cms的诞生开始，网站内容编辑在应用层面上就开始出现。然而对于一些cms来说，要求并不像java的编程语言那么高。所以并不需要过多的考虑其内容的长短以及组合。但是在企业级网站建设过程中，对于cms的认识却有其重要的意义。
其认识的差异导致企业建设目标的差异。cms内容编辑的应用开发者可以大大的提高设计水平，降低网站的存在风险。那么企业在进行网站内容编辑设计的时候到底需要关注哪些?本文将为大家详细介绍一下。企业级网站编辑的软件最好是支持内容自定义设计功能。企业级网站自定义功能主要是通过gui层(类cad和ps)用户界面的形式输出编辑者设置的内容。
常用的设计软件有三维图形引擎bim和电子文件格式aiml。而非常常用的快速灵活的内容处理工具emacs、ibmjetlin和cadcheck。在技术上，用户有多种自定义方式来设计内容，企业只需要多个这些软件。从内容编辑软件功能选择和个人喜好的角度，内容编辑软件的应用可以分为以下三种情况：。
1、对于内容编辑功能不是强需求，只要能够输出对于cms来说足够大量的电子文件，但大小又不超过30k的文件就可以在基本的机器硬件计算上花时间。具体的可以根据网站存量以及用户对网站的布局优化，来选择对应的内容编辑软件。
2、在内容编辑的存量上可以比较自由，根据自己网站对内容的组织规律，
3、为了规范，内容编辑在输出方式上以及管理工具的输出方式上要有较强的文件管理的能力，而非网站的工作区域放在浏览器或者网页直接输出到浏览器，这样不仅页面不美观，而且无法保证合适的文件输出格式和输出位置。ibmjetlin系列(emacs)为企业级网站提供的强大实用的内容编辑功能，也能够满足部分企业级网站用户的需求。
对于作者来说，外界提供的cms存储系统、三维图形引擎、计算机引擎这些都是底层的操作，最核心的就是cms内部的编辑能力和设计能力。像jetlin只是其中功能较为强大的一个推荐。由于ibmjetlin系列对于大多数cms都有可用性问题，目前已经很少使用。但是不可否认，ibmjetlin带来的相对稳定、快速、稳定的内容编辑功能以及设计工具，在很多cms用户使用各种编辑系统已经遇到了瓶颈的时候，有相当大的发挥空间。
国内一些比较成熟的设计系统如idlib、mdlm、zaker建站、中正建站等等都具有以上特点。优秀的网站设计人员往往更偏爱于jetlin的编辑功能，优秀。 查看全部
cms网站内容如何自定义的进行编辑工作？(图)
cms网站内容如何自定义的进行编辑工作？cms网站内容编辑从某种意义上来说相当重要，它是网站整体设计和策划，是网站整体定位策划的需要。从cms的诞生开始，网站内容编辑在应用层面上就开始出现。然而对于一些cms来说，要求并不像java的编程语言那么高。所以并不需要过多的考虑其内容的长短以及组合。但是在企业级网站建设过程中，对于cms的认识却有其重要的意义。
其认识的差异导致企业建设目标的差异。cms内容编辑的应用开发者可以大大的提高设计水平，降低网站的存在风险。那么企业在进行网站内容编辑设计的时候到底需要关注哪些?本文将为大家详细介绍一下。企业级网站编辑的软件最好是支持内容自定义设计功能。企业级网站自定义功能主要是通过gui层(类cad和ps)用户界面的形式输出编辑者设置的内容。
常用的设计软件有三维图形引擎bim和电子文件格式aiml。而非常常用的快速灵活的内容处理工具emacs、ibmjetlin和cadcheck。在技术上，用户有多种自定义方式来设计内容，企业只需要多个这些软件。从内容编辑软件功能选择和个人喜好的角度，内容编辑软件的应用可以分为以下三种情况：。
1、对于内容编辑功能不是强需求，只要能够输出对于cms来说足够大量的电子文件，但大小又不超过30k的文件就可以在基本的机器硬件计算上花时间。具体的可以根据网站存量以及用户对网站的布局优化，来选择对应的内容编辑软件。
2、在内容编辑的存量上可以比较自由，根据自己网站对内容的组织规律，
3、为了规范，内容编辑在输出方式上以及管理工具的输出方式上要有较强的文件管理的能力，而非网站的工作区域放在浏览器或者网页直接输出到浏览器，这样不仅页面不美观，而且无法保证合适的文件输出格式和输出位置。ibmjetlin系列(emacs)为企业级网站提供的强大实用的内容编辑功能，也能够满足部分企业级网站用户的需求。
对于作者来说，外界提供的cms存储系统、三维图形引擎、计算机引擎这些都是底层的操作，最核心的就是cms内部的编辑能力和设计能力。像jetlin只是其中功能较为强大的一个推荐。由于ibmjetlin系列对于大多数cms都有可用性问题，目前已经很少使用。但是不可否认，ibmjetlin带来的相对稳定、快速、稳定的内容编辑功能以及设计工具，在很多cms用户使用各种编辑系统已经遇到了瓶颈的时候，有相当大的发挥空间。
国内一些比较成熟的设计系统如idlib、mdlm、zaker建站、中正建站等等都具有以上特点。优秀的网站设计人员往往更偏爱于jetlin的编辑功能，优秀。
一个轻量级的基于 Markdown 的 CMS 系统 - Tina
网站优化 • 优采云 发表了文章 • 0 个评论 • 131 次浏览 • 2022-06-08 17:19
一个轻量级的基于 Markdown 的 CMS 系统 - Tina
内容查询： 可以对存储库中的文件使用 Tina Cloud 的 GraphQL 查询所有文件中的内容。
构建在组件之上： 为你的 React 组件添加一个编辑界面，让你的内容团队能够构建复杂的页面。
安装
直接使用下面的命令即可安装 Tina 启动器：
npx create-tina-app@latest<br />
执行上面的命令过程中会被提示一些快速配置的问题：
一旦你的本地启动器被创建，要运行启动器：cd 进入其新目录并运行。
yarn dev<br />
Tina 编辑器使用
Tina 非常灵活且可扩展，因此任何 Tina 站点都可能拥有独特的体验。
当 Tina 在 NextJS 站点上初始化时，会创建一个 /admin 页面以允许编辑者登录并开始进行内容更改。
成功登录后，我们就可以进入 CMS 页面了。
根据 Tina 的配置方式，一个或多个集合将出现在全局导航中。点击一个集合，用户将进入该集合的文档列表。
此处的表格列出了所选集合的所有文档，此页面还允许用户创建新文档。
如果已经配置了上下文编辑，点击一个文件将引导用户进入该文件的预览，并打开侧边栏，准备进行编辑。
但是，如果未配置上下文编辑或对特定集合根本不可用，则单击文档将为用户提供一个最基本的编辑器。
关于 Tina 的更多使用可以访问 获取更多信息。
Git 仓库： 查看全部
内容查询： 可以对存储库中的文件使用 Tina Cloud 的 GraphQL 查询所有文件中的内容。
构建在组件之上： 为你的 React 组件添加一个编辑界面，让你的内容团队能够构建复杂的页面。
安装
直接使用下面的命令即可安装 Tina 启动器：
npx create-tina-app@latest<br />
执行上面的命令过程中会被提示一些快速配置的问题：
一旦你的本地启动器被创建，要运行启动器：cd 进入其新目录并运行。
yarn dev<br />
Tina 编辑器使用
Tina 非常灵活且可扩展，因此任何 Tina 站点都可能拥有独特的体验。
当 Tina 在 NextJS 站点上初始化时，会创建一个 /admin 页面以允许编辑者登录并开始进行内容更改。
成功登录后，我们就可以进入 CMS 页面了。
根据 Tina 的配置方式，一个或多个集合将出现在全局导航中。点击一个集合，用户将进入该集合的文档列表。
此处的表格列出了所选集合的所有文档，此页面还允许用户创建新文档。
如果已经配置了上下文编辑，点击一个文件将引导用户进入该文件的预览，并打开侧边栏，准备进行编辑。
但是，如果未配置上下文编辑或对特定集合根本不可用，则单击文档将为用户提供一个最基本的编辑器。
关于 Tina 的更多使用可以访问 获取更多信息。
Git 仓库： 查看全部
一个轻量级的基于 Markdown 的 CMS 系统 - Tina
内容查询： 可以对存储库中的文件使用 Tina Cloud 的 GraphQL 查询所有文件中的内容。
构建在组件之上： 为你的 React 组件添加一个编辑界面，让你的内容团队能够构建复杂的页面。
安装
直接使用下面的命令即可安装 Tina 启动器：
npx create-tina-app@latest<br />
执行上面的命令过程中会被提示一些快速配置的问题：
一旦你的本地启动器被创建，要运行启动器：cd 进入其新目录并运行。
yarn dev<br />
Tina 编辑器使用
Tina 非常灵活且可扩展，因此任何 Tina 站点都可能拥有独特的体验。
当 Tina 在 NextJS 站点上初始化时，会创建一个 /admin 页面以允许编辑者登录并开始进行内容更改。
成功登录后，我们就可以进入 CMS 页面了。
根据 Tina 的配置方式，一个或多个集合将出现在全局导航中。点击一个集合，用户将进入该集合的文档列表。
此处的表格列出了所选集合的所有文档，此页面还允许用户创建新文档。
如果已经配置了上下文编辑，点击一个文件将引导用户进入该文件的预览，并打开侧边栏，准备进行编辑。
但是，如果未配置上下文编辑或对特定集合根本不可用，则单击文档将为用户提供一个最基本的编辑器。
关于 Tina 的更多使用可以访问 获取更多信息。
Git 仓库：
cms网站内容如何自定义？(一)_网站
网站优化 • 优采云 发表了文章 • 0 个评论 • 66 次浏览 • 2022-06-05 14:05
cms网站内容如何自定义？(一)_网站
cms网站内容如何自定义？自己搞一个cms是一件要求不小的事情，其原因包括：1。手写几万字2。搞定cms的接口、网页、后台等一些相关东西3。提供源码4。给你的cms提供实时交互服务5。自己画设计师稿，这个是个硬伤，要知道很多cms厂商找不到美工做不下去要知道，cms各版本的设计稿已经比较标准化了，和客户聊，选择人家的标准一般都是价格适中的，但这么一搞就又要搞一个软件来做，不然你无法完全配合做出自己cms的个性化定制，只能强塞。
装个ghost就可以了，安装完后把脚本拷进去，然后别装任何必要软件，全程开word.按照axims的习惯，还是拿代码实现比较好。要是这都做不了，最有效的办法也只能当我没说。
外包，或者买现成的，比如国内的天工。
可以看看everlane
百度搜“爱站地址”，仔细看各论坛里的issues，总能有你想要的，数字公司就是靠这批人起家的。
这么难看的cms，没事用来写写博客是不错，但为什么非要用它？用第三方的cms就行了。你只要能找到能满足需求的程序，在iis下还能测试。
我也在写一个，
自己用写了一个
dokuwiki和dokuwiki-wiki。
找个设计师设计一个
很简单，马云家买个模板， 查看全部
cms网站内容如何自定义？自己搞一个cms是一件要求不小的事情，其原因包括：1。手写几万字2。搞定cms的接口、网页、后台等一些相关东西3。提供源码4。给你的cms提供实时交互服务5。自己画设计师稿，这个是个硬伤，要知道很多cms厂商找不到美工做不下去要知道，cms各版本的设计稿已经比较标准化了，和客户聊，选择人家的标准一般都是价格适中的，但这么一搞就又要搞一个软件来做，不然你无法完全配合做出自己cms的个性化定制，只能强塞。
装个ghost就可以了，安装完后把脚本拷进去，然后别装任何必要软件，全程开word.按照axims的习惯，还是拿代码实现比较好。要是这都做不了，最有效的办法也只能当我没说。
外包，或者买现成的，比如国内的天工。
可以看看everlane
百度搜“爱站地址”，仔细看各论坛里的issues，总能有你想要的，数字公司就是靠这批人起家的。
这么难看的cms，没事用来写写博客是不错，但为什么非要用它？用第三方的cms就行了。你只要能找到能满足需求的程序，在iis下还能测试。
我也在写一个，
自己用写了一个
dokuwiki和dokuwiki-wiki。
找个设计师设计一个
很简单，马云家买个模板， 查看全部
cms网站内容如何自定义？(一)_网站
cms网站内容如何自定义？自己搞一个cms是一件要求不小的事情，其原因包括：1。手写几万字2。搞定cms的接口、网页、后台等一些相关东西3。提供源码4。给你的cms提供实时交互服务5。自己画设计师稿，这个是个硬伤，要知道很多cms厂商找不到美工做不下去要知道，cms各版本的设计稿已经比较标准化了，和客户聊，选择人家的标准一般都是价格适中的，但这么一搞就又要搞一个软件来做，不然你无法完全配合做出自己cms的个性化定制，只能强塞。
装个ghost就可以了，安装完后把脚本拷进去，然后别装任何必要软件，全程开word.按照axims的习惯，还是拿代码实现比较好。要是这都做不了，最有效的办法也只能当我没说。
外包，或者买现成的，比如国内的天工。
可以看看everlane
百度搜“爱站地址”，仔细看各论坛里的issues，总能有你想要的，数字公司就是靠这批人起家的。
这么难看的cms，没事用来写写博客是不错，但为什么非要用它？用第三方的cms就行了。你只要能找到能满足需求的程序，在iis下还能测试。
我也在写一个，
自己用写了一个
dokuwiki和dokuwiki-wiki。
找个设计师设计一个
很简单，马云家买个模板，
cms网站内容如何自定义（域名空间空间）？(组图)
网站优化 • 优采云 发表了文章 • 0 个评论 • 44 次浏览 • 2022-05-31 13:00
cms网站内容如何自定义（域名空间空间）？(组图)
cms网站内容如何自定义（域名&空间）？内容不同访问不同，故没办法说哪个快，以下是我们在实践中遇到的问题，欢迎大家留言交流。1.后台因a站遭泄露，b站被网络问题下架b站遭泄露这几年已经不是新闻了，事实上很多网站都遭到了类似的网络问题。比如2013年我们曾在客户服务器被抓包的情况下访问，基本延迟30s；最终在1h后明确告知服务器有问题，需要恢复，当时在会议室完成，大家在如果您亲身经历，请务必要小心被劫持。
2.需要注意的隐私问题知乎/头条等平台首页明确要求留有post请求入口，避免post不明参数漏洞造成访问异常的情况。这些问题可能发生在服务器端处理或者客户端，出于安全考虑（会参考百度文库等网站来判断）后台没有限制post请求不能是可靠的url。此外，知乎/头条等平台也都有相应的短信服务，大家在访问时要注意内容是否包含敏感内容。3.以下访问详见微博域名的工作机制人家都可以让你自动自动自动，这事儿你到底能不能做好呢？。
在非管理员访问，访问量200k以下，和cms日志的时候。给自己一个工作的机会。
我们大部分网站用的是wordpress，也用过其他，比如，现在基本是wordpress比较多，传统的站不会有太多人用，所以安全问题也大不存在了。如果遇到很自律的cms运维可以说cms来来去去就那么些服务器和域名，不用特别担心。如果没有运维负责人，只是cms新人。在本地用的时候千万不要用上dedecms和discuz!，太危险了。
除了这些比较官方的源码以外，也应该用第三方源码代替dedecms，比如raksmart等。其实cms主要还是得认真运维，最近wordpress方面还是有不少犯错和意外的，用wordpress编译插件就有不小的风险。选材也要谨慎。还有推荐使用合规的源码，而不是资产上相对安全的。 查看全部
cms网站内容如何自定义（域名&空间）？内容不同访问不同，故没办法说哪个快，以下是我们在实践中遇到的问题，欢迎大家留言交流。1.后台因a站遭泄露，b站被网络问题下架b站遭泄露这几年已经不是新闻了，事实上很多网站都遭到了类似的网络问题。比如2013年我们曾在客户服务器被抓包的情况下访问，基本延迟30s；最终在1h后明确告知服务器有问题，需要恢复，当时在会议室完成，大家在如果您亲身经历，请务必要小心被劫持。
2.需要注意的隐私问题知乎/头条等平台首页明确要求留有post请求入口，避免post不明参数漏洞造成访问异常的情况。这些问题可能发生在服务器端处理或者客户端，出于安全考虑（会参考百度文库等网站来判断）后台没有限制post请求不能是可靠的url。此外，知乎/头条等平台也都有相应的短信服务，大家在访问时要注意内容是否包含敏感内容。3.以下访问详见微博域名的工作机制人家都可以让你自动自动自动，这事儿你到底能不能做好呢？。
在非管理员访问，访问量200k以下，和cms日志的时候。给自己一个工作的机会。
我们大部分网站用的是wordpress，也用过其他，比如，现在基本是wordpress比较多，传统的站不会有太多人用，所以安全问题也大不存在了。如果遇到很自律的cms运维可以说cms来来去去就那么些服务器和域名，不用特别担心。如果没有运维负责人，只是cms新人。在本地用的时候千万不要用上dedecms和discuz!，太危险了。
除了这些比较官方的源码以外，也应该用第三方源码代替dedecms，比如raksmart等。其实cms主要还是得认真运维，最近wordpress方面还是有不少犯错和意外的，用wordpress编译插件就有不小的风险。选材也要谨慎。还有推荐使用合规的源码，而不是资产上相对安全的。 查看全部
cms网站内容如何自定义（域名空间空间）？(组图)
cms网站内容如何自定义（域名&空间）？内容不同访问不同，故没办法说哪个快，以下是我们在实践中遇到的问题，欢迎大家留言交流。1.后台因a站遭泄露，b站被网络问题下架b站遭泄露这几年已经不是新闻了，事实上很多网站都遭到了类似的网络问题。比如2013年我们曾在客户服务器被抓包的情况下访问，基本延迟30s；最终在1h后明确告知服务器有问题，需要恢复，当时在会议室完成，大家在如果您亲身经历，请务必要小心被劫持。
2.需要注意的隐私问题知乎/头条等平台首页明确要求留有post请求入口，避免post不明参数漏洞造成访问异常的情况。这些问题可能发生在服务器端处理或者客户端，出于安全考虑（会参考百度文库等网站来判断）后台没有限制post请求不能是可靠的url。此外，知乎/头条等平台也都有相应的短信服务，大家在访问时要注意内容是否包含敏感内容。3.以下访问详见微博域名的工作机制人家都可以让你自动自动自动，这事儿你到底能不能做好呢？。
在非管理员访问，访问量200k以下，和cms日志的时候。给自己一个工作的机会。
我们大部分网站用的是wordpress，也用过其他，比如，现在基本是wordpress比较多，传统的站不会有太多人用，所以安全问题也大不存在了。如果遇到很自律的cms运维可以说cms来来去去就那么些服务器和域名，不用特别担心。如果没有运维负责人，只是cms新人。在本地用的时候千万不要用上dedecms和discuz!，太危险了。
除了这些比较官方的源码以外，也应该用第三方源码代替dedecms，比如raksmart等。其实cms主要还是得认真运维，最近wordpress方面还是有不少犯错和意外的，用wordpress编译插件就有不小的风险。选材也要谨慎。还有推荐使用合规的源码，而不是资产上相对安全的。
帝国cms 7.5版列表页分页样式修改笔记
网站优化 • 优采云 发表了文章 • 0 个评论 • 77 次浏览 • 2022-05-28 21:43
帝国cms 7.5版列表页分页样式修改笔记
作者 |杨小二
来源 |web前端开发
最近在用帝国改版我的个人博客站点，这个也是我第一次尝试用帝国来做博客，之前用过wordpress，每用一个新的程序，都会有些新的收获，也会学到一些新的东西。
在改用帝国之前，我也在网上大概了解了一下，说帝国上手比dede，wordpress要难一些，用了之后，我却觉得帝国比其他两个要好上手一些，因为这三套程序我都用过，dede,毕业的时候，用得最多的，基本那两年工作，给企业建了十几个站点，都是用这套程序。
而wordpress，是后面用的，当时我到一家创业型企业，因为设计开发只有我一个人，但是公司每出一款新产品就要做一个品牌宣传网站，大概也做了3-4个吧。
因为只有我一个人，我没有办法按照正常的设计开发来做，基本都是采用开源程序搭建，当时同事几个一起找，最后找到了一款开源可以自定义的wordpressd主题模板，所以那些站也基本都是用的wordpressd这个开源程序。
而现在改用帝国，可以说也是一种新的尝试，去学习一个新的东西。
今天，我要跟大家分享的是，在帝国7.5版本里，怎么去修改列表页分页样式？
首先，我们先登录自己搭建好的网站帝国后台程序，然后找到菜单里【模板】-【列表模板】-【管理列表模板】，就会看到列表页的界面，如下图：
这个列表页模板，你可以选择自行修改里面的内容，你也可以通过【增加列表模板】进行新增一个列表模板。
而我这里采用的是直接在【默认文章列表模板】里直接修改的。
现在，我们知道了要修改的模板，接下来，我们来看看应该怎么去修改。
第一步，通过FTP软件，登录你的服务器，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。
第二步，用你自己习惯的编辑器工具，不管是DW或者是Sublime，如果你是高手，你用记事本也无所谓，（当年在学校里被老师坑的，教我们用记事本写HTML页面，毕业之后才知道，原来写HTML还可以用别的工具的。）
总之，就是要打开那个两个PHP文件——【t_functions.php】与【userfun.php】。
而我用的是Sublime，把
【t_functions.php】与【userfun.php】两个文件打开来。
1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。
截图如下：
2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的这中间。
因为【userfun.php】这个文件，只有这样一行代码，所以不用担心会搞错。
其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。
3）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：
4）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】，把里面的一些HTML，CSS代码修改成你自己的即可，然后就得到了一个新的【userfun.php】文件，截图如下：
把这个【userfun.php】保存后，通过FTP工具上传到之前的文件目录下面进行覆盖即可。
5）、最后，到【列表模板】里，翻页代码的地方，直接调取分页函数
【[!--show.listpage--] 】即可。
最终，得到效果如下：
这个样式，可以通过修改CSS样式进行获取，例如把颜色修改一下，你就可以得到如下效果：
这个CSS，HTML的知识，这里不展开讲了，因为这个是必会的知识，对于零基础入门的小伙伴，可以到公众号上查看基础入门的文章，或者到我的博客（）看我推荐的一些视频教程，有软件基础入门的，也有技能提升的。
另外，在这里插播一句广告，最近我跟极客时间进行了课程的深度合作，只要是极客时间上的课程，都可以通过我的博客里【极客时间】这个栏目进行购买。
最后，如果你也想学习帝国这套开源程序，你可以在公众号【web前端开发】的后台回复【视频】就可以获得全套的帝国cms免费视频教程，里面用的版本是6.6版本，视频教程里讲的是本地搭建的环境。
如果你想要做一个线上网站，你需要购买域名与服务器，关于域名与服务器的购买，我在之前的一些教程里也分享过。
在这里我在啰嗦一次，域名购买，你可以在阿里云或者万维网，/进行购买。
服务器购买，如果你想要国内服务器，可以购买BAT的，然后你再进行备案即可。如果你想要国外服务器的话，可以到【web前端开发】公众号的菜单栏【学习资源】-【建站必备】里查看我提供的国外服务器，这个是免备案的，作为学习的话，这个还是比较经济实惠的。
目前，我自己的这个博客网站（），包括我现在在做的【有课网】的网站，都是采用的这个国外服务器进行开发的。
最后，说一句，欢迎有个人博客网站的小伙伴来换取友情链接，我的个人博客网站（）友情链接，放在【网址导航】这个菜单里。
如果没有个人博客网站的小伙伴，建议你去做一个自己的个人博客站，这个跟公众号，与一些博客平台不一样，这个做好了，持续学习输入输出内容，这个站点永远都是你自己的，哪怕有一天，你辛苦做起来的公众号被关闭了，但是这个博客不会被关闭。
因为你的域名，你的站点内容都是你的，哪怕服务器提供商有一天跑路了，但是你有域名在，你还是一样可以随时链接与你志同道合的小伙伴，只要你的网站域名没有更换。
最后，大家如果有什么问题，欢迎留言沟通交流学习，写的不好的地方，也请大家多多包涵，这个帝国我也是第一使用。
在此，感谢大家的支持，后面我会安排时间做一期送一年国外虚拟主机服务器的活动，用做线上网站的实战体验，来一起学习HTML，CSS,网站制作等相关知识。
我现在终于有时间折腾了。把那些想做没有做的事情都做一遍。同时，也欢迎各方合作商前来约我，有课网工作室主要从事网站开发，平面设计，UI设计，目前个人网络工作室在筹备中。
好了，今天我就跟各位聊到这里吧，最近一周都在折腾网站，接下来，我要去折腾【有课网】了，这个有课网，是一个以编程，设计，写作，摄影，英语5大内容为主的自学视频教程网站。后面做好了，我也跟大家分享一下，大家一起交流学习。
查看全部
作者 |杨小二
来源 |web前端开发
最近在用帝国改版我的个人博客站点，这个也是我第一次尝试用帝国来做博客，之前用过wordpress，每用一个新的程序，都会有些新的收获，也会学到一些新的东西。
在改用帝国之前，我也在网上大概了解了一下，说帝国上手比dede，wordpress要难一些，用了之后，我却觉得帝国比其他两个要好上手一些，因为这三套程序我都用过，dede,毕业的时候，用得最多的，基本那两年工作，给企业建了十几个站点，都是用这套程序。
而wordpress，是后面用的，当时我到一家创业型企业，因为设计开发只有我一个人，但是公司每出一款新产品就要做一个品牌宣传网站，大概也做了3-4个吧。
因为只有我一个人，我没有办法按照正常的设计开发来做，基本都是采用开源程序搭建，当时同事几个一起找，最后找到了一款开源可以自定义的wordpressd主题模板，所以那些站也基本都是用的wordpressd这个开源程序。
而现在改用帝国，可以说也是一种新的尝试，去学习一个新的东西。
今天，我要跟大家分享的是，在帝国7.5版本里，怎么去修改列表页分页样式？
首先，我们先登录自己搭建好的网站帝国后台程序，然后找到菜单里【模板】-【列表模板】-【管理列表模板】，就会看到列表页的界面，如下图：
这个列表页模板，你可以选择自行修改里面的内容，你也可以通过【增加列表模板】进行新增一个列表模板。
而我这里采用的是直接在【默认文章列表模板】里直接修改的。
现在，我们知道了要修改的模板，接下来，我们来看看应该怎么去修改。
第一步，通过FTP软件，登录你的服务器，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。
第二步，用你自己习惯的编辑器工具，不管是DW或者是Sublime，如果你是高手，你用记事本也无所谓，（当年在学校里被老师坑的，教我们用记事本写HTML页面，毕业之后才知道，原来写HTML还可以用别的工具的。）
总之，就是要打开那个两个PHP文件——【t_functions.php】与【userfun.php】。
而我用的是Sublime，把
【t_functions.php】与【userfun.php】两个文件打开来。
1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。
截图如下：
2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的这中间。
因为【userfun.php】这个文件，只有这样一行代码，所以不用担心会搞错。
其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。
3）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：
4）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】，把里面的一些HTML，CSS代码修改成你自己的即可，然后就得到了一个新的【userfun.php】文件，截图如下：
把这个【userfun.php】保存后，通过FTP工具上传到之前的文件目录下面进行覆盖即可。
5）、最后，到【列表模板】里，翻页代码的地方，直接调取分页函数
【[!--show.listpage--] 】即可。
最终，得到效果如下：
这个样式，可以通过修改CSS样式进行获取，例如把颜色修改一下，你就可以得到如下效果：
这个CSS，HTML的知识，这里不展开讲了，因为这个是必会的知识，对于零基础入门的小伙伴，可以到公众号上查看基础入门的文章，或者到我的博客（）看我推荐的一些视频教程，有软件基础入门的，也有技能提升的。
另外，在这里插播一句广告，最近我跟极客时间进行了课程的深度合作，只要是极客时间上的课程，都可以通过我的博客里【极客时间】这个栏目进行购买。
最后，如果你也想学习帝国这套开源程序，你可以在公众号【web前端开发】的后台回复【视频】就可以获得全套的帝国cms免费视频教程，里面用的版本是6.6版本，视频教程里讲的是本地搭建的环境。
如果你想要做一个线上网站，你需要购买域名与服务器，关于域名与服务器的购买，我在之前的一些教程里也分享过。
在这里我在啰嗦一次，域名购买，你可以在阿里云或者万维网，/进行购买。
服务器购买，如果你想要国内服务器，可以购买BAT的，然后你再进行备案即可。如果你想要国外服务器的话，可以到【web前端开发】公众号的菜单栏【学习资源】-【建站必备】里查看我提供的国外服务器，这个是免备案的，作为学习的话，这个还是比较经济实惠的。
目前，我自己的这个博客网站（），包括我现在在做的【有课网】的网站，都是采用的这个国外服务器进行开发的。
最后，说一句，欢迎有个人博客网站的小伙伴来换取友情链接，我的个人博客网站（）友情链接，放在【网址导航】这个菜单里。
如果没有个人博客网站的小伙伴，建议你去做一个自己的个人博客站，这个跟公众号，与一些博客平台不一样，这个做好了，持续学习输入输出内容，这个站点永远都是你自己的，哪怕有一天，你辛苦做起来的公众号被关闭了，但是这个博客不会被关闭。
因为你的域名，你的站点内容都是你的，哪怕服务器提供商有一天跑路了，但是你有域名在，你还是一样可以随时链接与你志同道合的小伙伴，只要你的网站域名没有更换。
最后，大家如果有什么问题，欢迎留言沟通交流学习，写的不好的地方，也请大家多多包涵，这个帝国我也是第一使用。
在此，感谢大家的支持，后面我会安排时间做一期送一年国外虚拟主机服务器的活动，用做线上网站的实战体验，来一起学习HTML，CSS,网站制作等相关知识。
我现在终于有时间折腾了。把那些想做没有做的事情都做一遍。同时，也欢迎各方合作商前来约我，有课网工作室主要从事网站开发，平面设计，UI设计，目前个人网络工作室在筹备中。
好了，今天我就跟各位聊到这里吧，最近一周都在折腾网站，接下来，我要去折腾【有课网】了，这个有课网，是一个以编程，设计，写作，摄影，英语5大内容为主的自学视频教程网站。后面做好了，我也跟大家分享一下，大家一起交流学习。
查看全部
帝国cms 7.5版列表页分页样式修改笔记
作者 |杨小二
来源 |web前端开发
最近在用帝国改版我的个人博客站点，这个也是我第一次尝试用帝国来做博客，之前用过wordpress，每用一个新的程序，都会有些新的收获，也会学到一些新的东西。
在改用帝国之前，我也在网上大概了解了一下，说帝国上手比dede，wordpress要难一些，用了之后，我却觉得帝国比其他两个要好上手一些，因为这三套程序我都用过，dede,毕业的时候，用得最多的，基本那两年工作，给企业建了十几个站点，都是用这套程序。
而wordpress，是后面用的，当时我到一家创业型企业，因为设计开发只有我一个人，但是公司每出一款新产品就要做一个品牌宣传网站，大概也做了3-4个吧。
因为只有我一个人，我没有办法按照正常的设计开发来做，基本都是采用开源程序搭建，当时同事几个一起找，最后找到了一款开源可以自定义的wordpressd主题模板，所以那些站也基本都是用的wordpressd这个开源程序。
而现在改用帝国，可以说也是一种新的尝试，去学习一个新的东西。
今天，我要跟大家分享的是，在帝国7.5版本里，怎么去修改列表页分页样式？
首先，我们先登录自己搭建好的网站帝国后台程序，然后找到菜单里【模板】-【列表模板】-【管理列表模板】，就会看到列表页的界面，如下图：
这个列表页模板，你可以选择自行修改里面的内容，你也可以通过【增加列表模板】进行新增一个列表模板。
而我这里采用的是直接在【默认文章列表模板】里直接修改的。
现在，我们知道了要修改的模板，接下来，我们来看看应该怎么去修改。
第一步，通过FTP软件，登录你的服务器，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。
第二步，用你自己习惯的编辑器工具，不管是DW或者是Sublime，如果你是高手，你用记事本也无所谓，（当年在学校里被老师坑的，教我们用记事本写HTML页面，毕业之后才知道，原来写HTML还可以用别的工具的。）
总之，就是要打开那个两个PHP文件——【t_functions.php】与【userfun.php】。
而我用的是Sublime，把
【t_functions.php】与【userfun.php】两个文件打开来。
1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。
截图如下：
2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的这中间。
因为【userfun.php】这个文件，只有这样一行代码，所以不用担心会搞错。
其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。
3）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：
4）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】，把里面的一些HTML，CSS代码修改成你自己的即可，然后就得到了一个新的【userfun.php】文件，截图如下：
把这个【userfun.php】保存后，通过FTP工具上传到之前的文件目录下面进行覆盖即可。
5）、最后，到【列表模板】里，翻页代码的地方，直接调取分页函数
【[!--show.listpage--] 】即可。
最终，得到效果如下：
这个样式，可以通过修改CSS样式进行获取，例如把颜色修改一下，你就可以得到如下效果：
这个CSS，HTML的知识，这里不展开讲了，因为这个是必会的知识，对于零基础入门的小伙伴，可以到公众号上查看基础入门的文章，或者到我的博客（）看我推荐的一些视频教程，有软件基础入门的，也有技能提升的。
另外，在这里插播一句广告，最近我跟极客时间进行了课程的深度合作，只要是极客时间上的课程，都可以通过我的博客里【极客时间】这个栏目进行购买。
最后，如果你也想学习帝国这套开源程序，你可以在公众号【web前端开发】的后台回复【视频】就可以获得全套的帝国cms免费视频教程，里面用的版本是6.6版本，视频教程里讲的是本地搭建的环境。
如果你想要做一个线上网站，你需要购买域名与服务器，关于域名与服务器的购买，我在之前的一些教程里也分享过。
在这里我在啰嗦一次，域名购买，你可以在阿里云或者万维网，/进行购买。
服务器购买，如果你想要国内服务器，可以购买BAT的，然后你再进行备案即可。如果你想要国外服务器的话，可以到【web前端开发】公众号的菜单栏【学习资源】-【建站必备】里查看我提供的国外服务器，这个是免备案的，作为学习的话，这个还是比较经济实惠的。
目前，我自己的这个博客网站（），包括我现在在做的【有课网】的网站，都是采用的这个国外服务器进行开发的。
最后，说一句，欢迎有个人博客网站的小伙伴来换取友情链接，我的个人博客网站（）友情链接，放在【网址导航】这个菜单里。
如果没有个人博客网站的小伙伴，建议你去做一个自己的个人博客站，这个跟公众号，与一些博客平台不一样，这个做好了，持续学习输入输出内容，这个站点永远都是你自己的，哪怕有一天，你辛苦做起来的公众号被关闭了，但是这个博客不会被关闭。
因为你的域名，你的站点内容都是你的，哪怕服务器提供商有一天跑路了，但是你有域名在，你还是一样可以随时链接与你志同道合的小伙伴，只要你的网站域名没有更换。
最后，大家如果有什么问题，欢迎留言沟通交流学习，写的不好的地方，也请大家多多包涵，这个帝国我也是第一使用。
在此，感谢大家的支持，后面我会安排时间做一期送一年国外虚拟主机服务器的活动，用做线上网站的实战体验，来一起学习HTML，CSS,网站制作等相关知识。
我现在终于有时间折腾了。把那些想做没有做的事情都做一遍。同时，也欢迎各方合作商前来约我，有课网工作室主要从事网站开发，平面设计，UI设计，目前个人网络工作室在筹备中。
好了，今天我就跟各位聊到这里吧，最近一周都在折腾网站，接下来，我要去折腾【有课网】了，这个有课网，是一个以编程，设计，写作，摄影，英语5大内容为主的自学视频教程网站。后面做好了，我也跟大家分享一下，大家一起交流学习。
最新院校学校官网整站网站源码
网站优化 • 优采云 发表了文章 • 0 个评论 • 53 次浏览 • 2022-05-25 02:42
最新院校学校官网整站网站源码
微信推送模式改版了，点击上方“阿雨Le享” →点击右上角“...”→点选“设为星标★”，以后就能更方便地找到我们啦！
文章介绍
网站使用的是米拓cms，DIY一个模板而已。米拓cms是采用PHP+MySQL架构，支持SQLite数据库，全站内置了SEO搜索引擎优化机制，支持用户自定义语言（全球各种语言），支持可视化编辑管理，拥有企业网站常用的功能模块（简介模块、文章模块、产品模块、下载模块、图片模块、招聘模块、在线留言、反馈系统、在线交流、友情链接、网站地图、会员与权限管理、TAG标签）。
强大的SEO及伪静态设置功能，支持自定义网站颜色风格，支持按栏目自定义Banner图和数据调用，支持手机底部菜单，支持用户自主二次开发，商业模板支持在线升级。系统内置标准的应用插件开发接口，拥有丰富的免费插件和收费插件，如短信接口、robots文件修改、模板制作助手、小程序（微信、百度、支付宝、字节跳动[今日头条、抖音]、360、QQ）、支付接口、商城模块、系统诊所、图片加速、网站广告插件等。无论你是技术大咖还是建站小白，都可以使用MetInfo快速搭建一个功能齐全的响应式专业网站。
演示网站：
相关截图
其他
下载源码后把数据库文件导入到你的数据库，源码上传到你网站根目录，然后修改源码里的数据库连接信息。登陆后台清空数据，更改相关栏目即可上线使用。有任何问题欢迎底部留言，我会认真解答！有云主机的建议用宝塔面板搭建使用。
后台地址：你的域名/admin
修改文件：/config/config_db.php
注意事项 查看全部
微信推送模式改版了，点击上方“阿雨Le享” →点击右上角“...”→点选“设为星标★”，以后就能更方便地找到我们啦！
文章介绍
网站使用的是米拓cms，DIY一个模板而已。米拓cms是采用PHP+MySQL架构，支持SQLite数据库，全站内置了SEO搜索引擎优化机制，支持用户自定义语言（全球各种语言），支持可视化编辑管理，拥有企业网站常用的功能模块（简介模块、文章模块、产品模块、下载模块、图片模块、招聘模块、在线留言、反馈系统、在线交流、友情链接、网站地图、会员与权限管理、TAG标签）。
强大的SEO及伪静态设置功能，支持自定义网站颜色风格，支持按栏目自定义Banner图和数据调用，支持手机底部菜单，支持用户自主二次开发，商业模板支持在线升级。系统内置标准的应用插件开发接口，拥有丰富的免费插件和收费插件，如短信接口、robots文件修改、模板制作助手、小程序（微信、百度、支付宝、字节跳动[今日头条、抖音]、360、QQ）、支付接口、商城模块、系统诊所、图片加速、网站广告插件等。无论你是技术大咖还是建站小白，都可以使用MetInfo快速搭建一个功能齐全的响应式专业网站。
演示网站：
相关截图
其他
下载源码后把数据库文件导入到你的数据库，源码上传到你网站根目录，然后修改源码里的数据库连接信息。登陆后台清空数据，更改相关栏目即可上线使用。有任何问题欢迎底部留言，我会认真解答！有云主机的建议用宝塔面板搭建使用。
后台地址：你的域名/admin
修改文件：/config/config_db.php
注意事项 查看全部
最新院校学校官网整站网站源码
微信推送模式改版了，点击上方“阿雨Le享” →点击右上角“...”→点选“设为星标★”，以后就能更方便地找到我们啦！
文章介绍
网站使用的是米拓cms，DIY一个模板而已。米拓cms是采用PHP+MySQL架构，支持SQLite数据库，全站内置了SEO搜索引擎优化机制，支持用户自定义语言（全球各种语言），支持可视化编辑管理，拥有企业网站常用的功能模块（简介模块、文章模块、产品模块、下载模块、图片模块、招聘模块、在线留言、反馈系统、在线交流、友情链接、网站地图、会员与权限管理、TAG标签）。
强大的SEO及伪静态设置功能，支持自定义网站颜色风格，支持按栏目自定义Banner图和数据调用，支持手机底部菜单，支持用户自主二次开发，商业模板支持在线升级。系统内置标准的应用插件开发接口，拥有丰富的免费插件和收费插件，如短信接口、robots文件修改、模板制作助手、小程序（微信、百度、支付宝、字节跳动[今日头条、抖音]、360、QQ）、支付接口、商城模块、系统诊所、图片加速、网站广告插件等。无论你是技术大咖还是建站小白，都可以使用MetInfo快速搭建一个功能齐全的响应式专业网站。
演示网站：
相关截图
其他
下载源码后把数据库文件导入到你的数据库，源码上传到你网站根目录，然后修改源码里的数据库连接信息。登陆后台清空数据，更改相关栏目即可上线使用。有任何问题欢迎底部留言，我会认真解答！有云主机的建议用宝塔面板搭建使用。
后台地址：你的域名/admin
修改文件：/config/config_db.php
注意事项
如何运用最新的技术提升网页速度和性能
网站优化 • 优采云 发表了文章 • 0 个评论 • 55 次浏览 • 2022-05-24 06:04
如何运用最新的技术提升网页速度和性能
<p>{
"keywords": ["performance", "critical rendering path", "static site", "..."],
"publishDate": "2016-07-13",
"authors": ["Declan"]
}</p>
markdown 文件:
<p># Why our website is faster than yours
We've recently updated our site. Yes, it has a complete...
## Design for performance
In our projects we have daily discussions...</p>
图片传输
平均一个2406kb的网页中1535kb是图片。就因为图片在网站中占据了这么大的一个比例，所以它也是性能优化的重点之一。
WebP格式
WebP是一种现代图片格式，为网页图片提供了出色的低损耗、有损压缩。WebP格式的图片实质上比其它格式的小，有时可以比同样的 JPEG 图片小 25%。 WebP被大多数人所忽略，也没被经常使用。截止到写这篇文章的时候，WebP 仅支持Chrome, Opera 和 Android (仍超过了我们50%的用户)，但我们可以优雅降级为 JPG/PNG。
使用
元素我们可以把图片从 WebP 优雅地降级到其它被广泛支持的图片格式，如JPEG:
<p>
</p>
我们使用Scott Jehl 的picturefill来使那些不支持
元素的浏览器获得支持，在各个浏览器中达到一致的效果
我们使用
作为那些不支持
或者 JS 的浏览器的后备元素。使用图片的最大实例确保了它在后备方案中的可行性。
生成
尽管图片传输方式已经确定了，我们仍需要思考该怎样有效地执行。我喜欢
元素的功能，但不喜欢写上面那些代码段，尤其是写内容时必须把它加进去。我们不想做这么费力的事情：每张图片都要写6个实例，所以优化这些图片并且把它们写在markdown文件的
里面。所以：
生成图片
在构建过程中，原图片的多个实例，包括JPG, PNG和WebP格式，我们使用gulp responsive来生成。
最小化图片在markdown文件中写[图片描述](image.jpg).
在构建过程中使用自定义Markdown渲染器来为已经完全成熟的
元素编译传统的markdown图片声明。
SVG动画
我们为自己的网站选择了特定的图标类型，其中SVG插图占了主要地位。这样做有以下几个原因：
自定义网页字体
在深入之前，这里有一个关于在浏览器设置自定义字体的简短介绍。当浏览器发现CSS里面有@font-face的定义，但是用户的电脑并不支持该字体时，它会尝试下载该字体文件。在下载时，多数浏览器根本不会用这种字体来展示文本。这种现象称为“不可见文本的闪现” 或者FOIT。如果你有留意，你会发现网页上都有这种情况存在。如果你问我，我会告诉你这会影响用户体验。它延迟了用户读取他们所需内容的时间。我们可以迫使浏览器改变这种行为，变成 “无样式内容闪现” 或者称为FOUT。我们告诉浏览器先使用普通字体，像 Arial 或者 Georgia。当自定义的字体下载完成后，再代替标准字体并且重新渲染。这样，即使自定义字体下载失败，仍然不会影响内容的可读性。然而，有人会认为这是一种妥协的做法，但我们认为自定义字体只是一种优化。尽管没有自定义字体，网页看起来也完好，也能百分百的正常运行。勾选/不勾选复选框来切换我们的网页字体，来自己体验一下：
切换下载的字体类
使用自定义网页字体可以改善我们的用户体验，只要你能够优化他们，并且负责任地为之服务。
字型子集设定
到目前为止，子集设定是改善网页字体性能最快的方式。我将会向每个使用自定义字体的网页开发者推荐它。如果你能完全控制网页内容，并且知道它将要展示哪些特性的话，你可以完全使用子集设定。但是，即使是仅仅把字体设为西方语言，也会对文件大小造成很大的影响。例如，我们的Noto Regular WOFF字体，默认是246KB，将其设为西方语言后，大小下降到31KB。我们使用Font squirrel webfont, 这种字体真的很易用。
字体监听器
Bram Stein 推出的字体监听器是一个很了不起的脚本，可以帮助检查字体是否已被加载。至于你是如何加载字体的，是通过一个网页字体服务，还是自己上传就不可知了。在这个监听器告诉我们所有自定义的字体已经下载完毕后，我们就可以在元素上添加一个字体加载完毕的类，我们的页面就会重新用新的字体：
注意： 为了简短，我没有给上面CSS中的Noto加上@font-face的声明。
我们可以设定一个cookie来记住所有的字体已经被加载过，就可以让他们缓存在浏览器里面了。我们使用这个cookie来做重复的浏览，这个我后续会解释。
在不久的将来，我们或许不需要 Bram Stein 的脚本来监听这个行为。CSS开发团队已经提案一个新的@font-face描述器，也叫font-display。它的属性值控制着一个可下载的字体是如何在还没加载出来时就渲染页面的。这是CSS对font-display的描述：它将带给我们像上面方法一样的行为效果。你可以读读更多关于font-display的属性。
JS和CSS懒加载
一般来讲，我们都是尽可能快的加载需要的资源。我们移除一些堵塞的请求来加快页面渲染，优化首屏，用浏览器缓存来处理重复的页面。
JS懒加载
设计上，我们的网站并没有很多JS。我们发展了一个JavaScript工作流来处理我们目前已有的js, 以及未来会用到的js资源。
JS在块里面渲染，这是我们想要的。JS应该只是用来提高用户体验，不应该是访问者需要的关键。处理JS堵塞渲染的简单方法就是把脚本放在页面的尾部。这样网页就会在整个HTML 渲染完毕后才去加载JS。
另一种可以把脚本放在head执行的方案是在 查看全部
<p>{
"keywords": ["performance", "critical rendering path", "static site", "..."],
"publishDate": "2016-07-13",
"authors": ["Declan"]
}</p>
markdown 文件:
<p># Why our website is faster than yours
We've recently updated our site. Yes, it has a complete...
## Design for performance
In our projects we have daily discussions...</p>
图片传输
平均一个2406kb的网页中1535kb是图片。就因为图片在网站中占据了这么大的一个比例，所以它也是性能优化的重点之一。
WebP格式
WebP是一种现代图片格式，为网页图片提供了出色的低损耗、有损压缩。WebP格式的图片实质上比其它格式的小，有时可以比同样的 JPEG 图片小 25%。 WebP被大多数人所忽略，也没被经常使用。截止到写这篇文章的时候，WebP 仅支持Chrome, Opera 和 Android (仍超过了我们50%的用户)，但我们可以优雅降级为 JPG/PNG。
使用
元素我们可以把图片从 WebP 优雅地降级到其它被广泛支持的图片格式，如JPEG:
<p>
</p>
我们使用Scott Jehl 的picturefill来使那些不支持
元素的浏览器获得支持，在各个浏览器中达到一致的效果
我们使用
作为那些不支持
或者 JS 的浏览器的后备元素。使用图片的最大实例确保了它在后备方案中的可行性。
生成
尽管图片传输方式已经确定了，我们仍需要思考该怎样有效地执行。我喜欢
元素的功能，但不喜欢写上面那些代码段，尤其是写内容时必须把它加进去。我们不想做这么费力的事情：每张图片都要写6个实例，所以优化这些图片并且把它们写在markdown文件的
里面。所以：
生成图片
在构建过程中，原图片的多个实例，包括JPG, PNG和WebP格式，我们使用gulp responsive来生成。
最小化图片在markdown文件中写[图片描述](image.jpg).
在构建过程中使用自定义Markdown渲染器来为已经完全成熟的
元素编译传统的markdown图片声明。
SVG动画
我们为自己的网站选择了特定的图标类型，其中SVG插图占了主要地位。这样做有以下几个原因：
自定义网页字体
在深入之前，这里有一个关于在浏览器设置自定义字体的简短介绍。当浏览器发现CSS里面有@font-face的定义，但是用户的电脑并不支持该字体时，它会尝试下载该字体文件。在下载时，多数浏览器根本不会用这种字体来展示文本。这种现象称为“不可见文本的闪现” 或者FOIT。如果你有留意，你会发现网页上都有这种情况存在。如果你问我，我会告诉你这会影响用户体验。它延迟了用户读取他们所需内容的时间。我们可以迫使浏览器改变这种行为，变成 “无样式内容闪现” 或者称为FOUT。我们告诉浏览器先使用普通字体，像 Arial 或者 Georgia。当自定义的字体下载完成后，再代替标准字体并且重新渲染。这样，即使自定义字体下载失败，仍然不会影响内容的可读性。然而，有人会认为这是一种妥协的做法，但我们认为自定义字体只是一种优化。尽管没有自定义字体，网页看起来也完好，也能百分百的正常运行。勾选/不勾选复选框来切换我们的网页字体，来自己体验一下：
切换下载的字体类
使用自定义网页字体可以改善我们的用户体验，只要你能够优化他们，并且负责任地为之服务。
字型子集设定
到目前为止，子集设定是改善网页字体性能最快的方式。我将会向每个使用自定义字体的网页开发者推荐它。如果你能完全控制网页内容，并且知道它将要展示哪些特性的话，你可以完全使用子集设定。但是，即使是仅仅把字体设为西方语言，也会对文件大小造成很大的影响。例如，我们的Noto Regular WOFF字体，默认是246KB，将其设为西方语言后，大小下降到31KB。我们使用Font squirrel webfont, 这种字体真的很易用。
字体监听器
Bram Stein 推出的字体监听器是一个很了不起的脚本，可以帮助检查字体是否已被加载。至于你是如何加载字体的，是通过一个网页字体服务，还是自己上传就不可知了。在这个监听器告诉我们所有自定义的字体已经下载完毕后，我们就可以在元素上添加一个字体加载完毕的类，我们的页面就会重新用新的字体：
注意： 为了简短，我没有给上面CSS中的Noto加上@font-face的声明。
我们可以设定一个cookie来记住所有的字体已经被加载过，就可以让他们缓存在浏览器里面了。我们使用这个cookie来做重复的浏览，这个我后续会解释。
在不久的将来，我们或许不需要 Bram Stein 的脚本来监听这个行为。CSS开发团队已经提案一个新的@font-face描述器，也叫font-display。它的属性值控制着一个可下载的字体是如何在还没加载出来时就渲染页面的。这是CSS对font-display的描述：它将带给我们像上面方法一样的行为效果。你可以读读更多关于font-display的属性。
JS和CSS懒加载
一般来讲，我们都是尽可能快的加载需要的资源。我们移除一些堵塞的请求来加快页面渲染，优化首屏，用浏览器缓存来处理重复的页面。
JS懒加载
设计上，我们的网站并没有很多JS。我们发展了一个JavaScript工作流来处理我们目前已有的js, 以及未来会用到的js资源。
JS在块里面渲染，这是我们想要的。JS应该只是用来提高用户体验，不应该是访问者需要的关键。处理JS堵塞渲染的简单方法就是把脚本放在页面的尾部。这样网页就会在整个HTML 渲染完毕后才去加载JS。
另一种可以把脚本放在head执行的方案是在 查看全部
如何运用最新的技术提升网页速度和性能
<p>{
"keywords": ["performance", "critical rendering path", "static site", "..."],
"publishDate": "2016-07-13",
"authors": ["Declan"]
}</p>
markdown 文件:
<p># Why our website is faster than yours
We've recently updated our site. Yes, it has a complete...
## Design for performance
In our projects we have daily discussions...</p>
图片传输
平均一个2406kb的网页中1535kb是图片。就因为图片在网站中占据了这么大的一个比例，所以它也是性能优化的重点之一。
WebP格式
WebP是一种现代图片格式，为网页图片提供了出色的低损耗、有损压缩。WebP格式的图片实质上比其它格式的小，有时可以比同样的 JPEG 图片小 25%。 WebP被大多数人所忽略，也没被经常使用。截止到写这篇文章的时候，WebP 仅支持Chrome, Opera 和 Android (仍超过了我们50%的用户)，但我们可以优雅降级为 JPG/PNG。
使用
元素我们可以把图片从 WebP 优雅地降级到其它被广泛支持的图片格式，如JPEG:
<p>
</p>
我们使用Scott Jehl 的picturefill来使那些不支持
元素的浏览器获得支持，在各个浏览器中达到一致的效果
我们使用
作为那些不支持
或者 JS 的浏览器的后备元素。使用图片的最大实例确保了它在后备方案中的可行性。
生成
尽管图片传输方式已经确定了，我们仍需要思考该怎样有效地执行。我喜欢
元素的功能，但不喜欢写上面那些代码段，尤其是写内容时必须把它加进去。我们不想做这么费力的事情：每张图片都要写6个实例，所以优化这些图片并且把它们写在markdown文件的
里面。所以：
生成图片
在构建过程中，原图片的多个实例，包括JPG, PNG和WebP格式，我们使用gulp responsive来生成。
最小化图片在markdown文件中写[图片描述](image.jpg).
在构建过程中使用自定义Markdown渲染器来为已经完全成熟的
元素编译传统的markdown图片声明。
SVG动画
我们为自己的网站选择了特定的图标类型，其中SVG插图占了主要地位。这样做有以下几个原因：
自定义网页字体
在深入之前，这里有一个关于在浏览器设置自定义字体的简短介绍。当浏览器发现CSS里面有@font-face的定义，但是用户的电脑并不支持该字体时，它会尝试下载该字体文件。在下载时，多数浏览器根本不会用这种字体来展示文本。这种现象称为“不可见文本的闪现” 或者FOIT。如果你有留意，你会发现网页上都有这种情况存在。如果你问我，我会告诉你这会影响用户体验。它延迟了用户读取他们所需内容的时间。我们可以迫使浏览器改变这种行为，变成 “无样式内容闪现” 或者称为FOUT。我们告诉浏览器先使用普通字体，像 Arial 或者 Georgia。当自定义的字体下载完成后，再代替标准字体并且重新渲染。这样，即使自定义字体下载失败，仍然不会影响内容的可读性。然而，有人会认为这是一种妥协的做法，但我们认为自定义字体只是一种优化。尽管没有自定义字体，网页看起来也完好，也能百分百的正常运行。勾选/不勾选复选框来切换我们的网页字体，来自己体验一下：
切换下载的字体类
使用自定义网页字体可以改善我们的用户体验，只要你能够优化他们，并且负责任地为之服务。
字型子集设定
到目前为止，子集设定是改善网页字体性能最快的方式。我将会向每个使用自定义字体的网页开发者推荐它。如果你能完全控制网页内容，并且知道它将要展示哪些特性的话，你可以完全使用子集设定。但是，即使是仅仅把字体设为西方语言，也会对文件大小造成很大的影响。例如，我们的Noto Regular WOFF字体，默认是246KB，将其设为西方语言后，大小下降到31KB。我们使用Font squirrel webfont, 这种字体真的很易用。
字体监听器
Bram Stein 推出的字体监听器是一个很了不起的脚本，可以帮助检查字体是否已被加载。至于你是如何加载字体的，是通过一个网页字体服务，还是自己上传就不可知了。在这个监听器告诉我们所有自定义的字体已经下载完毕后，我们就可以在元素上添加一个字体加载完毕的类，我们的页面就会重新用新的字体：
注意： 为了简短，我没有给上面CSS中的Noto加上@font-face的声明。
我们可以设定一个cookie来记住所有的字体已经被加载过，就可以让他们缓存在浏览器里面了。我们使用这个cookie来做重复的浏览，这个我后续会解释。
在不久的将来，我们或许不需要 Bram Stein 的脚本来监听这个行为。CSS开发团队已经提案一个新的@font-face描述器，也叫font-display。它的属性值控制着一个可下载的字体是如何在还没加载出来时就渲染页面的。这是CSS对font-display的描述：它将带给我们像上面方法一样的行为效果。你可以读读更多关于font-display的属性。
JS和CSS懒加载
一般来讲，我们都是尽可能快的加载需要的资源。我们移除一些堵塞的请求来加快页面渲染，优化首屏，用浏览器缓存来处理重复的页面。
JS懒加载
设计上，我们的网站并没有很多JS。我们发展了一个JavaScript工作流来处理我们目前已有的js, 以及未来会用到的js资源。
JS在块里面渲染，这是我们想要的。JS应该只是用来提高用户体验，不应该是访问者需要的关键。处理JS堵塞渲染的简单方法就是把脚本放在页面的尾部。这样网页就会在整个HTML 渲染完毕后才去加载JS。
另一种可以把脚本放在head执行的方案是在
如何设置Google Analytics内容分组功能
网站优化 • 优采云 发表了文章 • 0 个评论 • 67 次浏览 • 2022-05-16 14:08
如何设置Google Analytics内容分组功能
今天每个人都在写很多新文字内容。 估量这些令人吃惊数量的文字内容可能是一个挑战。 谷歌Analytics内容分组可以提供这方面的帮助。此功能可让您根据自己的业务规则来对您的内容进行分类。 然后，您可以根据您设定的特定分组查看数据，而不是只能根据页面的URL或屏幕名称。
在这篇文章中我将讨论内容分组如何工作的，以及如何设置它。
关键词汇：分组和组在我们进入实际的设置工作之前，有一个我们需要了解的小术语：分组（groupings）和组（groups）。
您可以在Google Analytics中创建多个内容分组 。在每个内容分组内您可以创建多个内容组 。
组是内容（页面或events）的一个集合。 它可以是你的网站的某一个部分或者它也能是从你的APP序的某一部分画面。 事实上它可以是任何事物。
分组是一堆组的集合
图：每一个内容分分组包含多个内容组。每个组中包含多条内容
你可以在谷歌Analytics（分析）中创建多个内容分组，并在分析报告中在分组之间进行切换。 下面用我（原文作者）的博客做一个例子，在这个例子中我创建了一个名为博客内容类别的分组。 在我的博客里，在该分组内根据内容的不同类型创建若干组。 有一组是有关博客公告的，一组关于我的介绍的网页，一组为错误页面等等。在配置文件里，我基于URL的构造规则，创建了不同分组并将相应的每个页面添加进去。
图：你可以基于组查看数据，而不是基于URL，屏幕名称或标题来查看数据
任何没有被添加到分组的项目，将会被添加到（未设置(not set)）这个项目中去。大家对这个项目已经不陌生了。 需要注意的是，与页面（page）报告不同，Google Analytics中没有一个专门展示分组的报告。 但当你创建一个分组，它实际上直接变成了一个新的数据分析维度。 您可以在几乎所有的报告中选择查看该维度的表现。 让我们来看看如何实际创建一个分组和组。
创建分组和组Google Analytics不会自动创建内容分组，你必须自己配置这个工具。 根据下图导航到“视图（view）”的设置，选择内容分组。
图：内容分组的设置，在Admin后台的VIEW标签之下
在这里，你会看到所有的分组列表。在这里可以选择创建一个新组或编辑现有组。
图：这是分组的列表，在这里创建或编辑分组
你还可以用另外三种方法来创建内容组，让我们分别来看看。
1自定义追踪代码此方法需要您将一小段代码添加到你的网站的每个页面中，或是你的apps中。当页面或屏幕下载到客户端的时候，该代码会直接设置内容组及其名称。 如下是为Universal Analytics收据数据的代码：
ga('create','UA-XXXXXXXX-Y', '');ga('set', 'contentGroup5', 'Group Name');
ga('send', 'pageview');
Or, if you’re working in iOS the code might look like this:
如果工作在iOS环境的代码像这样：
id tracker = [[GAI sharedInstance] trackerWithTrackingId:@”UA-XXXX-Y”];
[tracker set:[GAIFields contentGroupForIndex:5]
value:@"Group Name"];
创建内容组的代码类似于自定义维度的代码（关于自定义维度我会在其他的帖子中再写）。您可以使用这个追踪代码设置5个内容组。每个组都与一个1至5的数字相对应，如图上面的例子所示。查看Google Analytics支持文档获取更多代码示例。基本上，这个方法让你从其他系统通过其他变量代码来传递属性值，这些系统可以是一个CMS（内容管理系统），一个数据层 ，或者仅仅是页面的HTML。关键是，无论用哪种方式，你都需要添加组的名称到Google Analytics代码中。
优点：使用自定义跟踪代码的方法，您能通过改代码和与之配合的页面变量来实现自动的组创建和设置。
缺点：它要求IT人员参与设置。但是，一旦配置成功，之后就不需要太多IT资源的支持了。
还有一种方法，是这种方法的升级版，即通过Google Tag Manager（Google标签管理器）来设置内容组，未来我会专门讲这个领域。
2数据抽取法数据抽取法从已经存在的维度的数据中抽取内容组的名字，从而组成内容组。这个方法使用正则表达式来分析维度，并自动抽取其中的数据来形成分组。
例如，你可能想让页面title中的一个字段成为你的组名字，就如同下面的例子：
图：你可以使用页面title或是屏幕名称等维度中的数据来生成你的内容组
我需要指出，我建立的组名是存在于页面标题维度中，然后利用一个正则表达式提取恰当的值形成的。
图：利用数据抽取法自动从数据维度中抽取内容组的名称
对于那些不使用正则表达式的人，括号中的值会自动被提取，接着Google Analytics会使用该值作为组名。你将看到这个规则适用于所有我网站中的产品页，只要产品页的page title的格式是规整的。
优点：无需手动配置代码，采集方式灵活。
缺点：你添加新的内容到网站或应用程序，就可能需要更新正则表达式，尤其是一些不符合新的情况的正则表达式。相信我，更新这些设置令人不爽，人们总是倾向于忘记这么做。
如果你不熟悉正则表达式，这里有一个Google官方的快速入门。
3利用规则规则方法几乎是跟提取方法完全一样。 唯一的区别是，你必须手动命名组。 名称的值不是自动从数据维度抽取的。
图：定义规则之后，符合规则的维度数据将被抽取出来，并且用你自己给出的命名取代（原文有错误，这里用了我的修正）
类似提取方法，你可以根据不同数据维度创建规则——页面标题，页面网址或屏幕名称。如果维度值和规则相匹配，然后内容将添加到该组。
优点：无编码。 并不需要知道正则表达式。
缺点：当添加新的内容，或者如果你的网站URL或应用程序屏幕名称变更时，你需要记得更新规则。跟前面一样，这个事情总是被人忘记。
你应该使用哪种方法？这是一个很难回答的问题。我个人认为，网页分类是一个应该被添加到页面数据层的关键部分。如果你采取这种方法，使用跟踪代码方法很具可扩展性的。
我也很喜欢的提取方法，因为它也非常灵活和可靠。但你需要建立一个更新流程，以确保你的设置总是符合当前的情况。
重要须知下面一些非常重要的事情需要通报。你可以在相同内容分组中同时使用所有三种方法创建组。分组的逻辑将按照顺序依次将三种方法应用到你的数据中，这一顺序是：Google Analytics首先应用跟踪代码, 然后应用数据抽取方法， 最后使用规则方法。你可以同时使用所有三种方法进行设置。当一个页面或屏幕与规则相匹配，就将被添加到该组中。
请注意：一个页面或屏幕名称在一次只能在一个内容组中！你不能把同一个页面或屏幕名称同时存在于多个组中。
最后，内容组不会应用到历史数据。 他们只能从你配置生效之时起抽取数据。
最佳实践由于Google Analytics可以让所有的分组方法应用到你的数据中，因此将多种分组方法结合起来使用是完全可能的。但是，因为它们是按照顺序生效的，因此最好将你的具体的分组规则放到前面，然后再放一般性的规则。利用这个方法，一般性的规则将能够把在前面利用具体规则的步骤中的“漏网之鱼”尽数捕获，并放到分组中去。
图：所有的三个内容分组方法按顺序依次被应用到各个内容中
让你的组设置一次就成功是非常重要的，尽管你可以编辑你的组，但是之前已经被处理的数据无法再按照你的新规则发生变化了。因此，在你将你的分组公诸于众之前，一定要做好测试。你还可以在Google Analytics中做一条笔记（annotation），这样所有的人都知道你加了一些什么数据。 查看全部
今天每个人都在写很多新文字内容。 估量这些令人吃惊数量的文字内容可能是一个挑战。 谷歌Analytics内容分组可以提供这方面的帮助。此功能可让您根据自己的业务规则来对您的内容进行分类。 然后，您可以根据您设定的特定分组查看数据，而不是只能根据页面的URL或屏幕名称。
在这篇文章中我将讨论内容分组如何工作的，以及如何设置它。
关键词汇：分组和组在我们进入实际的设置工作之前，有一个我们需要了解的小术语：分组（groupings）和组（groups）。
您可以在Google Analytics中创建多个内容分组 。在每个内容分组内您可以创建多个内容组 。
组是内容（页面或events）的一个集合。 它可以是你的网站的某一个部分或者它也能是从你的APP序的某一部分画面。 事实上它可以是任何事物。
分组是一堆组的集合
图：每一个内容分分组包含多个内容组。每个组中包含多条内容
你可以在谷歌Analytics（分析）中创建多个内容分组，并在分析报告中在分组之间进行切换。 下面用我（原文作者）的博客做一个例子，在这个例子中我创建了一个名为博客内容类别的分组。 在我的博客里，在该分组内根据内容的不同类型创建若干组。 有一组是有关博客公告的，一组关于我的介绍的网页，一组为错误页面等等。在配置文件里，我基于URL的构造规则，创建了不同分组并将相应的每个页面添加进去。
图：你可以基于组查看数据，而不是基于URL，屏幕名称或标题来查看数据
任何没有被添加到分组的项目，将会被添加到（未设置(not set)）这个项目中去。大家对这个项目已经不陌生了。 需要注意的是，与页面（page）报告不同，Google Analytics中没有一个专门展示分组的报告。 但当你创建一个分组，它实际上直接变成了一个新的数据分析维度。 您可以在几乎所有的报告中选择查看该维度的表现。 让我们来看看如何实际创建一个分组和组。
创建分组和组Google Analytics不会自动创建内容分组，你必须自己配置这个工具。 根据下图导航到“视图（view）”的设置，选择内容分组。
图：内容分组的设置，在Admin后台的VIEW标签之下
在这里，你会看到所有的分组列表。在这里可以选择创建一个新组或编辑现有组。
图：这是分组的列表，在这里创建或编辑分组
你还可以用另外三种方法来创建内容组，让我们分别来看看。
1自定义追踪代码此方法需要您将一小段代码添加到你的网站的每个页面中，或是你的apps中。当页面或屏幕下载到客户端的时候，该代码会直接设置内容组及其名称。 如下是为Universal Analytics收据数据的代码：
ga('create','UA-XXXXXXXX-Y', '');ga('set', 'contentGroup5', 'Group Name');
ga('send', 'pageview');
Or, if you’re working in iOS the code might look like this:
如果工作在iOS环境的代码像这样：
id tracker = [[GAI sharedInstance] trackerWithTrackingId:@”UA-XXXX-Y”];
[tracker set:[GAIFields contentGroupForIndex:5]
value:@"Group Name"];
创建内容组的代码类似于自定义维度的代码（关于自定义维度我会在其他的帖子中再写）。您可以使用这个追踪代码设置5个内容组。每个组都与一个1至5的数字相对应，如图上面的例子所示。查看Google Analytics支持文档获取更多代码示例。基本上，这个方法让你从其他系统通过其他变量代码来传递属性值，这些系统可以是一个CMS（内容管理系统），一个数据层 ，或者仅仅是页面的HTML。关键是，无论用哪种方式，你都需要添加组的名称到Google Analytics代码中。
优点：使用自定义跟踪代码的方法，您能通过改代码和与之配合的页面变量来实现自动的组创建和设置。
缺点：它要求IT人员参与设置。但是，一旦配置成功，之后就不需要太多IT资源的支持了。
还有一种方法，是这种方法的升级版，即通过Google Tag Manager（Google标签管理器）来设置内容组，未来我会专门讲这个领域。
2数据抽取法数据抽取法从已经存在的维度的数据中抽取内容组的名字，从而组成内容组。这个方法使用正则表达式来分析维度，并自动抽取其中的数据来形成分组。
例如，你可能想让页面title中的一个字段成为你的组名字，就如同下面的例子：
图：你可以使用页面title或是屏幕名称等维度中的数据来生成你的内容组
我需要指出，我建立的组名是存在于页面标题维度中，然后利用一个正则表达式提取恰当的值形成的。
图：利用数据抽取法自动从数据维度中抽取内容组的名称
对于那些不使用正则表达式的人，括号中的值会自动被提取，接着Google Analytics会使用该值作为组名。你将看到这个规则适用于所有我网站中的产品页，只要产品页的page title的格式是规整的。
优点：无需手动配置代码，采集方式灵活。
缺点：你添加新的内容到网站或应用程序，就可能需要更新正则表达式，尤其是一些不符合新的情况的正则表达式。相信我，更新这些设置令人不爽，人们总是倾向于忘记这么做。
如果你不熟悉正则表达式，这里有一个Google官方的快速入门。
3利用规则规则方法几乎是跟提取方法完全一样。 唯一的区别是，你必须手动命名组。 名称的值不是自动从数据维度抽取的。
图：定义规则之后，符合规则的维度数据将被抽取出来，并且用你自己给出的命名取代（原文有错误，这里用了我的修正）
类似提取方法，你可以根据不同数据维度创建规则——页面标题，页面网址或屏幕名称。如果维度值和规则相匹配，然后内容将添加到该组。
优点：无编码。 并不需要知道正则表达式。
缺点：当添加新的内容，或者如果你的网站URL或应用程序屏幕名称变更时，你需要记得更新规则。跟前面一样，这个事情总是被人忘记。
你应该使用哪种方法？这是一个很难回答的问题。我个人认为，网页分类是一个应该被添加到页面数据层的关键部分。如果你采取这种方法，使用跟踪代码方法很具可扩展性的。
我也很喜欢的提取方法，因为它也非常灵活和可靠。但你需要建立一个更新流程，以确保你的设置总是符合当前的情况。
重要须知下面一些非常重要的事情需要通报。你可以在相同内容分组中同时使用所有三种方法创建组。分组的逻辑将按照顺序依次将三种方法应用到你的数据中，这一顺序是：Google Analytics首先应用跟踪代码, 然后应用数据抽取方法， 最后使用规则方法。你可以同时使用所有三种方法进行设置。当一个页面或屏幕与规则相匹配，就将被添加到该组中。
请注意：一个页面或屏幕名称在一次只能在一个内容组中！你不能把同一个页面或屏幕名称同时存在于多个组中。
最后，内容组不会应用到历史数据。 他们只能从你配置生效之时起抽取数据。
最佳实践由于Google Analytics可以让所有的分组方法应用到你的数据中，因此将多种分组方法结合起来使用是完全可能的。但是，因为它们是按照顺序生效的，因此最好将你的具体的分组规则放到前面，然后再放一般性的规则。利用这个方法，一般性的规则将能够把在前面利用具体规则的步骤中的“漏网之鱼”尽数捕获，并放到分组中去。
图：所有的三个内容分组方法按顺序依次被应用到各个内容中
让你的组设置一次就成功是非常重要的，尽管你可以编辑你的组，但是之前已经被处理的数据无法再按照你的新规则发生变化了。因此，在你将你的分组公诸于众之前，一定要做好测试。你还可以在Google Analytics中做一条笔记（annotation），这样所有的人都知道你加了一些什么数据。 查看全部
如何设置Google Analytics内容分组功能
今天每个人都在写很多新文字内容。 估量这些令人吃惊数量的文字内容可能是一个挑战。 谷歌Analytics内容分组可以提供这方面的帮助。此功能可让您根据自己的业务规则来对您的内容进行分类。 然后，您可以根据您设定的特定分组查看数据，而不是只能根据页面的URL或屏幕名称。
在这篇文章中我将讨论内容分组如何工作的，以及如何设置它。
关键词汇：分组和组在我们进入实际的设置工作之前，有一个我们需要了解的小术语：分组（groupings）和组（groups）。
您可以在Google Analytics中创建多个内容分组 。在每个内容分组内您可以创建多个内容组 。
组是内容（页面或events）的一个集合。 它可以是你的网站的某一个部分或者它也能是从你的APP序的某一部分画面。 事实上它可以是任何事物。
分组是一堆组的集合
图：每一个内容分分组包含多个内容组。每个组中包含多条内容
你可以在谷歌Analytics（分析）中创建多个内容分组，并在分析报告中在分组之间进行切换。 下面用我（原文作者）的博客做一个例子，在这个例子中我创建了一个名为博客内容类别的分组。 在我的博客里，在该分组内根据内容的不同类型创建若干组。 有一组是有关博客公告的，一组关于我的介绍的网页，一组为错误页面等等。在配置文件里，我基于URL的构造规则，创建了不同分组并将相应的每个页面添加进去。
图：你可以基于组查看数据，而不是基于URL，屏幕名称或标题来查看数据
任何没有被添加到分组的项目，将会被添加到（未设置(not set)）这个项目中去。大家对这个项目已经不陌生了。 需要注意的是，与页面（page）报告不同，Google Analytics中没有一个专门展示分组的报告。 但当你创建一个分组，它实际上直接变成了一个新的数据分析维度。 您可以在几乎所有的报告中选择查看该维度的表现。 让我们来看看如何实际创建一个分组和组。
创建分组和组Google Analytics不会自动创建内容分组，你必须自己配置这个工具。 根据下图导航到“视图（view）”的设置，选择内容分组。
图：内容分组的设置，在Admin后台的VIEW标签之下
在这里，你会看到所有的分组列表。在这里可以选择创建一个新组或编辑现有组。
图：这是分组的列表，在这里创建或编辑分组
你还可以用另外三种方法来创建内容组，让我们分别来看看。
1自定义追踪代码此方法需要您将一小段代码添加到你的网站的每个页面中，或是你的apps中。当页面或屏幕下载到客户端的时候，该代码会直接设置内容组及其名称。 如下是为Universal Analytics收据数据的代码：
ga('create','UA-XXXXXXXX-Y', '');ga('set', 'contentGroup5', 'Group Name');
ga('send', 'pageview');
Or, if you’re working in iOS the code might look like this:
如果工作在iOS环境的代码像这样：
id tracker = [[GAI sharedInstance] trackerWithTrackingId:@”UA-XXXX-Y”];
[tracker set:[GAIFields contentGroupForIndex:5]
value:@"Group Name"];
创建内容组的代码类似于自定义维度的代码（关于自定义维度我会在其他的帖子中再写）。您可以使用这个追踪代码设置5个内容组。每个组都与一个1至5的数字相对应，如图上面的例子所示。查看Google Analytics支持文档获取更多代码示例。基本上，这个方法让你从其他系统通过其他变量代码来传递属性值，这些系统可以是一个CMS（内容管理系统），一个数据层 ，或者仅仅是页面的HTML。关键是，无论用哪种方式，你都需要添加组的名称到Google Analytics代码中。
优点：使用自定义跟踪代码的方法，您能通过改代码和与之配合的页面变量来实现自动的组创建和设置。
缺点：它要求IT人员参与设置。但是，一旦配置成功，之后就不需要太多IT资源的支持了。
还有一种方法，是这种方法的升级版，即通过Google Tag Manager（Google标签管理器）来设置内容组，未来我会专门讲这个领域。
2数据抽取法数据抽取法从已经存在的维度的数据中抽取内容组的名字，从而组成内容组。这个方法使用正则表达式来分析维度，并自动抽取其中的数据来形成分组。
例如，你可能想让页面title中的一个字段成为你的组名字，就如同下面的例子：
图：你可以使用页面title或是屏幕名称等维度中的数据来生成你的内容组
我需要指出，我建立的组名是存在于页面标题维度中，然后利用一个正则表达式提取恰当的值形成的。
图：利用数据抽取法自动从数据维度中抽取内容组的名称
对于那些不使用正则表达式的人，括号中的值会自动被提取，接着Google Analytics会使用该值作为组名。你将看到这个规则适用于所有我网站中的产品页，只要产品页的page title的格式是规整的。
优点：无需手动配置代码，采集方式灵活。
缺点：你添加新的内容到网站或应用程序，就可能需要更新正则表达式，尤其是一些不符合新的情况的正则表达式。相信我，更新这些设置令人不爽，人们总是倾向于忘记这么做。
如果你不熟悉正则表达式，这里有一个Google官方的快速入门。
3利用规则规则方法几乎是跟提取方法完全一样。 唯一的区别是，你必须手动命名组。 名称的值不是自动从数据维度抽取的。
图：定义规则之后，符合规则的维度数据将被抽取出来，并且用你自己给出的命名取代（原文有错误，这里用了我的修正）
类似提取方法，你可以根据不同数据维度创建规则——页面标题，页面网址或屏幕名称。如果维度值和规则相匹配，然后内容将添加到该组。
优点：无编码。 并不需要知道正则表达式。
缺点：当添加新的内容，或者如果你的网站URL或应用程序屏幕名称变更时，你需要记得更新规则。跟前面一样，这个事情总是被人忘记。
你应该使用哪种方法？这是一个很难回答的问题。我个人认为，网页分类是一个应该被添加到页面数据层的关键部分。如果你采取这种方法，使用跟踪代码方法很具可扩展性的。
我也很喜欢的提取方法，因为它也非常灵活和可靠。但你需要建立一个更新流程，以确保你的设置总是符合当前的情况。
重要须知下面一些非常重要的事情需要通报。你可以在相同内容分组中同时使用所有三种方法创建组。分组的逻辑将按照顺序依次将三种方法应用到你的数据中，这一顺序是：Google Analytics首先应用跟踪代码, 然后应用数据抽取方法， 最后使用规则方法。你可以同时使用所有三种方法进行设置。当一个页面或屏幕与规则相匹配，就将被添加到该组中。
请注意：一个页面或屏幕名称在一次只能在一个内容组中！你不能把同一个页面或屏幕名称同时存在于多个组中。
最后，内容组不会应用到历史数据。 他们只能从你配置生效之时起抽取数据。
最佳实践由于Google Analytics可以让所有的分组方法应用到你的数据中，因此将多种分组方法结合起来使用是完全可能的。但是，因为它们是按照顺序生效的，因此最好将你的具体的分组规则放到前面，然后再放一般性的规则。利用这个方法，一般性的规则将能够把在前面利用具体规则的步骤中的“漏网之鱼”尽数捕获，并放到分组中去。
图：所有的三个内容分组方法按顺序依次被应用到各个内容中
让你的组设置一次就成功是非常重要的，尽管你可以编辑你的组，但是之前已经被处理的数据无法再按照你的新规则发生变化了。因此，在你将你的分组公诸于众之前，一定要做好测试。你还可以在Google Analytics中做一条笔记（annotation），这样所有的人都知道你加了一些什么数据。
