个人域名备案完成了,可以改网站内容吗

个人域名备案完成了,可以改网站内容吗

技巧:网站搭建的基本流程顺序

网站优化优采云 发表了文章 • 0 个评论 • 109 次浏览 • 2022-09-22 18:25 • 来自相关话题

  技巧:网站搭建的基本流程顺序
  几乎每家公司都有自己的官方网站。这里我将解释网站构造的基本过程。
  一、域注册部分
  
  网站在构建之前,您必须考虑域名。域名是构建网站的第一步。需要注意的是,域名注册要遵循这三个原则:域名名称要与网站的名字接近;最好去正规的知名域名注册商注册域名
  页面二、布局
  确保网站大致显示页面,以及基本功能。确认 网站 所需的栏目和页面。然后制作初步设计图,设置网站的大致样式和内容。
  三、服务器选择部分
  
  下一步是选择服务器。服务器是您放置 网站 文件和数据的地方。目前主要的服务器类型主要有虚拟主机、VPS和独立服务器。至于选择哪种类型的服务器,大家可以根据自己的网站大小合理选择。
  文章四、程序开发
  以上完成后,程序员就可以开始制作程序网站了。域名注册大约需要20个工作日。在此期间,网站 程序的开发几乎可以完成。域名注册通过后,将程序上传到服务器网站即可正常访问。
  以上是网站构建的主要流程步骤,可以参考以下。当然,这些只是粗略的步骤,可能涉及的细节很多,需要多方合作才能解决。 网站需要展示在顾客面前才算完整的网站,否则只是摆设。
  教程:【网站建设基本内容】为何要制做好网站内容? 怎样做好网站内容基本建设?
  为什么要创建 网站 内容? 网站内容的基础搭建怎么做?据了解,搜索引擎再好,也存在系统漏洞。根据白帽黑客的小研究的一部分,一些没有自己物理线的网站可能在百度搜索中排名更好。因此,每个搜索引擎都关注内容的必要性。百度搜索引擎对站长的建议如下:百度搜索喜欢创造自己有特色的内容,所以网站内容可能不容易被采集复制到百度搜索。
  一、为什么要创建 网站 内容?
  1、原创内容和独特内容
  首先,虽然搜索引擎有一定层次的“说明书”和“规范”网站基本的建设和宣传策划和行动方法值得怀疑,但应该没有错的必要性专注于内容。
  2、用户搜索和浏览量才是真正的内容。除了这些信息、商品和服务项目之外,网站 的内容是用户或搜索引擎,在页面外堆积了几页没有实际意义的英文单词。
  此外,搜索引擎只关注内容的“原创”,而不是“原创”。原创内容一般都是原创的,有些内容原创性很强,但不一定是原创。独创性,就像别人有成千上万的意见。因此,内容的使用价值体现在“原创性质”上,具有独特性,只有网站独有的内容才能被搜索引擎所喜爱。
  
  3、初始内容对网站的危害
  A网站不仅对搜索引擎友好,而且坚信有足够的初始内容对用户友好,用户要有良好的工作经验,大家不希望落伍搜索引擎很长一段时间,寻找所有相同的内容。绝对没有新的方法或要点。因此,无论是从推广的角度还是从用户的角度,都必须添加很多关于网站的初始内容。
  4、网站不同内容的危害
  一般来说,在搜索引擎中排名靠前的通常都有自己的网站,其内容一定是不可数的。无论是从 SEO 的角度还是从内容营销的角度来看,内容的独特性都至关重要。
  那么如何做好网站内容基础设施呢?
  一、内容构建的方向
  1、总体目标用户关键词获取总体目标信息?
  掌握目标用户的应用关键词可以立即具体指导大家制作护肤品网站等网站内容制作。那么用户必备的内容就是护肤品信息、护肤品应用工作经验等。
  
  2、一般目标用户搜索特定信息时,除了相对的关键词,他们还在搜索什么?
  根据对目标用户在搜索特殊信息时所寻找的内容的了解,辅助护肤品网站等各种网站内容,用户不仅想了解皮肤护理产品等信息,还可能有减肥经历等信息。在把握整体目标用户的具体需求后,根据对搜索引擎的内容构建,转化为对用户的内容构建。
  除了检索总流量的内容,最后就是让用户记住大家的网站,让用户主动浏览网站,而不是根据搜索输入网站@引擎>搜索内容。品牌文化建设也在进行中。 SEO不仅仅是SEO,如果网站用户和总流量很大,SEO的定义就会被淘汰。由于与网站的经营规模扩大,SEO并不是网站总流量的主要来源。
  3、内容建设的重要性
  因为大家的网站都是从SEO做起,不再从领域和用户做起,所以网站可以作为一群不懂这个领域的人来操作和提升。由于缺乏专业知识或内容,此时如何构建内容通常会成为一个问题。搜索引擎优化算法完善后,集合和原创文章很可能是合理的,但网站的一些可靠运行和发展趋势无法应用。
  网站将内容建设、内容建设导向和内容建设规范与亮点融为一体,网站将被大量用户所接受。
  Tags:为什么要做好网站内容怎么做好网站内容基础设施点爱建站 查看全部

  技巧:网站搭建的基本流程顺序
  几乎每家公司都有自己的官方网站。这里我将解释网站构造的基本过程。
  一、域注册部分
  
  网站在构建之前,您必须考虑域名。域名是构建网站的第一步。需要注意的是,域名注册要遵循这三个原则:域名名称要与网站的名字接近;最好去正规的知名域名注册商注册域名
  页面二、布局
  确保网站大致显示页面,以及基本功能。确认 网站 所需的栏目和页面。然后制作初步设计图,设置网站的大致样式和内容。
  三、服务器选择部分
  
  下一步是选择服务器。服务器是您放置 网站 文件和数据的地方。目前主要的服务器类型主要有虚拟主机、VPS和独立服务器。至于选择哪种类型的服务器,大家可以根据自己的网站大小合理选择。
  文章四、程序开发
  以上完成后,程序员就可以开始制作程序网站了。域名注册大约需要20个工作日。在此期间,网站 程序的开发几乎可以完成。域名注册通过后,将程序上传到服务器网站即可正常访问。
  以上是网站构建的主要流程步骤,可以参考以下。当然,这些只是粗略的步骤,可能涉及的细节很多,需要多方合作才能解决。 网站需要展示在顾客面前才算完整的网站,否则只是摆设。
  教程:【网站建设基本内容】为何要制做好网站内容? 怎样做好网站内容基本建设?
  为什么要创建 网站 内容? 网站内容的基础搭建怎么做?据了解,搜索引擎再好,也存在系统漏洞。根据白帽黑客的小研究的一部分,一些没有自己物理线的网站可能在百度搜索中排名更好。因此,每个搜索引擎都关注内容的必要性。百度搜索引擎对站长的建议如下:百度搜索喜欢创造自己有特色的内容,所以网站内容可能不容易被采集复制到百度搜索。
  一、为什么要创建 网站 内容?
  1、原创内容和独特内容
  首先,虽然搜索引擎有一定层次的“说明书”和“规范”网站基本的建设和宣传策划和行动方法值得怀疑,但应该没有错的必要性专注于内容。
  2、用户搜索和浏览量才是真正的内容。除了这些信息、商品和服务项目之外,网站 的内容是用户或搜索引擎,在页面外堆积了几页没有实际意义的英文单词。
  此外,搜索引擎只关注内容的“原创”,而不是“原创”。原创内容一般都是原创的,有些内容原创性很强,但不一定是原创。独创性,就像别人有成千上万的意见。因此,内容的使用价值体现在“原创性质”上,具有独特性,只有网站独有的内容才能被搜索引擎所喜爱。
  
  3、初始内容对网站的危害
  A网站不仅对搜索引擎友好,而且坚信有足够的初始内容对用户友好,用户要有良好的工作经验,大家不希望落伍搜索引擎很长一段时间,寻找所有相同的内容。绝对没有新的方法或要点。因此,无论是从推广的角度还是从用户的角度,都必须添加很多关于网站的初始内容。
  4、网站不同内容的危害
  一般来说,在搜索引擎中排名靠前的通常都有自己的网站,其内容一定是不可数的。无论是从 SEO 的角度还是从内容营销的角度来看,内容的独特性都至关重要。
  那么如何做好网站内容基础设施呢?
  一、内容构建的方向
  1、总体目标用户关键词获取总体目标信息?
  掌握目标用户的应用关键词可以立即具体指导大家制作护肤品网站等网站内容制作。那么用户必备的内容就是护肤品信息、护肤品应用工作经验等。
  
  2、一般目标用户搜索特定信息时,除了相对的关键词,他们还在搜索什么?
  根据对目标用户在搜索特殊信息时所寻找的内容的了解,辅助护肤品网站等各种网站内容,用户不仅想了解皮肤护理产品等信息,还可能有减肥经历等信息。在把握整体目标用户的具体需求后,根据对搜索引擎的内容构建,转化为对用户的内容构建。
  除了检索总流量的内容,最后就是让用户记住大家的网站,让用户主动浏览网站,而不是根据搜索输入网站@引擎>搜索内容。品牌文化建设也在进行中。 SEO不仅仅是SEO,如果网站用户和总流量很大,SEO的定义就会被淘汰。由于与网站的经营规模扩大,SEO并不是网站总流量的主要来源。
  3、内容建设的重要性
  因为大家的网站都是从SEO做起,不再从领域和用户做起,所以网站可以作为一群不懂这个领域的人来操作和提升。由于缺乏专业知识或内容,此时如何构建内容通常会成为一个问题。搜索引擎优化算法完善后,集合和原创文章很可能是合理的,但网站的一些可靠运行和发展趋势无法应用。
  网站将内容建设、内容建设导向和内容建设规范与亮点融为一体,网站将被大量用户所接受。
  Tags:为什么要做好网站内容怎么做好网站内容基础设施点爱建站

个人网站域名备案完成了,可以改网站内容吗?

网站优化优采云 发表了文章 • 0 个评论 • 60 次浏览 • 2022-09-16 07:04 • 来自相关话题

  个人网站域名备案完成了,可以改网站内容吗?
  个人域名备案完成了,可以改网站内容吗?域名注册完成后,就可以改了
  域名要修改过来都没用,还不如重新注册一个全新的空间/域名,搭建本地网站。你要问我自己收款自己域名备案,我是怎么知道的,
  
  域名要修改也没用,至少需要从一个新建站,就算修改也没用,现在规定是以个人为单位制作网站的企业必须以企业名义注册一个网站,你如果改名称就会多出一个网站备案文件,本来个人注册网站就很麻烦,更加麻烦的是,每个省有不一样的网站备案文件,注册企业就简单的多,而且也是按照企业注册的省份进行对应政策转化,唯一不同的是一个省需要再另一个省进行备案。
  基本上,除非你百分百确定修改后,企业是不变更,不然不要随便修改。另外,以今天为例,三月份注册的你,到现在还在新网备案..不在备案文件里的。
  
  个人网站用户收款自己注册一个新域名,没其他意义。个人网站账号非常脆弱,域名主人要注意措辞。最新政策二十一条。个人网站用户收款自己注册一个新域名,也没有意义。
  收款要交给支付宝嘛。登录支付宝账号就有账号名称了,改什么域名。我个人就是自己注册网站的域名,备案完在新网注册的,域名也不知道该改啥,
  如果你注册的域名是双拼的多个拼音的都不用在那个网站改了, 查看全部

  个人网站域名备案完成了,可以改网站内容吗?
  个人域名备案完成了,可以改网站内容吗?域名注册完成后,就可以改了
  域名要修改过来都没用,还不如重新注册一个全新的空间/域名,搭建本地网站。你要问我自己收款自己域名备案,我是怎么知道的,
  
  域名要修改也没用,至少需要从一个新建站,就算修改也没用,现在规定是以个人为单位制作网站的企业必须以企业名义注册一个网站,你如果改名称就会多出一个网站备案文件,本来个人注册网站就很麻烦,更加麻烦的是,每个省有不一样的网站备案文件,注册企业就简单的多,而且也是按照企业注册的省份进行对应政策转化,唯一不同的是一个省需要再另一个省进行备案。
  基本上,除非你百分百确定修改后,企业是不变更,不然不要随便修改。另外,以今天为例,三月份注册的你,到现在还在新网备案..不在备案文件里的。
  
  个人网站用户收款自己注册一个新域名,没其他意义。个人网站账号非常脆弱,域名主人要注意措辞。最新政策二十一条。个人网站用户收款自己注册一个新域名,也没有意义。
  收款要交给支付宝嘛。登录支付宝账号就有账号名称了,改什么域名。我个人就是自己注册网站的域名,备案完在新网注册的,域名也不知道该改啥,
  如果你注册的域名是双拼的多个拼音的都不用在那个网站改了,

个人域名备案完成了,可以改网站内容吗?(图)

网站优化优采云 发表了文章 • 0 个评论 • 69 次浏览 • 2022-09-07 10:02 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?(图)
  个人域名备案完成了,可以改网站内容吗?域名备案完成,可以进行网站内容的修改。
  可以修改。
  我当时也是修改了代码,
  可以改。不是网站本身,你自己的博客或者随便什么地方。但是不要更改在内容页。
  可以修改你的网站内容。请参考:网站域名备案完成后需要修改哪些网站内容,
  
  域名备案完成后可以修改内容,
  当然可以,但是你的博客以后将不是你的。另外做网站最重要的不是备案那点事,你得有点思路,能有点想法,没有想法,技术真心不是问题。别听网上某些人瞎说,他们利用非法方法却能得到不该得到的好处。
  可以
  可以啊,如果备案完成后改就改了。
  可以啊,还能只提交网站备案完成图片呢。
  无论如何,
  
  当然可以,
  这个问题,真正的要看博客对你意义大不大。如果是没有访问量的一个网站,比如类似于phpwind或者seoinfo这种不会为你带来流量的网站,完全可以不需要改。
  修改是可以的,不要违反网站安全协议就行!
  不必备案了,不过有时候看网页时,可能弹出来当你提交违规内容会给你广告的页面。
  可以改,如果不改,可能会有弹出来广告提示的提示,如果你的网站后台提交被拒绝会收到邮件说你的网站内容涉嫌违反网站安全相关协议等。如果涉及,请严格遵守网站安全相关协议。比如,一般是不能通过收藏夹提交如果,但是可以通过导航栏提交,但是一般不推荐提交,如果用户收藏夹收藏了,网站会提示,请记住这些网站提交,否则会产生敏感信息。
  举个例子,比如收藏夹收藏了你收藏的网站,你的网站就提示你不可以提交敏感信息,网站,一般提交这些关键词搜索引擎会有相关回应。 查看全部

  个人域名备案完成了,可以改网站内容吗?(图)
  个人域名备案完成了,可以改网站内容吗?域名备案完成,可以进行网站内容的修改。
  可以修改。
  我当时也是修改了代码,
  可以改。不是网站本身,你自己的博客或者随便什么地方。但是不要更改在内容页。
  可以修改你的网站内容。请参考:网站域名备案完成后需要修改哪些网站内容,
  
  域名备案完成后可以修改内容,
  当然可以,但是你的博客以后将不是你的。另外做网站最重要的不是备案那点事,你得有点思路,能有点想法,没有想法,技术真心不是问题。别听网上某些人瞎说,他们利用非法方法却能得到不该得到的好处。
  可以
  可以啊,如果备案完成后改就改了。
  可以啊,还能只提交网站备案完成图片呢。
  无论如何,
  
  当然可以,
  这个问题,真正的要看博客对你意义大不大。如果是没有访问量的一个网站,比如类似于phpwind或者seoinfo这种不会为你带来流量的网站,完全可以不需要改。
  修改是可以的,不要违反网站安全协议就行!
  不必备案了,不过有时候看网页时,可能弹出来当你提交违规内容会给你广告的页面。
  可以改,如果不改,可能会有弹出来广告提示的提示,如果你的网站后台提交被拒绝会收到邮件说你的网站内容涉嫌违反网站安全相关协议等。如果涉及,请严格遵守网站安全相关协议。比如,一般是不能通过收藏夹提交如果,但是可以通过导航栏提交,但是一般不推荐提交,如果用户收藏夹收藏了,网站会提示,请记住这些网站提交,否则会产生敏感信息。
  举个例子,比如收藏夹收藏了你收藏的网站,你的网站就提示你不可以提交敏感信息,网站,一般提交这些关键词搜索引擎会有相关回应。

个人域名备案完成了,可以改网站内容吗?答:不可以,

网站优化优采云 发表了文章 • 0 个评论 • 71 次浏览 • 2022-08-28 19:04 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?答:不可以,
  个人域名备案完成了,可以改网站内容吗?答:不可以,但可以进行备案.但是,对于后期的维护保护,还是需要单独去办理域名备案的.
  不可以
  不可以。只要备案信息不改,你做什么都可以,
  不可以,你这个肯定只能做到尽力改。
  不可以,
  不可以,不可以。重要的事情说三遍。改网站内容,
  
  不可以,网站的任何改动只能从备案主体改动。不可以单独做修改。
  只可以修改,不可以修改。
  不可以的,
  不可以不可以没有修改机会即使改了内容也不行不过备案成功了这个就快了
  不可以备案成功后,才可以去修改。
  我也是刚刚改。已经改了。不可以不可以不可以。你看着办吧。
  
  不可以的.改不了,php就有bug
  不可以。
  修改的前提是新网站已经成立在所在国合法经营
  不可以,不可以。
  不可以,你得向备案局说明一下。
  不可以的,他需要你域名备案,你域名一没备案,只能单独修改,内容的话还是可以单独维护,
  不可以,不可以的, 查看全部

  个人域名备案完成了,可以改网站内容吗?答:不可以,
  个人域名备案完成了,可以改网站内容吗?答:不可以,但可以进行备案.但是,对于后期的维护保护,还是需要单独去办理域名备案的.
  不可以
  不可以。只要备案信息不改,你做什么都可以,
  不可以,你这个肯定只能做到尽力改。
  不可以,
  不可以,不可以。重要的事情说三遍。改网站内容,
  
  不可以,网站的任何改动只能从备案主体改动。不可以单独做修改。
  只可以修改,不可以修改。
  不可以的,
  不可以不可以没有修改机会即使改了内容也不行不过备案成功了这个就快了
  不可以备案成功后,才可以去修改。
  我也是刚刚改。已经改了。不可以不可以不可以。你看着办吧。
  
  不可以的.改不了,php就有bug
  不可以。
  修改的前提是新网站已经成立在所在国合法经营
  不可以,不可以。
  不可以,你得向备案局说明一下。
  不可以的,他需要你域名备案,你域名一没备案,只能单独修改,内容的话还是可以单独维护,
  不可以,不可以的,

个人域名备案完成了,可以改网站内容吗?答案是可以

网站优化优采云 发表了文章 • 0 个评论 • 86 次浏览 • 2022-08-06 20:08 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?答案是可以
  个人域名备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站网站备案备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:
  @朱焕杰的回答讲的挺好,另外我想补充的是备案的时候一定要仔细核对有效域名(一般是注册地不是北京的网站、超过2年未续费的网站、超过3年未备案的网站、第三方网站)确保你最终选择的是没问题的正规网站。因为目前根据备案情况排查,已经有很多备案不通过的情况。
  备案完成了,可以改网站内容?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,
  
  不能。
  可以。网站域名同时备案下就可以了。
  可以修改啊!
  看你这情况。备案不通过,发现你这网站必定不是大型网站,
  
  当时也没看懂,但是听说可以,你可以电话问一下网站地址,
  可以啊!现在都可以改网站内容了,
  可以的啊,备案一般不会现场通过的。
  可以改的, 查看全部

  个人域名备案完成了,可以改网站内容吗?答案是可以
  个人域名备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站网站备案备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:
  @朱焕杰的回答讲的挺好,另外我想补充的是备案的时候一定要仔细核对有效域名(一般是注册地不是北京的网站、超过2年未续费的网站、超过3年未备案的网站、第三方网站)确保你最终选择的是没问题的正规网站。因为目前根据备案情况排查,已经有很多备案不通过的情况。
  备案完成了,可以改网站内容?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,
  
  不能。
  可以。网站域名同时备案下就可以了。
  可以修改啊!
  看你这情况。备案不通过,发现你这网站必定不是大型网站,
  
  当时也没看懂,但是听说可以,你可以电话问一下网站地址,
  可以啊!现在都可以改网站内容了,
  可以的啊,备案一般不会现场通过的。
  可以改的,

个人域名备案完成了,可以改网站内容吗用什么域名后缀

网站优化优采云 发表了文章 • 0 个评论 • 57 次浏览 • 2022-08-02 12:01 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗用什么域名后缀
  个人域名备案完成了,可以改网站内容吗,用什么域名后缀。使用.com或.net这种做为全球主流域名服务商的分支机构域名做域名指向主域名的指向,你可以做到很方便.比如你可以在这个例子中备案域名改为在国内,
  很多人备案完全是为了给你备案邮件不能被上的怒火,不用管的。
  whois查查你域名的ip地址和常住人口信息,可以加强监管。有人给他写广告让他改ip,
  我做域名配置的时候也遇到过这个问题,登录seo工具查询域名信息,显示备案。后来手动输入网站域名的ip,配置就成功了,
  
  同意楼上的,详细的可以看百度的管理规范。
  据说改的时候会被上。如果不改,不知道会怎么样。如果改了。就不会出现这个问题。
  同意前边说的!
  改了ip总不能把前面的域名都改吧?
  就是查ip的。
  
  改了备案ip再改就会有风险。
  加个不是你域名的分支服务。我的意思是你想要哪个分支服务就备案哪个分支服务。
  如果将来要做违法乱纪的事情,改了再改就完蛋了,
  解决方案1:无block
  没有我的域名,这样一段时间,我也没有找到什么好办法。 查看全部

  个人域名备案完成了,可以改网站内容吗用什么域名后缀
  个人域名备案完成了,可以改网站内容吗,用什么域名后缀。使用.com或.net这种做为全球主流域名服务商的分支机构域名做域名指向主域名的指向,你可以做到很方便.比如你可以在这个例子中备案域名改为在国内,
  很多人备案完全是为了给你备案邮件不能被上的怒火,不用管的。
  whois查查你域名的ip地址和常住人口信息,可以加强监管。有人给他写广告让他改ip,
  我做域名配置的时候也遇到过这个问题,登录seo工具查询域名信息,显示备案。后来手动输入网站域名的ip,配置就成功了,
  
  同意楼上的,详细的可以看百度的管理规范。
  据说改的时候会被上。如果不改,不知道会怎么样。如果改了。就不会出现这个问题。
  同意前边说的!
  改了ip总不能把前面的域名都改吧?
  就是查ip的。
  
  改了备案ip再改就会有风险。
  加个不是你域名的分支服务。我的意思是你想要哪个分支服务就备案哪个分支服务。
  如果将来要做违法乱纪的事情,改了再改就完蛋了,
  解决方案1:无block
  没有我的域名,这样一段时间,我也没有找到什么好办法。

域名服务商的我注册没过12个小时不可以改吗

网站优化优采云 发表了文章 • 0 个评论 • 55 次浏览 • 2022-07-23 10:05 • 来自相关话题

  域名服务商的我注册没过12个小时不可以改吗
  个人域名备案完成了,可以改网站内容吗?域名服务商的我注册没过12个小时不可以改吗?这种问题只要你是懂域名管理的,有个申请注册icp类型备案的话,直接可以给客户注册域名备案的,域名投资人都可以改。任何一个企业都有备案时间的,没有规定要在多少小时之内才可以进行修改,根据企业资质,交通,住所等许可,可能会有比较长的时间差异。
  
  这个时间是根据您所使用的是哪一种类型的icp,是非个人/企业备案的icp,公司就需要一个法人或者其他人的身份信息信息(详细要求请在可以查询域名注册商的网站,如global.la)进行法人的修改(个人备案同公司备案一样,有个网上初审核)之后一般2个工作日,建议4~5个工作日再修改,这样有保障哦。希望能帮到您。
  
  域名服务商的我注册没过12个小时不可以改吗?如果有条件的话,您可以和万网,新网等知名icp合作,按照他们的要求进行备案。备案这块一般都是挺严谨的,如果换注册商,域名被转转之类的,不一定要改(当然也是有风险的),和原备案机构合作不需要换别家了。
  您可以向万网,新网等知名icp合作机构,按照他们的要求进行备案。如果原备案机构解决不了,您还可以查找相关人士。网站部分内容可以改动。不需要补交给原备案机构再次备案。 查看全部

  域名服务商的我注册没过12个小时不可以改吗
  个人域名备案完成了,可以改网站内容吗?域名服务商的我注册没过12个小时不可以改吗?这种问题只要你是懂域名管理的,有个申请注册icp类型备案的话,直接可以给客户注册域名备案的,域名投资人都可以改。任何一个企业都有备案时间的,没有规定要在多少小时之内才可以进行修改,根据企业资质,交通,住所等许可,可能会有比较长的时间差异。
  
  这个时间是根据您所使用的是哪一种类型的icp,是非个人/企业备案的icp,公司就需要一个法人或者其他人的身份信息信息(详细要求请在可以查询域名注册商的网站,如global.la)进行法人的修改(个人备案同公司备案一样,有个网上初审核)之后一般2个工作日,建议4~5个工作日再修改,这样有保障哦。希望能帮到您。
  
  域名服务商的我注册没过12个小时不可以改吗?如果有条件的话,您可以和万网,新网等知名icp合作,按照他们的要求进行备案。备案这块一般都是挺严谨的,如果换注册商,域名被转转之类的,不一定要改(当然也是有风险的),和原备案机构合作不需要换别家了。
  您可以向万网,新网等知名icp合作机构,按照他们的要求进行备案。如果原备案机构解决不了,您还可以查找相关人士。网站部分内容可以改动。不需要补交给原备案机构再次备案。

【搭建个人博客-01】花两个小时搭建个人博客全纪录

网站优化优采云 发表了文章 • 0 个评论 • 62 次浏览 • 2022-07-22 10:40 • 来自相关话题

  【搭建个人博客-01】花两个小时搭建个人博客全纪录
  之前买了个服务器想搞个个人网站,发现国内还要备案啥的,太繁琐了。于是就自己搞个博客吧。
  免费搭建博客的话,网上用的最多的还是github,所以笔者也用github的服务来搞一下吧。
  下面是主要的过程记录。
  致谢
  本文的主要参考为参考【1】(),并且记录了自己采坑的一些过程以及一些搭建过程的感悟和理解。
  我的Blog
  搭建好的Blog网址为:(昨晚绑定了下自己的域名,可以通过访问),欢迎大家来访~
  后面的文章也会同步在Blog上。
  过程记录
  基于github搭建个人博客主要包括如下几个步骤:
  注册github安装git绑定github到本机购买域名(可以跳过)安装node.js和Hexo解析域名(可以跳过)设置/优化主题
  个人认为第1、2、3步太简单了,第4步可以跳过,本文从第5步开始。
  5.安装nodejs
  Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,我们只需要知道没有它网站运行不了就可以了。
  安装的时候最好选择默认,自己添加环境变量:
  安装好之后在CMD中测试一下:
  出现上面的信息就可以了。
  新建两个文件夹用来下载其他的包:
  注意
  新建完之后,要在右键中把文件夹的权限进行下修改。(解释:本来这两个文件夹是只有管理员才可以进行写入的,这样子在后面的操作会因为权限问题而报错,所以需要给用户也授予写入的权限)
  
  然后用管理员权限打开CMD,输入下面的两行命令:
  npm config set prefix "C:\nodejs\node_global"  # 根据自己的路径进行修改,下同<br />npm config set cache "C:\nodejs\node_cache"<br />
  如下所示:
  (如果用了新的版本,可能会有警告信息,不过可以忽视。)
  然后我们把NODE_PATH添加进环境变量:
  接着把用户变量中的npm的路径修改一下:
  测试一下用npm安装webpack模块(以管理员身份打开CMD):
  新建一个github仓库:
  别人访问你的网页,要有一个目的地,而这个目的地就是我们的github仓库,所以首先需要新建一个github仓库。
  安装hexo:
  Hexo是一个快速、简洁且高效的博客框架,我们只需要知道没有它,博客搭建不了就行。
  npm install -g hexo-cli<br />
  注意:
  安装完之后用hexo来初始化博客(在blog文件夹里面右键用git bash here打开):
  hexo init<br />
  安装成功后提示如下:
  静态部署:
  hexo g<br />
  
  这时候网页已经部署完成了,只不过只能本地查看,用下面的命令查看一下:
  hexo s<br />
  打开浏览器输入:4000就可以查看到网站的界面了:
  证明可以之后用ctrl + c 停止本地服务器运行。
  部署Hexo到GitHub
  上面我们部署在本地了,但是只有我们自己可能看到,想要被其他人访问,我们需要部署到github。
  首先,我们需要编辑 _config.yml文件,在底部添加如下信息:
  安装git部署插件:
  hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public<br />hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)<br />hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)<br />
  到这里就成功了,我们输入就可以访问啦!其中xxxx是你的github用户名。
  失败的经验
  第一次以为成功了,但是失败了,得到了一个大大的404:
  后来百度发现是github新建的项目名称和用户名不一致,改为一致的就好了!
  然后浏览器输入就可以访问了。
  修改个标题试试
  怎么确保我们的blog创建成功呢?我们来改个标题试试吧。
  其实大家看到的网站内容就是部署到某台电脑上的一系列文件(一开始我以为是index.html,所以直接修改了html文件里面的东西)。
  修改后如下:
  但是,只怪本人没文化,其实index.html文件是根据其他文件生成的,只修改这个是不行的。 查看全部

  【搭建个人博客-01】花两个小时搭建个人博客全纪录
  之前买了个服务器想搞个个人网站,发现国内还要备案啥的,太繁琐了。于是就自己搞个博客吧。
  免费搭建博客的话,网上用的最多的还是github,所以笔者也用github的服务来搞一下吧。
  下面是主要的过程记录。
  致谢
  本文的主要参考为参考【1】(),并且记录了自己采坑的一些过程以及一些搭建过程的感悟和理解。
  我的Blog
  搭建好的Blog网址为:(昨晚绑定了下自己的域名,可以通过访问),欢迎大家来访~
  后面的文章也会同步在Blog上。
  过程记录
  基于github搭建个人博客主要包括如下几个步骤:
  注册github安装git绑定github到本机购买域名(可以跳过)安装node.js和Hexo解析域名(可以跳过)设置/优化主题
  个人认为第1、2、3步太简单了,第4步可以跳过,本文从第5步开始。
  5.安装nodejs
  Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,我们只需要知道没有它网站运行不了就可以了。
  安装的时候最好选择默认,自己添加环境变量:
  安装好之后在CMD中测试一下:
  出现上面的信息就可以了。
  新建两个文件夹用来下载其他的包:
  注意
  新建完之后,要在右键中把文件夹的权限进行下修改。(解释:本来这两个文件夹是只有管理员才可以进行写入的,这样子在后面的操作会因为权限问题而报错,所以需要给用户也授予写入的权限)
  
  然后用管理员权限打开CMD,输入下面的两行命令:
  npm config set prefix "C:\nodejs\node_global"  # 根据自己的路径进行修改,下同<br />npm config set cache "C:\nodejs\node_cache"<br />
  如下所示:
  (如果用了新的版本,可能会有警告信息,不过可以忽视。)
  然后我们把NODE_PATH添加进环境变量:
  接着把用户变量中的npm的路径修改一下:
  测试一下用npm安装webpack模块(以管理员身份打开CMD):
  新建一个github仓库:
  别人访问你的网页,要有一个目的地,而这个目的地就是我们的github仓库,所以首先需要新建一个github仓库。
  安装hexo:
  Hexo是一个快速、简洁且高效的博客框架,我们只需要知道没有它,博客搭建不了就行。
  npm install -g hexo-cli<br />
  注意:
  安装完之后用hexo来初始化博客(在blog文件夹里面右键用git bash here打开):
  hexo init<br />
  安装成功后提示如下:
  静态部署:
  hexo g<br />
  
  这时候网页已经部署完成了,只不过只能本地查看,用下面的命令查看一下:
  hexo s<br />
  打开浏览器输入:4000就可以查看到网站的界面了:
  证明可以之后用ctrl + c 停止本地服务器运行。
  部署Hexo到GitHub
  上面我们部署在本地了,但是只有我们自己可能看到,想要被其他人访问,我们需要部署到github。
  首先,我们需要编辑 _config.yml文件,在底部添加如下信息:
  安装git部署插件:
  hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public<br />hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)<br />hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)<br />
  到这里就成功了,我们输入就可以访问啦!其中xxxx是你的github用户名。
  失败的经验
  第一次以为成功了,但是失败了,得到了一个大大的404:
  后来百度发现是github新建的项目名称和用户名不一致,改为一致的就好了!
  然后浏览器输入就可以访问了。
  修改个标题试试
  怎么确保我们的blog创建成功呢?我们来改个标题试试吧。
  其实大家看到的网站内容就是部署到某台电脑上的一系列文件(一开始我以为是index.html,所以直接修改了html文件里面的东西)。
  修改后如下:
  但是,只怪本人没文化,其实index.html文件是根据其他文件生成的,只修改这个是不行的。

红蓝对抗之域名搜集方法总结

网站优化优采云 发表了文章 • 0 个评论 • 56 次浏览 • 2022-07-12 21:07 • 来自相关话题

  红蓝对抗之域名搜集方法总结
  腾讯蓝军实习生
  jax、yhy、A1oe
  前言
  在历次HW、红蓝对抗、渗透测试项目中,外网的信息收集是至关重要的一个环节,外网打点信息收集全面了,可能会有四两拨千斤效果,直接突破外网边界进入内网。
  最近我们三人加入腾讯蓝军学习渗透技巧,导师让我们对域名资产收集方式做一次全面梳理研究。子域名是域名信息收集的一个重要部分,在防御措施严密情况下我们无法直接拿下主域名,那么就可以采用迂回战术拿下子域名,然后无限靠近主域名。
  方法原理介绍
  1.利用证书透明度收集子域
  原理
  引用谷歌的项目介绍:“要向用户提供加密流量,网站必须先向可信的证书授权中心 (CA) 申请证书。然后,当用户尝试访问相应网站时,此证书即会被提供给浏览器以验证该网站。近年来,由于 HTTPS 证书系统存在结构性缺陷,证书以及签发证书的 CA 很容易遭到入侵和操纵。Google 的证书透明度项目()旨在通过提供一个用于监测和审核 HTTPS 证书的开放式框架,来保障证书签发流程安全无虞。”
  那么,通过这样的证书透明度项目,我们就可以在其中获取一些有价值的域名。
  实现方法:
  访问以下链接搜索需要查询的域名如:
  (1) crtsh:
  (2) facebook:
  (3) entrust:
  (4) certspotter:
  (5) spyse:
  (6) censys:
  (7) google:
  2. 常规检查收集子域
  2.1 域传送
  原理
  域传送操作是指备用服务器向主服务器查询来刷新自己的Zone数据库,保证数据一致性。此操作的目的是为了防止主域名服务器因意外故障变得不可用时影响到全局。正常情况下,只有在网络里存在备用域名 DNS 服务器时,DNS区域传送操作才有必要执行。一旦DNS服务器被错误地配置成任何人发出请求,都向其提供Zone数据库的拷贝,就会被攻击者利用。
  实现方法
  1. dig命令
  如dig @ axfr
  为提供数据的服务器,为要传输的关键字,axfr为区域传输选项。
  2. python中dns库
  xfr = dns.query.xfr(where=server, zone=self.domain, timeout=5.0, lifetime=10.0)
  zone = dns.zone.from_xfr(xfr)
  存在问题
  一般情况下,DNS服务器都配置正确,关闭了dns传输或设置了白名单,漏洞利用成功的概率较低。
  2.2 站点配置文件
  原理
  信息泄露问题主要就是某域名下的一些文件会存储与其相关的一些域名,如子域名。此类文件包括跨域策略文件crossdomain.xml, sitemap文件。
  实现方法
  建立文件列表,拼接域名后直接访问,判断改文件是否存在。若存在则提取数据,若不存在则跳过。
  1.crossdomain.xml文件
  直接访问crossdomain.xml路径
  2. sitemap文件
  直接访问sitemap.xml、sitemap.txt、sitemap.html、sitemapindex.xml、sitemapindex.xml路径
  存在问题
  文件往往不存在,即使存在,域名信息也不够多不够完全。
  2.3 检查内容安全策略
  原理
  内容安全策略(CSP,Content Security Policy)是一种声明的安全机制,可以让网站运营者能够控制遵循CSP的用户代理(通常是浏览器)的行为。通过控制要启用哪些功能,以及从哪里下载内容,可以减少网站的攻击面。CSP的主要目的是防御跨站点脚本(cross-ste scripting,XSS)攻击。例如,CSP可以完全禁止内联的JavaScript,并且控制外部代码从哪里加载。它也可以禁止动态代码执行。禁用了所有的攻击源,XSS攻击变得更加困难。CSP中的关键字有default-src、img-src、object-src和script-src。其中*-src可能会存在域名信息。
  实现方法
  1.手动抓包获取
  HTTP header的Content-Security-Policy属性
  2. Python的Requests获取
  import requests
  res = requests.post(url=url, headers=headers, data=data, allow_redirects=False)
  if not res.headers['Content-Security-Policy']:
  print("There is no Content-Security-Policy in the header")
  else:
  # 处理主体代码
  2.4 利用DNS查询收集子域
  原理
  通过枚举常见的SRV记录并做查询来收集子域srv,以及通过查询域名的DNS记录中的MX,NS,SOA,TXT记录来收集子域。
  SRV记录
  添加服务记录服务器服务记录时会添加此项,SRV记录了哪台计算机提供了哪个服务。格式为:服务的名字.协议的类型(例如:example-server.tcp)。
  以下命令枚举给定域名的SRV记录:
  nmap --script dns-srv-enum.nse --script-args "dns-srv-enum.domain=''"
  MX记录
  建立电子邮箱服务,将指向邮件服务器地址,需要设置MX记录。建立邮箱时,一般会根据邮箱服务商提供的MX记录填写此记录。
  NS记录
  域名解析服务器记录,如果要将子域名指定某个域名服务器来解析,需要设置NS记录。
  SOA记录
  
  SOA叫做起始授权机构记录,NS用于标识多台域名解析服务器,SOA记录用于在众多NS记录中那一台是主服务器。
  TXT记录
  可任意填写,可为空。一般做一些验证记录时会使用此项,如:做SPF(反垃圾邮件)记录。
  3. 利用DNS数据集收集子域
  利用DNS记录公开数据收集
  *注:将需要{domain}换成需要查询的域名,标的是我们认为效果较好的。
  (1) ip138:
  {domain}/domain.htm
  (2) 百度云观测:
  {domain}
  (3) hackertarget:
  (4) riddler:
  :{domain}
  (5) bufferover:
  {domain}
  (6) dnsdb:
  {domain}
  (7) ipv4info:
  (8) robtex:
  (9) chinaz:
  (10) netcraft:
  (11) dnsdumpster:
  (12) sitedossier:
  (13) findsubdomains:
  4. 利用威胁情报平台数据收集子域
  *注:将需要{domain}换成需要查询的域名, 以下平台均需注册,注册后免费试用
  (1) {domain}/{section}
  {section}指其他指令动作,可参考Docs关于API的使用说明。
  (2) {domain}/subdomains
  (3) {domain}
  API:domains
  (4)
  {domain}
  (5) {domain}/subdomains
  或者{domain}/relations
  (6)
  #
  5. 利用搜索引擎发现子域
  5.1 谷歌搜索语法—site
  当使用site提交查询时,Google会将查询限制在某个网站/某个域下面进行,此时配合其他指令效果更佳,如使用减号“-”来排除不想要搜集到的域名。
  5.2 Site:x.x.x. *(目标IP)
  当我们获取到了子域名的真实ip后,可以尝试搜索site:x.x.x.* 进行C段搜索,通过这种方法也能找出很多有价值的其他相关域名。经笔者尝试,这种方法在搜狗、谷歌搜索引擎上使用有效,谷歌搜索引擎效果更好。
  如图:
  6. 域名备案搜集资产
  原理
  在对一些大型的目标进行信息搜集时,还可以通过查找域名备案信息来发现同备案的其他域名资产。如搜集qq的子域名时,最常见的即为对进行子域名搜集,此时就会遗漏其余顶级域名资产。
  查询网址:
  如上图通过查询的网站备案/许可证号,再对其进行反查,即可发现同备案的其他顶级域名资产。
  通过域名备案查找同备案的其他域名资产,能够更全面的搜集目标资产信息,提升发现漏洞的概率。
  7.whois查询和关联查询
  工具:站长工具
  在此我们以做演示,如何进行whois查询和反查
  7.1 查询whois
  7.2 反查whois
  **&ddlSearchMode=1&domain=
  获得关联域名信息。
  8. 域名爆破
  爆破的原理其实是通过枚举的方式来实现的,通过不断的拼接字典中的内容去枚举域名的A记录,但是该方法一般需要解决泛解析问题。
  比如开源工具oneforall会首先访问一个随机的并不存在的域,通过返回结果判断是否存在泛解析,确定存在泛解析以后,程序会开始不断的循环产生随机域名,去向服务器查询,将每次查询到的IP和TTL记录下来,直到大部分的IP地址出现次数都大于两次,则IP黑名单的收集结束,在得到了IP黑名单以后,oneforall接下来会将自己的字典中的每一项和要指定查询的域名进行拼接。在爆破过程中根据IP黑名单进行过滤。
  但这种宽泛的过滤容易导致漏报,所以oneforall将 TTL 也作为黑名单规则的一部分,评判的依据是:在权威 DNS 中,泛解析记录的 TTL 肯定是相同的,如果子域名记录相同,但 TTL 不同,那这条记录可以说肯定不是泛解析记录。
  优秀开源工具
  我们调研了市面上多款开源的子域名收集工具,列举多款优秀工具的功能和优点。在此以为例收集其子域名.简单对比各工具的性能和效果。
  工具名称:oneforall
  
  项目地址:
  工具描述:
  oneforall是近几年出现的比较优秀的子域名收集工具之一,目前还在不断地进行更新优化。这款工具集成了各种域名信息收集的“姿势”,手段可谓是非常全面了。包括利用证书透明度、常规检查、利用网上爬虫(正在实现)、DNS数据集、DNS查询、威胁情报平台、搜索引擎等,但笔者发现它对域名泛解析的处理还不是特别理想,存在较多误收集,同时存在用时较长等缺点。
  工具名称:SubdomainBrute
  项目地址:
  工具描述:
  李劼杰的SubdomainBrute是业内比较出名的子域名收集工具了,工具采用协程加快爆破速度,使用114DNS、百度DNS、阿里DNS这几个快速又可靠的公共DNS进行查询。准确率高,效果比较好。但对泛解析的处理规则是:超过10个域名指向同一IP,则此后发现的其他指向该IP的域名将被丢弃,该方法可能存在误删,但不可否认的是,该规则在一定程度上简便有效。
  工具名称:ESD
  项目地址:
  工具描述:
  ESD的爆破速度极快,62万条数据只用了4分30秒左右,这款工具存在的缺点之一就是对性能要求高,1G2核的服务器CPU占用率达100%。除此之外,输出的结果也比较不稳定,同一网络下对同一域名进行收集,几次结果数量都不一样。
  工具名称:subfinder
  项目地址:
  工具描述:
  使用subfinder来进行子域名信息的收集,它的输出结果多、基数大、速度快,并且输出格式多,便于后续处理(oneforall也有相同的优点)。
  美中不足的就是此工具无爆破功能,被动源相比其他工具来说较少。
  各工具效果对比
  各工具优缺点与功能对比如下:
  *注:因各工具提供的默认字典是不同的,字典往往需要自行定义才能发挥更大作用,故各工具下载后均不做修改,使用自带默认字典进行爆破。使用单一域名测试不具有普遍性,爆破结果仅供参考。
  按照上图,单从数据层面上看,四款工具中OneForAll的表现比较突出,而李劼杰的subdomainBrute表现也算优异,可访问子域名数的百分比和时间都很优秀,美中不足的就是爆出的子域名相对较少。
  子域名收集常见问题
  1. DNS缓存问题
  对于不同的DNS服务器,其缓存策略可能不同,其缓存结果也可能会存在差异,导致在域名查询时获取到未及时更新的解析结果。通常情况下,要解决上述问题需要进行多次DNS查询来迫使DNS服务器刷新缓存,从而获取正确的结果。这无疑增加了泛解析判断和子域名爆破的难度。
  其实这个问题在OneForAll中也未能得到较好的解决。在判断是否存在泛解析问题时,OneForAll使用了函数 detect_wildcard(domain, ns_ip_list),在该函数里面,OneForAll是通过使用不存在的子域名进行查询,从而判断是否存在泛解析。但是只进行一次判断就下决定是不够准确的,可能导致误判。
  2. “死板”的字典
  爆破是子域名收集方法的重要组成部分,对于大部分的这类工具而言,字典的好坏决定了最终的爆破效果。但大部分的字典仅仅只是遍历字符集,使用常用的高频词而不进行及时的更新。当字典文件太大时爆破速度就变得非常慢,并且低效率的字典即使再大也达不到理想的效果。
  在实际进行域名爆破的时候,一个能够自动更新的字典无疑会比普通字典效果更好,在此我们提出一种字典自动更新的方案。
  动态字典
  在本节我们对字典自动更新的方案进行较为详细的阐述,具体可分为三个步骤:对词语的权重进行更新➡️删除原字典中权值低的词➡️从数据集中提取高频词语加入字典,以此实现字典的更新。
  测试工具:Subdomainbrute
  流程图如下:
  1. 权值更新
  首先,利用工具subdomainbrute及其默认字典进行子域名爆破,将得到的结果利用如下脚本进行进一步批量检测,判断该域名是否外网可访问,并将能够外网正常访问的域名保存到success.txt中。
  接下来,将mydic中词语的权值全部初始化为0。然后比对success.txt中的三级域名,将mydic中对应词语的权值+1,其他词语权值不变。此外需要记录下本次所查询的域名,以后查询相同域名的时候,不再重复更新mydic中词语的权值。
  *注:mydic用于记录字典中词语及对应权值,格式形如www,0
  2. 词语删除
  在使用该字典对不同域名进行n次爆破(如20次)以后,开始对字典进行更新,即对字典中的词语进行删除操作。具体步骤如下:
  首先,使用record_num.txt文件记录字典使用的次数。当record_num.txt文件不存在时则生成,每查询不同的域名使用次数+1,重复查询相同域名只算作一次。
  程序每次运行结束后,判断是否需要重置mydic。若需要更新,则先删除record_num.txt文件,然后对mydic中的数据按照权值大小进行排序,排序完成后删去底部的30%数据。
  3. 字典更新
  在删除了原字典30%的值以后,需要补充新的值到字典中。我们解析上的公开DNS记录来更新自己的字典。由于下载的数据集大小一般有几十个G,难以直接处理,所以我们先对数据进行切割以减小处理的难度。
  首先将数据集分割为每个大概100MB的数据文件,然后从这些数据文件中随机抽取一部分,提取出里面的所有子域名,拼接成为字典的“数据源”。将提取出来的子域名数据进行词频分析,并将其中的内容按照出现的频率从大到小进行排序。选择出现频率最高的值加入字典中,直到新字典的大小与旧字典相同为止。最后,需要将新字典中的所有值的权重清零。
  总结
  1. 除了使用爆破工具外,子域名收集的方法还有很多。比如域传送漏洞、DNS查询等常规手段,还有利用证书透明度、DNS数据集、威胁情报平台、搜索引擎、域名备案和whois查询。综合来看,在这些方法中威胁情报平台效果最好,证书透明度和DNS数据集次之。
  2. 在本篇文章中我们还对业内较为优秀的几款工具作了研究、对比。在对的子域名收集测试中,subfinder和OneForAll的表现较为突出。
  3. 子域名收集存在的一些主要问题是域名泛解析、不同线路解析出不同IP、子域名爆破时字典的效率不高等。
  4. 针对字典的问题,我们提出了一种字典自动更新的方案。
  网上关于子域名收集的方法、工具都很多,但实际运用时结果都不够理想、全面。要想获得一份高效、有价值的子域名列表,需要我们结合不同的方法,合理地运用工具进行收集。
  为了方便在实战环境中使用,我们将大部分常用的方法都梳理整合到了这篇文章中。作为学习的记录,本文可能存在些许纰漏,如有错误,欢迎指正。希望大家与我们一起,探索更多更高效子域名收集方法,共同学习共同进步。
  最后,也非常感谢导师leon老师和小五老师的帮助和指导。
  附录
  Google证书透明度项目
  枚举子域名
  DNS域传送漏洞
  史上最全的子域名搜集方法:
  我们是TSRC
  互联网安全的守护者
  用户数据安全的保卫者
  我们找漏洞、查入侵、防攻击
  与安全行业精英携手共建互联网生态安全
  期待正能量的你与我们结盟! 查看全部

  红蓝对抗之域名搜集方法总结
  腾讯蓝军实习生
  jax、yhy、A1oe
  前言
  在历次HW、红蓝对抗、渗透测试项目中,外网的信息收集是至关重要的一个环节,外网打点信息收集全面了,可能会有四两拨千斤效果,直接突破外网边界进入内网。
  最近我们三人加入腾讯蓝军学习渗透技巧,导师让我们对域名资产收集方式做一次全面梳理研究。子域名是域名信息收集的一个重要部分,在防御措施严密情况下我们无法直接拿下主域名,那么就可以采用迂回战术拿下子域名,然后无限靠近主域名。
  方法原理介绍
  1.利用证书透明度收集子域
  原理
  引用谷歌的项目介绍:“要向用户提供加密流量,网站必须先向可信的证书授权中心 (CA) 申请证书。然后,当用户尝试访问相应网站时,此证书即会被提供给浏览器以验证该网站。近年来,由于 HTTPS 证书系统存在结构性缺陷,证书以及签发证书的 CA 很容易遭到入侵和操纵。Google 的证书透明度项目()旨在通过提供一个用于监测和审核 HTTPS 证书的开放式框架,来保障证书签发流程安全无虞。”
  那么,通过这样的证书透明度项目,我们就可以在其中获取一些有价值的域名。
  实现方法:
  访问以下链接搜索需要查询的域名如:
  (1) crtsh:
  (2) facebook:
  (3) entrust:
  (4) certspotter:
  (5) spyse:
  (6) censys:
  (7) google:
  2. 常规检查收集子域
  2.1 域传送
  原理
  域传送操作是指备用服务器向主服务器查询来刷新自己的Zone数据库,保证数据一致性。此操作的目的是为了防止主域名服务器因意外故障变得不可用时影响到全局。正常情况下,只有在网络里存在备用域名 DNS 服务器时,DNS区域传送操作才有必要执行。一旦DNS服务器被错误地配置成任何人发出请求,都向其提供Zone数据库的拷贝,就会被攻击者利用。
  实现方法
  1. dig命令
  如dig @ axfr
  为提供数据的服务器,为要传输的关键字,axfr为区域传输选项。
  2. python中dns库
  xfr = dns.query.xfr(where=server, zone=self.domain, timeout=5.0, lifetime=10.0)
  zone = dns.zone.from_xfr(xfr)
  存在问题
  一般情况下,DNS服务器都配置正确,关闭了dns传输或设置了白名单,漏洞利用成功的概率较低。
  2.2 站点配置文件
  原理
  信息泄露问题主要就是某域名下的一些文件会存储与其相关的一些域名,如子域名。此类文件包括跨域策略文件crossdomain.xml, sitemap文件。
  实现方法
  建立文件列表,拼接域名后直接访问,判断改文件是否存在。若存在则提取数据,若不存在则跳过。
  1.crossdomain.xml文件
  直接访问crossdomain.xml路径
  2. sitemap文件
  直接访问sitemap.xml、sitemap.txt、sitemap.html、sitemapindex.xml、sitemapindex.xml路径
  存在问题
  文件往往不存在,即使存在,域名信息也不够多不够完全。
  2.3 检查内容安全策略
  原理
  内容安全策略(CSP,Content Security Policy)是一种声明的安全机制,可以让网站运营者能够控制遵循CSP的用户代理(通常是浏览器)的行为。通过控制要启用哪些功能,以及从哪里下载内容,可以减少网站的攻击面。CSP的主要目的是防御跨站点脚本(cross-ste scripting,XSS)攻击。例如,CSP可以完全禁止内联的JavaScript,并且控制外部代码从哪里加载。它也可以禁止动态代码执行。禁用了所有的攻击源,XSS攻击变得更加困难。CSP中的关键字有default-src、img-src、object-src和script-src。其中*-src可能会存在域名信息。
  实现方法
  1.手动抓包获取
  HTTP header的Content-Security-Policy属性
  2. Python的Requests获取
  import requests
  res = requests.post(url=url, headers=headers, data=data, allow_redirects=False)
  if not res.headers['Content-Security-Policy']:
  print("There is no Content-Security-Policy in the header")
  else:
  # 处理主体代码
  2.4 利用DNS查询收集子域
  原理
  通过枚举常见的SRV记录并做查询来收集子域srv,以及通过查询域名的DNS记录中的MX,NS,SOA,TXT记录来收集子域。
  SRV记录
  添加服务记录服务器服务记录时会添加此项,SRV记录了哪台计算机提供了哪个服务。格式为:服务的名字.协议的类型(例如:example-server.tcp)。
  以下命令枚举给定域名的SRV记录:
  nmap --script dns-srv-enum.nse --script-args "dns-srv-enum.domain=''"
  MX记录
  建立电子邮箱服务,将指向邮件服务器地址,需要设置MX记录。建立邮箱时,一般会根据邮箱服务商提供的MX记录填写此记录。
  NS记录
  域名解析服务器记录,如果要将子域名指定某个域名服务器来解析,需要设置NS记录。
  SOA记录
  
  SOA叫做起始授权机构记录,NS用于标识多台域名解析服务器,SOA记录用于在众多NS记录中那一台是主服务器。
  TXT记录
  可任意填写,可为空。一般做一些验证记录时会使用此项,如:做SPF(反垃圾邮件)记录。
  3. 利用DNS数据集收集子域
  利用DNS记录公开数据收集
  *注:将需要{domain}换成需要查询的域名,标的是我们认为效果较好的。
  (1) ip138:
  {domain}/domain.htm
  (2) 百度云观测:
  {domain}
  (3) hackertarget:
  (4) riddler:
  :{domain}
  (5) bufferover:
  {domain}
  (6) dnsdb:
  {domain}
  (7) ipv4info:
  (8) robtex:
  (9) chinaz:
  (10) netcraft:
  (11) dnsdumpster:
  (12) sitedossier:
  (13) findsubdomains:
  4. 利用威胁情报平台数据收集子域
  *注:将需要{domain}换成需要查询的域名, 以下平台均需注册,注册后免费试用
  (1) {domain}/{section}
  {section}指其他指令动作,可参考Docs关于API的使用说明。
  (2) {domain}/subdomains
  (3) {domain}
  API:domains
  (4)
  {domain}
  (5) {domain}/subdomains
  或者{domain}/relations
  (6)
  #
  5. 利用搜索引擎发现子域
  5.1 谷歌搜索语法—site
  当使用site提交查询时,Google会将查询限制在某个网站/某个域下面进行,此时配合其他指令效果更佳,如使用减号“-”来排除不想要搜集到的域名。
  5.2 Site:x.x.x. *(目标IP)
  当我们获取到了子域名的真实ip后,可以尝试搜索site:x.x.x.* 进行C段搜索,通过这种方法也能找出很多有价值的其他相关域名。经笔者尝试,这种方法在搜狗、谷歌搜索引擎上使用有效,谷歌搜索引擎效果更好。
  如图:
  6. 域名备案搜集资产
  原理
  在对一些大型的目标进行信息搜集时,还可以通过查找域名备案信息来发现同备案的其他域名资产。如搜集qq的子域名时,最常见的即为对进行子域名搜集,此时就会遗漏其余顶级域名资产。
  查询网址:
  如上图通过查询的网站备案/许可证号,再对其进行反查,即可发现同备案的其他顶级域名资产。
  通过域名备案查找同备案的其他域名资产,能够更全面的搜集目标资产信息,提升发现漏洞的概率。
  7.whois查询和关联查询
  工具:站长工具
  在此我们以做演示,如何进行whois查询和反查
  7.1 查询whois
  7.2 反查whois
  **&ddlSearchMode=1&domain=
  获得关联域名信息。
  8. 域名爆破
  爆破的原理其实是通过枚举的方式来实现的,通过不断的拼接字典中的内容去枚举域名的A记录,但是该方法一般需要解决泛解析问题。
  比如开源工具oneforall会首先访问一个随机的并不存在的域,通过返回结果判断是否存在泛解析,确定存在泛解析以后,程序会开始不断的循环产生随机域名,去向服务器查询,将每次查询到的IP和TTL记录下来,直到大部分的IP地址出现次数都大于两次,则IP黑名单的收集结束,在得到了IP黑名单以后,oneforall接下来会将自己的字典中的每一项和要指定查询的域名进行拼接。在爆破过程中根据IP黑名单进行过滤。
  但这种宽泛的过滤容易导致漏报,所以oneforall将 TTL 也作为黑名单规则的一部分,评判的依据是:在权威 DNS 中,泛解析记录的 TTL 肯定是相同的,如果子域名记录相同,但 TTL 不同,那这条记录可以说肯定不是泛解析记录。
  优秀开源工具
  我们调研了市面上多款开源的子域名收集工具,列举多款优秀工具的功能和优点。在此以为例收集其子域名.简单对比各工具的性能和效果。
  工具名称:oneforall
  
  项目地址:
  工具描述:
  oneforall是近几年出现的比较优秀的子域名收集工具之一,目前还在不断地进行更新优化。这款工具集成了各种域名信息收集的“姿势”,手段可谓是非常全面了。包括利用证书透明度、常规检查、利用网上爬虫(正在实现)、DNS数据集、DNS查询、威胁情报平台、搜索引擎等,但笔者发现它对域名泛解析的处理还不是特别理想,存在较多误收集,同时存在用时较长等缺点。
  工具名称:SubdomainBrute
  项目地址:
  工具描述:
  李劼杰的SubdomainBrute是业内比较出名的子域名收集工具了,工具采用协程加快爆破速度,使用114DNS、百度DNS、阿里DNS这几个快速又可靠的公共DNS进行查询。准确率高,效果比较好。但对泛解析的处理规则是:超过10个域名指向同一IP,则此后发现的其他指向该IP的域名将被丢弃,该方法可能存在误删,但不可否认的是,该规则在一定程度上简便有效。
  工具名称:ESD
  项目地址:
  工具描述:
  ESD的爆破速度极快,62万条数据只用了4分30秒左右,这款工具存在的缺点之一就是对性能要求高,1G2核的服务器CPU占用率达100%。除此之外,输出的结果也比较不稳定,同一网络下对同一域名进行收集,几次结果数量都不一样。
  工具名称:subfinder
  项目地址:
  工具描述:
  使用subfinder来进行子域名信息的收集,它的输出结果多、基数大、速度快,并且输出格式多,便于后续处理(oneforall也有相同的优点)。
  美中不足的就是此工具无爆破功能,被动源相比其他工具来说较少。
  各工具效果对比
  各工具优缺点与功能对比如下:
  *注:因各工具提供的默认字典是不同的,字典往往需要自行定义才能发挥更大作用,故各工具下载后均不做修改,使用自带默认字典进行爆破。使用单一域名测试不具有普遍性,爆破结果仅供参考。
  按照上图,单从数据层面上看,四款工具中OneForAll的表现比较突出,而李劼杰的subdomainBrute表现也算优异,可访问子域名数的百分比和时间都很优秀,美中不足的就是爆出的子域名相对较少。
  子域名收集常见问题
  1. DNS缓存问题
  对于不同的DNS服务器,其缓存策略可能不同,其缓存结果也可能会存在差异,导致在域名查询时获取到未及时更新的解析结果。通常情况下,要解决上述问题需要进行多次DNS查询来迫使DNS服务器刷新缓存,从而获取正确的结果。这无疑增加了泛解析判断和子域名爆破的难度。
  其实这个问题在OneForAll中也未能得到较好的解决。在判断是否存在泛解析问题时,OneForAll使用了函数 detect_wildcard(domain, ns_ip_list),在该函数里面,OneForAll是通过使用不存在的子域名进行查询,从而判断是否存在泛解析。但是只进行一次判断就下决定是不够准确的,可能导致误判。
  2. “死板”的字典
  爆破是子域名收集方法的重要组成部分,对于大部分的这类工具而言,字典的好坏决定了最终的爆破效果。但大部分的字典仅仅只是遍历字符集,使用常用的高频词而不进行及时的更新。当字典文件太大时爆破速度就变得非常慢,并且低效率的字典即使再大也达不到理想的效果。
  在实际进行域名爆破的时候,一个能够自动更新的字典无疑会比普通字典效果更好,在此我们提出一种字典自动更新的方案。
  动态字典
  在本节我们对字典自动更新的方案进行较为详细的阐述,具体可分为三个步骤:对词语的权重进行更新➡️删除原字典中权值低的词➡️从数据集中提取高频词语加入字典,以此实现字典的更新。
  测试工具:Subdomainbrute
  流程图如下:
  1. 权值更新
  首先,利用工具subdomainbrute及其默认字典进行子域名爆破,将得到的结果利用如下脚本进行进一步批量检测,判断该域名是否外网可访问,并将能够外网正常访问的域名保存到success.txt中。
  接下来,将mydic中词语的权值全部初始化为0。然后比对success.txt中的三级域名,将mydic中对应词语的权值+1,其他词语权值不变。此外需要记录下本次所查询的域名,以后查询相同域名的时候,不再重复更新mydic中词语的权值。
  *注:mydic用于记录字典中词语及对应权值,格式形如www,0
  2. 词语删除
  在使用该字典对不同域名进行n次爆破(如20次)以后,开始对字典进行更新,即对字典中的词语进行删除操作。具体步骤如下:
  首先,使用record_num.txt文件记录字典使用的次数。当record_num.txt文件不存在时则生成,每查询不同的域名使用次数+1,重复查询相同域名只算作一次。
  程序每次运行结束后,判断是否需要重置mydic。若需要更新,则先删除record_num.txt文件,然后对mydic中的数据按照权值大小进行排序,排序完成后删去底部的30%数据。
  3. 字典更新
  在删除了原字典30%的值以后,需要补充新的值到字典中。我们解析上的公开DNS记录来更新自己的字典。由于下载的数据集大小一般有几十个G,难以直接处理,所以我们先对数据进行切割以减小处理的难度。
  首先将数据集分割为每个大概100MB的数据文件,然后从这些数据文件中随机抽取一部分,提取出里面的所有子域名,拼接成为字典的“数据源”。将提取出来的子域名数据进行词频分析,并将其中的内容按照出现的频率从大到小进行排序。选择出现频率最高的值加入字典中,直到新字典的大小与旧字典相同为止。最后,需要将新字典中的所有值的权重清零。
  总结
  1. 除了使用爆破工具外,子域名收集的方法还有很多。比如域传送漏洞、DNS查询等常规手段,还有利用证书透明度、DNS数据集、威胁情报平台、搜索引擎、域名备案和whois查询。综合来看,在这些方法中威胁情报平台效果最好,证书透明度和DNS数据集次之。
  2. 在本篇文章中我们还对业内较为优秀的几款工具作了研究、对比。在对的子域名收集测试中,subfinder和OneForAll的表现较为突出。
  3. 子域名收集存在的一些主要问题是域名泛解析、不同线路解析出不同IP、子域名爆破时字典的效率不高等。
  4. 针对字典的问题,我们提出了一种字典自动更新的方案。
  网上关于子域名收集的方法、工具都很多,但实际运用时结果都不够理想、全面。要想获得一份高效、有价值的子域名列表,需要我们结合不同的方法,合理地运用工具进行收集。
  为了方便在实战环境中使用,我们将大部分常用的方法都梳理整合到了这篇文章中。作为学习的记录,本文可能存在些许纰漏,如有错误,欢迎指正。希望大家与我们一起,探索更多更高效子域名收集方法,共同学习共同进步。
  最后,也非常感谢导师leon老师和小五老师的帮助和指导。
  附录
  Google证书透明度项目
  枚举子域名
  DNS域传送漏洞
  史上最全的子域名搜集方法:
  我们是TSRC
  互联网安全的守护者
  用户数据安全的保卫者
  我们找漏洞、查入侵、防攻击
  与安全行业精英携手共建互联网生态安全
  期待正能量的你与我们结盟!

3分钟搭建一个网站?腾讯云Serverless开发体验

网站优化优采云 发表了文章 • 0 个评论 • 60 次浏览 • 2022-07-11 12:54 • 来自相关话题

  3分钟搭建一个网站?腾讯云Serverless开发体验
  首先放一个我部署好的RSS在线阅读器页面:
  只要在url传入需要解析的RSS订阅地址,比如xxxx/rss?rssurl= ,就可以解析出该RSS,并渲染成你想要的博客样式。
  整个实现代码除了html模板,只需要4行代码。
  Serverless概念
  Serverless是一个怎样的运行原理呢?简单的解释下:
  腾讯云云函数是腾讯云提供的 Serverless 执行环境。您只需编写简单的、目的单一的云函数即可将它与您的腾讯云基础设施及其他云服务产生的事件关联。
  当然了,Serverless不是表示没有服务器,而表示当您在使用 Serverless 时,您无需关心底层资源,也无需登录服务器和优化服务器,只需关注最核心的代码片段,即可跳过复杂的、繁琐的基本工作。核心的代码片段完全由事件或者请求触发,平台根据请求自动平行调整服务资源。Serverless 拥有近乎无限的扩容能力,空闲时,不运行任何资源。代码运行无状态,可以轻易实现快速迭代、极速部署。
  它的大致执行流程如下图:
  所以,Serverless其实本质上是云服务上帮你整合了云资源,你只需要编写最核心的代码,比如一个请求过来如何处理和返回对应的数据。其他的服务器部署相关的事情,都交给云服务商。这样带来的最核心的好处是节省了大量资源,只有你的网站有人访问时,才会计算资源消耗的价格,大幅度降低了成本。
  可能你只是想搭建一个博客,以前可能需要买一年的服务器,起码一年开销几百元。在Serverless下,如果你的博客访问量并不是很高,可能一年只要花费十几块钱。
  3分钟部署一个网站
  我们打开Serverless创建函数服务页面:
  选择Python3 Web函数模板:
  接着可以设置一些基本信息,这里我啥也没修改,直接点击完成。
  大概等待30秒,一个Serverless服务就创建完成了。
  接下来,我们就被跳转到了代码编辑页面。由于我们在上面的选项里选了Python3 Web开发,所以代码默认有了一个最基本的Flask框架模板。(Flask是什么?是Python的一个Web开发框架,就像Java下面的SpringBoot一样,也能很轻松地开发一个Web服务。官方文档:)
  
  模板代码已经有了路径(“/”)最基本的返回值,我们把他改几个字,然后点击左下角部署按钮。花费了十几秒部署完成后,点击测试,我们就能看到返回的Body了,如下图。这时候你访问页面,也返回了同样的结果。
  一个最最基础的Web服务器就OK了,不需要买域名和HTTPS证书,不需要SSH登录服务器,不需要手动编译代码,。
  10分钟开发一个在线RSS阅读小站
  上面是牛刀小试,接下来稍微整一个复杂一点点的例子。
  **我一直觉得RSS阅读是一个虽然过时,但是其精神一直在传承的阅读方式。**比如微信的订阅号,可以说其本质也是一种RSS阅读,通过关注订阅,并获得更新文章的推送,来定制化你的阅读内容。
  所以我想做一个RSS解析器,通过传入RSS的网址(很多网站还保留有这个网址,比如CSDN,比如阮一峰的博客等),能够渲染出该RSS链接里所有的文章,并展示在网页上。后面,还可以深度的修改页面的展示,做出一个微信订阅号网页版,也不是不可能,哈哈哈。
  OK,花里胡哨的就不扯了,先开始实现一个最简单的事情,把RSS链接渲染出来。
  我们使用官方的Flask模板,这个模板的Flask环境相对更加完整,方便开发。
  我们首先需要一个RSS解析的框架,在Python中,有一个feedparser的框架,能够解析RSS url。
  使用pip3 install feedparser安装feedparser:
  接着我们在app.py加入代码:
  import feedparser<br /><br />@app.route('/rss')<br />def rss():<br />    feed = feedparser.parse(request.args.get('rssurl'))<br />    return render_template('rss.html', entries=feed.entries)<br />
  在这里,我进行了一波本地调试,看一下feed这个参数,拿到了什么:
  可以看到,解析后的rss链接,被feedparser框架解析为了一个数组,每个entry是一个文章的标题,作者,链接等。
  根据上面的参数名,我们再加入一个rss/html,放在templates文件夹中,里面写好了我稍微美化过的html页面,并且将每篇文章循环插入html中,这里用到了flask自带的渲染模板jinja2:
  <br /><br />    RSS阅读博客<br />    <br /><br /><br />    <br />    <br /><br /> <br />  <br /><br />            <br />              <br />                RSS解析器</a><br />                <br />                  <br />                <br />                <br />                  <br />                    <br />                      首页</a><br />                    <br />                  <br />                  <br />                    <br />                    Search<br />                  <br />                <br />              <br />            <br /><br />            <br />                {% for entry in entries %}<br />                <br />                    <br />                      <br />                        {{ entry.title }} | {{ entry.published }}<br />                      <br />                    <br />                    <br />                      <br />                        {{ entry.summary | safe }}<br />                      <br />                    <br />                <br />                {% endfor %}<br />            <br /><br /><br />        <br /> <br /><br /><br /><br />
  两个文件修改完,直接点击部署然后访问腾讯云给我们分配的域名:
  
  :///qqxx6661/rss/list
  可以看到,完美解析出了我CSDN博客的RSS流,并且可以一个个打开。动图见文章最上方。
  Web Function的优缺点分析
  可以看出来,Serverless开发一个网站和传统网站开发区别非常大,它撇去了传统开发中那些冗杂但是又不经常会去修改的配置和流程,让开发者专注于业务逻辑的开发。但是这种开发方式真的完美吗?我思考了一下它的优势和不足。
  最明显的优势便是它简化了开发的步骤,省去了很多部署的无聊工作量。但是,它的简化是有代价的,简化是会牺牲很大一部分灵活性和可定制性的。简化能够好用的前提是,云服务商把这些事情做到了,并且做好了。如果你的网站需要大量复杂的逻辑,并且需要优化网关的配置,那么很多事情在Serverless下,至少在目前提供的Serverless下,还是做不到的。
  上面说到的弊端,其实会带来一个很大的问题,就是沉没成本,当你花了很多时间在Serverless上,却发现有一些小的要求或者定制化,没法实现,这时你是去翻文档,提工单,还是选择老老实实买个虚机,自己手动重新部署呢。
  当然,上述观点是一个开发者的视角来看的。
  作为普通消费者,可能很多时候只需要部署一个静态网站,用来放一个博客,或者说推广下自己的公司和产品。那么Serverlss大概率是符合要求的。
  除了上面的主要矛盾外,还有一点是我想提出的,就是目前在线代码编辑页面的调试功能有点太弱了。
  在最开始的Python3 Web模板中,在线的依赖库貌似缺失了新版本的feedparser和flask,导致我在本地调试能够运行的代码放到Serverless上各种不成功,但是错误信息却很难找。导致我不得不在VS Code的终端里,一个手动开flask服务,一个去curl请求,才能看到报错信息。
  当然,这个可能是我自己走得歪路,但是在页面上,很难一眼看出来Debug窗口在哪里。
  在用户体验上,还有很多事情可以做。
  总结
  不知不觉又是一篇2500字的文章,一个完整的周末又没有了。
  Serverless概念提出了好几年了,其产品形态总感觉还在摸索阶段,它的用户群体到底是开发者,还是普通消费者,其实还是会被产品形态所影响。
  不管怎么说,Serverless在成本的节省上是有目共睹的,我也希望在我的云服务器过期后,能够把自己的博客和其他服务,部署在Serverless上,能够节省一大笔开销。光是成本这一点,就值得我不断关注着Serverless。
  如果文章对你有帮助,请各位老板转发支持一下,你的支持和鼓励对我非常重要~
  关注我
  往期精彩文章: 查看全部

  3分钟搭建一个网站?腾讯云Serverless开发体验
  首先放一个我部署好的RSS在线阅读器页面:
  只要在url传入需要解析的RSS订阅地址,比如xxxx/rss?rssurl= ,就可以解析出该RSS,并渲染成你想要的博客样式。
  整个实现代码除了html模板,只需要4行代码。
  Serverless概念
  Serverless是一个怎样的运行原理呢?简单的解释下:
  腾讯云云函数是腾讯云提供的 Serverless 执行环境。您只需编写简单的、目的单一的云函数即可将它与您的腾讯云基础设施及其他云服务产生的事件关联。
  当然了,Serverless不是表示没有服务器,而表示当您在使用 Serverless 时,您无需关心底层资源,也无需登录服务器和优化服务器,只需关注最核心的代码片段,即可跳过复杂的、繁琐的基本工作。核心的代码片段完全由事件或者请求触发,平台根据请求自动平行调整服务资源。Serverless 拥有近乎无限的扩容能力,空闲时,不运行任何资源。代码运行无状态,可以轻易实现快速迭代、极速部署。
  它的大致执行流程如下图:
  所以,Serverless其实本质上是云服务上帮你整合了云资源,你只需要编写最核心的代码,比如一个请求过来如何处理和返回对应的数据。其他的服务器部署相关的事情,都交给云服务商。这样带来的最核心的好处是节省了大量资源,只有你的网站有人访问时,才会计算资源消耗的价格,大幅度降低了成本。
  可能你只是想搭建一个博客,以前可能需要买一年的服务器,起码一年开销几百元。在Serverless下,如果你的博客访问量并不是很高,可能一年只要花费十几块钱。
  3分钟部署一个网站
  我们打开Serverless创建函数服务页面:
  选择Python3 Web函数模板:
  接着可以设置一些基本信息,这里我啥也没修改,直接点击完成。
  大概等待30秒,一个Serverless服务就创建完成了。
  接下来,我们就被跳转到了代码编辑页面。由于我们在上面的选项里选了Python3 Web开发,所以代码默认有了一个最基本的Flask框架模板。(Flask是什么?是Python的一个Web开发框架,就像Java下面的SpringBoot一样,也能很轻松地开发一个Web服务。官方文档:)
  
  模板代码已经有了路径(“/”)最基本的返回值,我们把他改几个字,然后点击左下角部署按钮。花费了十几秒部署完成后,点击测试,我们就能看到返回的Body了,如下图。这时候你访问页面,也返回了同样的结果。
  一个最最基础的Web服务器就OK了,不需要买域名和HTTPS证书,不需要SSH登录服务器,不需要手动编译代码,。
  10分钟开发一个在线RSS阅读小站
  上面是牛刀小试,接下来稍微整一个复杂一点点的例子。
  **我一直觉得RSS阅读是一个虽然过时,但是其精神一直在传承的阅读方式。**比如微信的订阅号,可以说其本质也是一种RSS阅读,通过关注订阅,并获得更新文章的推送,来定制化你的阅读内容。
  所以我想做一个RSS解析器,通过传入RSS的网址(很多网站还保留有这个网址,比如CSDN,比如阮一峰的博客等),能够渲染出该RSS链接里所有的文章,并展示在网页上。后面,还可以深度的修改页面的展示,做出一个微信订阅号网页版,也不是不可能,哈哈哈。
  OK,花里胡哨的就不扯了,先开始实现一个最简单的事情,把RSS链接渲染出来。
  我们使用官方的Flask模板,这个模板的Flask环境相对更加完整,方便开发。
  我们首先需要一个RSS解析的框架,在Python中,有一个feedparser的框架,能够解析RSS url。
  使用pip3 install feedparser安装feedparser:
  接着我们在app.py加入代码:
  import feedparser<br /><br />@app.route('/rss')<br />def rss():<br />    feed = feedparser.parse(request.args.get('rssurl'))<br />    return render_template('rss.html', entries=feed.entries)<br />
  在这里,我进行了一波本地调试,看一下feed这个参数,拿到了什么:
  可以看到,解析后的rss链接,被feedparser框架解析为了一个数组,每个entry是一个文章的标题,作者,链接等。
  根据上面的参数名,我们再加入一个rss/html,放在templates文件夹中,里面写好了我稍微美化过的html页面,并且将每篇文章循环插入html中,这里用到了flask自带的渲染模板jinja2:
  <br /><br />    RSS阅读博客<br />    <br /><br /><br />    <br />    <br /><br /> <br />  <br /><br />            <br />              <br />                RSS解析器</a><br />                <br />                  <br />                <br />                <br />                  <br />                    <br />                      首页</a><br />                    <br />                  <br />                  <br />                    <br />                    Search<br />                  <br />                <br />              <br />            <br /><br />            <br />                {% for entry in entries %}<br />                <br />                    <br />                      <br />                        {{ entry.title }} | {{ entry.published }}<br />                      <br />                    <br />                    <br />                      <br />                        {{ entry.summary | safe }}<br />                      <br />                    <br />                <br />                {% endfor %}<br />            <br /><br /><br />        <br /> <br /><br /><br /><br />
  两个文件修改完,直接点击部署然后访问腾讯云给我们分配的域名:
  
  :///qqxx6661/rss/list
  可以看到,完美解析出了我CSDN博客的RSS流,并且可以一个个打开。动图见文章最上方。
  Web Function的优缺点分析
  可以看出来,Serverless开发一个网站和传统网站开发区别非常大,它撇去了传统开发中那些冗杂但是又不经常会去修改的配置和流程,让开发者专注于业务逻辑的开发。但是这种开发方式真的完美吗?我思考了一下它的优势和不足。
  最明显的优势便是它简化了开发的步骤,省去了很多部署的无聊工作量。但是,它的简化是有代价的,简化是会牺牲很大一部分灵活性和可定制性的。简化能够好用的前提是,云服务商把这些事情做到了,并且做好了。如果你的网站需要大量复杂的逻辑,并且需要优化网关的配置,那么很多事情在Serverless下,至少在目前提供的Serverless下,还是做不到的。
  上面说到的弊端,其实会带来一个很大的问题,就是沉没成本,当你花了很多时间在Serverless上,却发现有一些小的要求或者定制化,没法实现,这时你是去翻文档,提工单,还是选择老老实实买个虚机,自己手动重新部署呢。
  当然,上述观点是一个开发者的视角来看的。
  作为普通消费者,可能很多时候只需要部署一个静态网站,用来放一个博客,或者说推广下自己的公司和产品。那么Serverlss大概率是符合要求的。
  除了上面的主要矛盾外,还有一点是我想提出的,就是目前在线代码编辑页面的调试功能有点太弱了。
  在最开始的Python3 Web模板中,在线的依赖库貌似缺失了新版本的feedparser和flask,导致我在本地调试能够运行的代码放到Serverless上各种不成功,但是错误信息却很难找。导致我不得不在VS Code的终端里,一个手动开flask服务,一个去curl请求,才能看到报错信息。
  当然,这个可能是我自己走得歪路,但是在页面上,很难一眼看出来Debug窗口在哪里。
  在用户体验上,还有很多事情可以做。
  总结
  不知不觉又是一篇2500字的文章,一个完整的周末又没有了。
  Serverless概念提出了好几年了,其产品形态总感觉还在摸索阶段,它的用户群体到底是开发者,还是普通消费者,其实还是会被产品形态所影响。
  不管怎么说,Serverless在成本的节省上是有目共睹的,我也希望在我的云服务器过期后,能够把自己的博客和其他服务,部署在Serverless上,能够节省一大笔开销。光是成本这一点,就值得我不断关注着Serverless。
  如果文章对你有帮助,请各位老板转发支持一下,你的支持和鼓励对我非常重要~
  关注我
  往期精彩文章:

使用开源SiteServer替代某老牌CMS做网站

网站优化优采云 发表了文章 • 0 个评论 • 77 次浏览 • 2022-07-04 16:53 • 来自相关话题

  使用开源SiteServer替代某老牌CMS做网站
  学更好的别人,
  做更好的自己。
  ——《微卡智享》
  本文长度为1938字,预计阅读5分钟
  前言
  去年末时,某国产CMS发布了关于提醒办理产品商业使用授权的通告,进一步强调了对商用的付费要求。公司网站现在基本没什么人看,关键没有也不合适,所以当时就花钱找人做了下网站,用的就是上面说的某国产CMS,记得里面也不少BUG,搞的我这虽然不会PHP,也能看懂写的啥意思,没事还要在源码上修改一下,反正是跨吐糟一下,真心不好用。既然人家开始收费了,网上开源的CMS也不少,那干脆也别再找人,自己整个得了,找了些开源的CMS,有JAVA的,PHP,.Net和GO的,这里面自己最熟悉的还是.Net,所以就在.Net里选择了。
  选择.Net开源CMS
  微卡智享
  自己找了一下,.Net相关开源的CMS中,有Orchard、SiteServer CMS和JR-CMS。
  Orchard
  开源协议:BSD-3-Clause License
  简介:Orchard 是基于 ASP.NET MVC 平台的免费、开源、以社区为中心的内容管理系统,由微软开源。和 WebMatrix 一样,Orchard 的目标是帮助用户减少编码,从而吸引非技术人员的关注。
  SiteServerCMS
  开源协议:AGPL-3.0 License
  简介:SiteServer CMS 是 .NET 平台的 CMS 内容管理系统,它基于 .NET Core,能够以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异、规模庞大并易于维护的网站平台。
  JR-CMS
  开源协议:GPL-2.0 License
  简介:此项目是基于.NET + DDD 构建的跨平台开源内容管理系统;同时支持ASP.NET和.NET Core;可以运行在 Windows, Linux, macOS 等操作系统;支持 Docker 容器。
  大概看了一下三个的介绍,我就毫不犹豫地选了SiteServer CMS,因为讲的最核心的一句就是,最低的成本,最小的人力,最短的时间就能搭建网站平台。
  搭建网站
  微卡智享
  下载SiteServer CMS
  
  因为公司云服务器是用的WIndows 2008 R2所以我就直接下的.Net Framework的版本。
  解压后的文件夹
  IIS中创建网站,因为是主页,所以端口直接用的80,物理路径就是刚才下载的文件夹。
  应用程序池改为.Net Framework 4.0,然后托管模式为集成。
  我这云服务器上本来就装的Sql Server2008,所以数据库我也用的这个,详细的安装可以在官网的介绍中做,下面是链接
  在 Windows 中运行 SSCMS | SSCMS 7.1 文档中心
  网站注意事项
  微卡智享
  01
  创建站点
  因为我们的域名访问后直接就是公司主页,所以在创建站点时直接选择了主站,如果选择子站的话,登陆主页是二级域名。
  02
  站点模版
  里面有不少在线免费的模版,我也是下了三个后最终选择了上面红框中的那个,效果如下:
  03
  网站基本信息修改
  
  在内容管理中将网站的基本信息先修改了,其中公司的信息,LOGO,轮播大图等,这些改完差不多主页就可以成型了,下面是重点来了。
  关于备案设置
  申请域名在网站上需要点击备案信息和备案号直接跳转到全国互联网安全平台和工业和信息化部政务服务平台。
  如果这两个没有做链接,会有人电话通知,并且要求网站下架的。
  在内容管理--网站底部版权信息,在里面点击编辑
  因为只有在内容中可以设置超链接,所以我们将内容中的中文字写上后并加入上面两个网站的超链接,修改完后点击确定。这样修改完后,默认底部里面并没有显示备案号等相关信息,下面需要我们修改footer的模版
  修改footer模版
  在显示管理--包文件管理中找到footer.html
  点开后可以看到,相关的显示都是用的STL语言显示的,那我们就查一下官方文档。
  因为我们用的是内容管理,所以就找stl:content即可。
  在type的显示类型中可以看到content代表内容正文,前面说过备案号的超链接是写在内容正文中的,所以我们把type的类型改为content即可。
  改完后重新生成网站,可以看到,下图中备案号都加上超链接了
  简单的网站就可以这样搭建完成,后面的文章及相关的资料等有时间可以再上去更新。
  完
  往期精彩回顾 查看全部

  使用开源SiteServer替代某老牌CMS做网站
  学更好的别人,
  做更好的自己。
  ——《微卡智享》
  本文长度为1938字,预计阅读5分钟
  前言
  去年末时,某国产CMS发布了关于提醒办理产品商业使用授权的通告,进一步强调了对商用的付费要求。公司网站现在基本没什么人看,关键没有也不合适,所以当时就花钱找人做了下网站,用的就是上面说的某国产CMS,记得里面也不少BUG,搞的我这虽然不会PHP,也能看懂写的啥意思,没事还要在源码上修改一下,反正是跨吐糟一下,真心不好用。既然人家开始收费了,网上开源的CMS也不少,那干脆也别再找人,自己整个得了,找了些开源的CMS,有JAVA的,PHP,.Net和GO的,这里面自己最熟悉的还是.Net,所以就在.Net里选择了。
  选择.Net开源CMS
  微卡智享
  自己找了一下,.Net相关开源的CMS中,有Orchard、SiteServer CMS和JR-CMS。
  Orchard
  开源协议:BSD-3-Clause License
  简介:Orchard 是基于 ASP.NET MVC 平台的免费、开源、以社区为中心的内容管理系统,由微软开源。和 WebMatrix 一样,Orchard 的目标是帮助用户减少编码,从而吸引非技术人员的关注。
  SiteServerCMS
  开源协议:AGPL-3.0 License
  简介:SiteServer CMS 是 .NET 平台的 CMS 内容管理系统,它基于 .NET Core,能够以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异、规模庞大并易于维护的网站平台。
  JR-CMS
  开源协议:GPL-2.0 License
  简介:此项目是基于.NET + DDD 构建的跨平台开源内容管理系统;同时支持ASP.NET和.NET Core;可以运行在 Windows, Linux, macOS 等操作系统;支持 Docker 容器。
  大概看了一下三个的介绍,我就毫不犹豫地选了SiteServer CMS,因为讲的最核心的一句就是,最低的成本,最小的人力,最短的时间就能搭建网站平台。
  搭建网站
  微卡智享
  下载SiteServer CMS
  
  因为公司云服务器是用的WIndows 2008 R2所以我就直接下的.Net Framework的版本。
  解压后的文件夹
  IIS中创建网站,因为是主页,所以端口直接用的80,物理路径就是刚才下载的文件夹。
  应用程序池改为.Net Framework 4.0,然后托管模式为集成。
  我这云服务器上本来就装的Sql Server2008,所以数据库我也用的这个,详细的安装可以在官网的介绍中做,下面是链接
  在 Windows 中运行 SSCMS | SSCMS 7.1 文档中心
  网站注意事项
  微卡智享
  01
  创建站点
  因为我们的域名访问后直接就是公司主页,所以在创建站点时直接选择了主站,如果选择子站的话,登陆主页是二级域名。
  02
  站点模版
  里面有不少在线免费的模版,我也是下了三个后最终选择了上面红框中的那个,效果如下:
  03
  网站基本信息修改
  
  在内容管理中将网站的基本信息先修改了,其中公司的信息,LOGO,轮播大图等,这些改完差不多主页就可以成型了,下面是重点来了。
  关于备案设置
  申请域名在网站上需要点击备案信息和备案号直接跳转到全国互联网安全平台和工业和信息化部政务服务平台。
  如果这两个没有做链接,会有人电话通知,并且要求网站下架的。
  在内容管理--网站底部版权信息,在里面点击编辑
  因为只有在内容中可以设置超链接,所以我们将内容中的中文字写上后并加入上面两个网站的超链接,修改完后点击确定。这样修改完后,默认底部里面并没有显示备案号等相关信息,下面需要我们修改footer的模版
  修改footer模版
  在显示管理--包文件管理中找到footer.html
  点开后可以看到,相关的显示都是用的STL语言显示的,那我们就查一下官方文档。
  因为我们用的是内容管理,所以就找stl:content即可。
  在type的显示类型中可以看到content代表内容正文,前面说过备案号的超链接是写在内容正文中的,所以我们把type的类型改为content即可。
  改完后重新生成网站,可以看到,下图中备案号都加上超链接了
  简单的网站就可以这样搭建完成,后面的文章及相关的资料等有时间可以再上去更新。
  完
  往期精彩回顾

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 70 次浏览 • 2022-06-29 18:32 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  从Element下载
  
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  从Element下载
  
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

蘑菇网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 110 次浏览 • 2022-06-28 01:57 • 来自相关话题

  蘑菇网站打开超30秒,我被群友喷惨了
  陌溪的学习笔记:
  大家好,我是陌溪
  最近,BootCDN 可谓是问题多多,这不这两天加载 CSS、JS 文件就需要花费 20 秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前陌溪想到了两种解决方法
  本地CDN
  虽然上次 已经对 CDN 进行了一些改造,不过改的不彻底,这次打算把所有的 CSS 和 JS 都拉到本地
  BootCDN
  首先,分别找出 index.html 下的 CDN 域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在 static 文件夹中,创建 cdn 文件夹,然后把每个 CDN 文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于 element ui 的 css 文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开 element ui 的 Github 地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到 theme-chalk/lib/fonts 目录下,下载下面两个文件
  从Element下载
  然后在 static/cdn 中,创建 fonts 文件夹,把两个文件拷贝进行即可
  导入fonts
  
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的 CSS 和 JS 文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了 CDN 宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有 2M 了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有 1M 的话,那么可能光下载这几个文件就要花费近 20 秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费 10G 存储空间,来搭建蘑菇的 CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个 CNAME 的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  
  选择类型为 CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建 cdn 文件夹,然后把刚刚的 static/cdn 文件都上传到 cdn 文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成 即可,自建的蘑菇 cdn 大功告成~
  替换成蘑菇CDN
  最后重启,完美运行 prefect ~
  完美运行
  最后部署上线,通过 F12再看看每个 js 文件加载的速度,只用 20 ms 就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇 CDN 改造就到这里了
  我是陌溪,我们下期再见~
  往期推荐
  博主就职于字节跳动商业化部门,一直在维护校招笔记仓库LearningNote「在Gitee上已有4.5kstar,仓库地址」,公众号上的文章也会在此同步更新,欢迎各位小伙伴一起交流学习,回复「PDF」获取PDF笔记。
  同时,想要丰富项目经验的小伙伴,可以参考我维护的开源微服务博客项目:蘑菇博客「Gitee官方推荐项目,博客类搜索排名第一,在Gitee已有4.1Kstar,仓库地址:」。
  本公众号申请较晚,暂时没有开通留言功能,欢迎小伙伴们添加我的私人微信coder_moxi【备注:加群】,我将邀请你加入到蘑菇博客交流群中,欢迎小伙伴们找陌溪一块聊天唠嗑,共同学习进步。最后,如果你觉得本文对你有所帮助,麻烦小伙伴们动动手指给文章点个「赞」和「在看」,非常感谢大家的支持。
  快来找陌溪唠嗑吧
  点个在看你最好看 查看全部

  蘑菇网站打开超30秒,我被群友喷惨了
  陌溪的学习笔记:
  大家好,我是陌溪
  最近,BootCDN 可谓是问题多多,这不这两天加载 CSS、JS 文件就需要花费 20 秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前陌溪想到了两种解决方法
  本地CDN
  虽然上次 已经对 CDN 进行了一些改造,不过改的不彻底,这次打算把所有的 CSS 和 JS 都拉到本地
  BootCDN
  首先,分别找出 index.html 下的 CDN 域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在 static 文件夹中,创建 cdn 文件夹,然后把每个 CDN 文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于 element ui 的 css 文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开 element ui 的 Github 地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到 theme-chalk/lib/fonts 目录下,下载下面两个文件
  从Element下载
  然后在 static/cdn 中,创建 fonts 文件夹,把两个文件拷贝进行即可
  导入fonts
  
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的 CSS 和 JS 文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了 CDN 宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有 2M 了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有 1M 的话,那么可能光下载这几个文件就要花费近 20 秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费 10G 存储空间,来搭建蘑菇的 CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个 CNAME 的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  
  选择类型为 CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建 cdn 文件夹,然后把刚刚的 static/cdn 文件都上传到 cdn 文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成 即可,自建的蘑菇 cdn 大功告成~
  替换成蘑菇CDN
  最后重启,完美运行 prefect ~
  完美运行
  最后部署上线,通过 F12再看看每个 js 文件加载的速度,只用 20 ms 就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇 CDN 改造就到这里了
  我是陌溪,我们下期再见~
  往期推荐
  博主就职于字节跳动商业化部门,一直在维护校招笔记仓库LearningNote「在Gitee上已有4.5kstar,仓库地址」,公众号上的文章也会在此同步更新,欢迎各位小伙伴一起交流学习,回复「PDF」获取PDF笔记。
  同时,想要丰富项目经验的小伙伴,可以参考我维护的开源微服务博客项目:蘑菇博客「Gitee官方推荐项目,博客类搜索排名第一,在Gitee已有4.1Kstar,仓库地址:」。
  本公众号申请较晚,暂时没有开通留言功能,欢迎小伙伴们添加我的私人微信coder_moxi【备注:加群】,我将邀请你加入到蘑菇博客交流群中,欢迎小伙伴们找陌溪一块聊天唠嗑,共同学习进步。最后,如果你觉得本文对你有所帮助,麻烦小伙伴们动动手指给文章点个「赞」和「在看」,非常感谢大家的支持。
  快来找陌溪唠嗑吧
  点个在看你最好看

手把手教你如何10分钟搭建一个音乐人官网

网站优化优采云 发表了文章 • 0 个评论 • 66 次浏览 • 2022-06-25 22:52 • 来自相关话题

  手把手教你如何10分钟搭建一个音乐人官网
  OG:
  作者 | 陈贤江
  新音乐产业观察创办人
  强调一下,这里所说的官网,都是具有独立域名的独立建站的独立运营的音乐人官方网站。
  总之是一个真正的网站。
  10分钟指的是搭建一个基本网站框架的时间(也就是毛坯房),不包括挑空间、买域名和备案的时间。
  第一部分:租用空间和购买域名
  话说,虽然搭建网站只需要10分钟,但,前戏漫漫……
  先说一下建站的基本原理:你在网上租用一块地盖房子!
  要盖房子,首先,你得有地!地从来哪来?租!
  现在都这个云那个云的,用哪个好?我先问你两个问题,需要备案吗?(通常不需要)有人帮你维护空间吗?(通常没有)
  那,还是挑那种不需要备案啥都给你准备好的空间吧。
  比如,我推荐一个,WOPUS,我的个人博客一直放在他家的香港主机上,稳定,而且服务态度也好。反正就是买了空间直接能用就对了!(人格担保,绝对没收钱!)
  不对,光有地还不行,还得有个地址,一块地对应一个地址,这就是所谓“域名”。
  注册域名很容易也很便宜,一年几十块钱。完了域名和地址绑定到一起,也就是所谓“解析”,boom,搞定!
  说着容易,其实也没那么简单,不然怎么说前戏漫漫……
  建站需要的前期准备
  所需时间:30分钟(不备案)
  第一步:租用空间
  ¥预算:200元人民币/年左右
  第二步:注册域名
  每个空间商的域名注册页面不一样,此处仅为参考(下同)
  域名注册是按年付费的。如果没什么经验,域名和空间在同一个地方买就行啦,转入转出都挺方便的。(也有奸商不方便的,反正WOPUS还行,如果在阿里云买,是一定要先备案的)
  *友情提示:国家现在对于域名的实名认证要求很严格,像WOPUS等小IDC是用的第三方域名商接口,实名不是很方便,建议购买之前先问清楚。
  这个价钱略高了,阿里云的一般域名通常40左右一年,但小空间商没那么多限制。
  至于域名怎么选,看自己喜欢。现在浏览器越来越智能,域名长短胖瘦没太大影响,自己喜欢就好。
  ¥预算:45-65元/年
  第三步:网址解析
  空间√,域名√,接下来就是解析了。就是把网址和空间的IP地址绑定,每一个空间商解析的方式大同小异,按照空间商给的说明改就成,很简单。
  添加两个记录(参见红框),填入所购买主机的IP地址
  第四步:新建一个站点
  登录进入空间管理面板,进入“网站管理”,点击新建一个站点。
  建好后,你进入网站的文件目录,找到/domains文件夹,如果看到有网站的文件夹说明大功告成!
  每一个空间商的管理面板不一样,本文示例图片用的都是WOPUS的DA面板,因为简洁明了,容易看明白。正规军的管理面板,我用过的阿里云、西部数码和新网,都相对比较复杂,但也都是可视化操作,入门基本无障碍。
  最后再说一遍,以上内容仅供参考,因为各家情况不太一样。
  第二部分:建站
  
  正式开始建站之前,请确保你已经按照第一部分说的完成了以下步奏
  租用空间 √
  域名注册√
  域名解析√
  空间根目录下domains文件夹里已经建好好网站的文件夹√
  然后,开始建站,掐好表,超过十分钟陪睡!
  第一步:下载建站工具wordpress
  wordpress是目前全球使用最广泛的建站程序,够用啦!
  下载地址:
  上面有最新版的压缩包,下载下来,存着。
  第二步:清空你的网站.com文件夹里所有的文件
  第三步:把下载好的wordpress压缩包解压缩
  把解压缩后得到的文件上传到你的网站.com文件夹里。(也可以直接上传压缩包,然后在空间管理后台解压缩,但是注意文件要解压缩到你的网站.com文件夹里,完事把压缩包删了)
  第四步:安装wordpress
  在地址栏里输入:你的网站.com/wp-admin/install.php
  正常情况下会跳出这样一个页面
  这时候后,你需要先到空间管理后台,进入“MySQL数据库管理”,建立新数据库、数据库用户名和密码。
  上一步完成后,点击“现在就开始!”,出现下图的页面,把新建的数据库、用户和密码填入下图红框处
  填完确认,进入下面的页面,按照求填写。(都可以改,没想好就先随便填着)
  填完点击“安装Wordpress”,几秒钟后如果跳出下面的界面,就是安装成功!
  然后用之前填好的用户名和密码登陆,就进入到wordpress管理后台了。
  第五步:安装主题和插件
  下图就是默认的网站样式,是不是很丑?没关系,都可以改!
  要让wordpress搭建网站酷炫起来,主要靠更换主题和安装插件。
  wordpress更换主题很方便。
  主题管理在外观里,插件在外观下。跟安装主题一样,点击安装插件,可以搜索平台提供的插件,也可以上传自己电脑里的插件。
  以下是我认为需要安装的基本插件。
  Wordpress需要的基本插件
  1.安全插件
  Akismet(反垃圾邮件)
  Wordfence Security(综合安全)
  2.加速插件
  QQWorld Speed for China
  *因为wordpress使用的某些海外服务被墙了,用加速插件可以停掉或换成国内的服务,加快系统反应速度 查看全部

  手把手教你如何10分钟搭建一个音乐人官网
  OG:
  作者 | 陈贤江
  新音乐产业观察创办人
  强调一下,这里所说的官网,都是具有独立域名的独立建站的独立运营的音乐人官方网站。
  总之是一个真正的网站。
  10分钟指的是搭建一个基本网站框架的时间(也就是毛坯房),不包括挑空间、买域名和备案的时间。
  第一部分:租用空间和购买域名
  话说,虽然搭建网站只需要10分钟,但,前戏漫漫……
  先说一下建站的基本原理:你在网上租用一块地盖房子!
  要盖房子,首先,你得有地!地从来哪来?租!
  现在都这个云那个云的,用哪个好?我先问你两个问题,需要备案吗?(通常不需要)有人帮你维护空间吗?(通常没有)
  那,还是挑那种不需要备案啥都给你准备好的空间吧。
  比如,我推荐一个,WOPUS,我的个人博客一直放在他家的香港主机上,稳定,而且服务态度也好。反正就是买了空间直接能用就对了!(人格担保,绝对没收钱!)
  不对,光有地还不行,还得有个地址,一块地对应一个地址,这就是所谓“域名”。
  注册域名很容易也很便宜,一年几十块钱。完了域名和地址绑定到一起,也就是所谓“解析”,boom,搞定!
  说着容易,其实也没那么简单,不然怎么说前戏漫漫……
  建站需要的前期准备
  所需时间:30分钟(不备案)
  第一步:租用空间
  ¥预算:200元人民币/年左右
  第二步:注册域名
  每个空间商的域名注册页面不一样,此处仅为参考(下同)
  域名注册是按年付费的。如果没什么经验,域名和空间在同一个地方买就行啦,转入转出都挺方便的。(也有奸商不方便的,反正WOPUS还行,如果在阿里云买,是一定要先备案的)
  *友情提示:国家现在对于域名的实名认证要求很严格,像WOPUS等小IDC是用的第三方域名商接口,实名不是很方便,建议购买之前先问清楚。
  这个价钱略高了,阿里云的一般域名通常40左右一年,但小空间商没那么多限制。
  至于域名怎么选,看自己喜欢。现在浏览器越来越智能,域名长短胖瘦没太大影响,自己喜欢就好。
  ¥预算:45-65元/年
  第三步:网址解析
  空间√,域名√,接下来就是解析了。就是把网址和空间的IP地址绑定,每一个空间商解析的方式大同小异,按照空间商给的说明改就成,很简单。
  添加两个记录(参见红框),填入所购买主机的IP地址
  第四步:新建一个站点
  登录进入空间管理面板,进入“网站管理”,点击新建一个站点。
  建好后,你进入网站的文件目录,找到/domains文件夹,如果看到有网站的文件夹说明大功告成!
  每一个空间商的管理面板不一样,本文示例图片用的都是WOPUS的DA面板,因为简洁明了,容易看明白。正规军的管理面板,我用过的阿里云、西部数码和新网,都相对比较复杂,但也都是可视化操作,入门基本无障碍。
  最后再说一遍,以上内容仅供参考,因为各家情况不太一样。
  第二部分:建站
  
  正式开始建站之前,请确保你已经按照第一部分说的完成了以下步奏
  租用空间 √
  域名注册√
  域名解析√
  空间根目录下domains文件夹里已经建好好网站的文件夹√
  然后,开始建站,掐好表,超过十分钟陪睡!
  第一步:下载建站工具wordpress
  wordpress是目前全球使用最广泛的建站程序,够用啦!
  下载地址:
  上面有最新版的压缩包,下载下来,存着。
  第二步:清空你的网站.com文件夹里所有的文件
  第三步:把下载好的wordpress压缩包解压缩
  把解压缩后得到的文件上传到你的网站.com文件夹里。(也可以直接上传压缩包,然后在空间管理后台解压缩,但是注意文件要解压缩到你的网站.com文件夹里,完事把压缩包删了)
  第四步:安装wordpress
  在地址栏里输入:你的网站.com/wp-admin/install.php
  正常情况下会跳出这样一个页面
  这时候后,你需要先到空间管理后台,进入“MySQL数据库管理”,建立新数据库、数据库用户名和密码。
  上一步完成后,点击“现在就开始!”,出现下图的页面,把新建的数据库、用户和密码填入下图红框处
  填完确认,进入下面的页面,按照求填写。(都可以改,没想好就先随便填着)
  填完点击“安装Wordpress”,几秒钟后如果跳出下面的界面,就是安装成功!
  然后用之前填好的用户名和密码登陆,就进入到wordpress管理后台了。
  第五步:安装主题和插件
  下图就是默认的网站样式,是不是很丑?没关系,都可以改!
  要让wordpress搭建网站酷炫起来,主要靠更换主题和安装插件。
  wordpress更换主题很方便。
  主题管理在外观里,插件在外观下。跟安装主题一样,点击安装插件,可以搜索平台提供的插件,也可以上传自己电脑里的插件。
  以下是我认为需要安装的基本插件。
  Wordpress需要的基本插件
  1.安全插件
  Akismet(反垃圾邮件)
  Wordfence Security(综合安全)
  2.加速插件
  QQWorld Speed for China
  *因为wordpress使用的某些海外服务被墙了,用加速插件可以停掉或换成国内的服务,加快系统反应速度

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 61 次浏览 • 2022-06-25 05:48 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

人人都是 Serverless 架构师 | 现代化 Web 应用开发实战

网站优化优采云 发表了文章 • 0 个评论 • 62 次浏览 • 2022-06-23 14:05 • 来自相关话题

  人人都是 Serverless 架构师 | 现代化 Web 应用开发实战
  相信很多同学都有过想要拥有自己的 Web 站点的想法,但是如果想要搭建动态的站点,需要采购云主机,买带宽并且自己搭建环境,部署运维,整体下来成本会非常高。若如果只是搞静态的站点的话,方式很多也很便宜,但是整体功能性就会比较弱,且收益效果也会差很多。
  下面我们就使用 Serverless Devs 为大家实操演示一下如何构建 Serverless 架构的现代化 Web 动态站点。
  01
  构建现代化 Web 动态站点
  Cloud Native
  1架构一览
  首先为大家介绍一下本次 Web 应用的架构图:
  我们采用阿里云网关作为主流量入口,然后将动态请求转发给阿里云函数计算,静态文件则交给阿里云对象存储 OSS来处理。并在网关上做一系列的安全处理措施,如限流等。
  2准备工作
  如上图所示,我们需要提前开通几款阿里云的产品(相关网址汇总在文末):
  然后准备一个自己喜欢的域名,可以去万网申请一个,最便宜的只有几块钱,笔者申请的域名仅 48 块/年。此外本次部署将选择香港 region, 域名需要实名认证,建议提前进行备案。
  (另外说一下 DNS 的域名解析是要花钱的,个人版的话第一个域名大约 40.8块/年,此外每增加一个需额外另加 20 块钱左右。)
  
  安装好 Serverless Devs 开发者工具npm install -g @serverless-devs/s
  3操作步骤
  1)秘钥配置
  对于新手而言,使用 Serverless Devs 的第一步就是将相关云厂商的秘钥信息配置好,这样才能够进行相关的构建部署操作。只需要打开电脑的终端,然后输入s config add,即可进入引导式操作 。
  
  (PS:打开文末「密钥获取文档」链接可查看更详细的阿里云秘钥教程 )
  2)应用初始化
  秘钥配置好,为了更便捷地检索相关应用模板,我们可以登录 Serverless Devs 应用中心, 搜索 "modern-web-application",然后根据下图所示操作即可。
  
  3)构建部署
  初始化之后可以选择对项目进行配置修改,比如更改网关的分组名:
  
  函数计算的服务名或者函数名:
  
  改好之后直接输入 s deploy 即可,此处大约会有一个 1 分钟不到的部署构建时间:‍
  最终返回结果如下:
  4)访问查看
  当我们部署好之后,我们可以查看一下网关,OSS,函数计算,以及 DNS 是否已经部署完成我们所需要的内容。
  
  
  
  此时我们可以尝试访问一下 ,发现访问不通:
  原因有以下两种可能性:
  1. gateway 的域名没有绑定成功,此时我们可以查看:
  
  2. 那么有可能就是 OSS 的域名未绑定成功,我们可以通过 OSS 控制台查看:
  
  这里我们点击域名绑定,将上述域名输入绑定,完成后再次访问域名,可以看到:
  Serverless Devs 应用中心的部署效果
  5)站点安全
  我们部署的站点还不是 https 的,所以需要把它变成 https 的站点以增加其安全性。
  我们可以在阿里云 SSL 上申请免费的证书,然后绑定到域名上,具体操作如下:
  
  之后进入 SSL 控制台 选择 “SSL证书-免费证书”,点击“创建证书”。
  
  此时会生成一列待申请证书的数据:
  
  点击右侧的“证书申请”将你的信息和域名填写上去,然后进行验证,通过后“提交审核”:
  
  接下来回到 apigateway 控制台,域名绑定部分选择“证书”,可以看到已经创建好的域名:
  同步后稍等片刻,访问 即可看到效果:
  至此你已经拥有了一个加密的 Web 站点。
  加密之后还需要考虑一个问题,比如这次我把站点做成 demo,可能会面临很多人的访问,甚至被攻击;那么我应该如何进行限制流量过多产生的高昂费用呢?有了网关之后,限流的问题就变得简单了。
  我们登入到网关的控制台:
  选择插件管理;点击经典网络实例插件-流量控制;并创建策略;
  
  然后设置 1 分钟最多可访问 5 次:
  
  创建好策略之后就是绑定 API,具体操作如下图所示:
  设定好策略后、绑定好访问首页的 API 后,我们进行一下测试。访问域名,然后刷新 5 次,第 6 次的时候会发现网站无法访问:
  至此说明你的网站已经成功限流了。
  关于更多 Serverless 安全的问题比如 auther 认证、vpc 访问、多环境部署等问题,可以在后面跟大家再一起探讨,由于篇幅有限遂不在本文中展开讲解了,大家如果感兴趣可以在评论区留言。
  6)站点可观测
  站点上线后不可避免的会需要一些可观测的能力,比如 PV, UV,API 异常等等。相关的产品有很多,比如百度的统计,Google 的统计等。这里可以给大家推荐使用 ARMS 的前端监控, 除了通用的指标监控,你还可以通过它自定义上报一些关键信息,如统计分享按钮点击数,上传 sourceMap 定位问题等。
  02
  Serverless 应用架构拆解
  Cloud Native
  1整体目录结构说明
  
  这个 Serverless 架构的工程主要包含 3 个部分:
  你可以自由选择后端 API 服务的架构,以及前端开发框架,完全不会影响整体效果。值得一提的是,这里使用的 API 框架是 Serverless Devs 提供的 Serverless first 的开发框架,针对冷启动做了一些优化,你可以采用熟悉框架的开发语法糖,比如这里是采用 koa 式的语法糖,你也可以选择 express 的,具体细节可以访问官方库去查看,非常适合中小型 Web 项目开发。
  2网关说明
  其实这个 Web 应用架构核心的部分是在网关,通过网关实现了动静态分流。域名及证书绑定,也是通过网关做各种限流和安全验证。为了更好的使用网关我们开发了 apigateway 的组件,它是基于官方的 sdk 量身定制的 API 发布服务。它是完全开源开放的,你可以根据需要自己去定制更多的网关路由部署流程,比如加入多环境的设置等,这里我对配置做了一些简化,让开发者关注于路由和目标服务,相比自己一个一个去配置 API 要节省很多时间。
  不过目前看依然比较复杂,关于这部分计划会通过 Serverless Desktop 可视化配置解决,大家也可以给我们 Devs 官方提更多的 issue,一起把网关组件完善起来。
  
  3关于资费的真实说明
  其实一开始我们就提到了 Serverless 架构的 Web 站点费用其实很低,如果排除使用数据库的情况下,你只需要申请一个域名,可能几块钱就行,后面会完全按流量计费。对个人或者新创企业的站点而言,无疑是个巨大的利好,这里可以给大家分享一下我的个人账单。
  
  可以看到费用确实低廉,当然这是在你应用比较小的情况下,不代表企业级生产的情况。如果你的项目一旦爆发,流量、资费上来之后,你就更能真实感受到 Serverless 架构的优势了。
  4关于数据库
  本篇文章的应用模板仅是做服务转发,所以还没有涉及数据库,想必大家也会非常关心数据库的使用,所以在接下来的系列篇章中我会重点先从 Tablestore 表格存储 这个 Serverless 的 Nosql 介绍开始,后面也会跟大家逐步介绍 Mysql,mongodb 的使用情况。
  虽然使用数据库在 Serverless 架构中依然存在诸多问题,比如数据库连接会增加冷启动时间、数据库前成本依旧高昂,不过大家不必担心,相信随着 Serverless 架构的广泛落地,这些问题一定会迎刃而解的。
  03
  什么是现代化应用
  Cloud Native
  文章标题提到了"现代化应用"的概念,在这里也跟大家解释一下,什么是 "Modern Application"。其实现代化应用这个概念已经被越来越被广泛的认可了。不管是阿里云,华为云,AWS 都在推广现代化应用的理念。这里引用一段 AWS 对 Modern Application 的概念解释:
  A modern application is the combination of modern technologies, architectures, software delivery practices, and operational processes that lead teams to deliver value more quickly, frequently, consistently, and safely. These applications typically take advantage of loosely coupled, distributed technologies and focus on event-driven, serverless components that allow teams to offload undifferentiated heavy lifting in order to spend more time on delivering value for their customers. A modern application also takes advantage of operational and security tooling to increase the reliability and consistency of deployments, while making it safe to deploy many times a day. The use of automation of infrastructure, security, and deployments allows the teams that own modern applications to move more quickly than if they were relying on manual processes or more significant operational management.
  简单概述就是,现代化应用是现代技术、体系结构、软件交付实践和操作流程的组合,可以引导团队更快、更频繁、更一致、更安全地交付价值,像 Serverless 以及事件驱动的架构这些都输于现代化应用的范畴。
  本篇文章也客观展示了这种架构的价值所在,包括超低成本,安全,可扩展等,不过依然是那句话软件工程没有银弹,Modern Application 也依然存在很多问题需要去解决, 需要大家一起去实践验证。总之我相信唯有经过实践检验才能真正得到我们想要的答案。
  04
  相关链接
  Cloud Native
  1)Serverless Devs:
  2)云解析 DNS:
  3)API 网关:
  4)函数计算:
  5)对象存储 OSS:
  6)万网:
  7)密钥获取文档:
  8)Serverless Hub:#/hubs/special-view
  9)选购 SSL 证书:
  10)应用实时监控服务 ARMS:
  11)官方库:
  12)apigateway 组件:
  13)Tablestore 表格存储:
  作者介绍:
  
  王庆(寒斜)|阿里云云原生中间件前端负责人
  2016 年加入阿里中间件从事云产品企业控制台研发工作,负责中间件 20 多款云产品前端研发工作,主要技术栈为大前端通用技术,目前专注在 Serverless 开发者工具链的建设,是云原生 Serverless Devs 研发负责人之一。
  
  戳原文,立即跳转Serverless Devs~ 查看全部

  人人都是 Serverless 架构师 | 现代化 Web 应用开发实战
  相信很多同学都有过想要拥有自己的 Web 站点的想法,但是如果想要搭建动态的站点,需要采购云主机,买带宽并且自己搭建环境,部署运维,整体下来成本会非常高。若如果只是搞静态的站点的话,方式很多也很便宜,但是整体功能性就会比较弱,且收益效果也会差很多。
  下面我们就使用 Serverless Devs 为大家实操演示一下如何构建 Serverless 架构的现代化 Web 动态站点。
  01
  构建现代化 Web 动态站点
  Cloud Native
  1架构一览
  首先为大家介绍一下本次 Web 应用的架构图:
  我们采用阿里云网关作为主流量入口,然后将动态请求转发给阿里云函数计算,静态文件则交给阿里云对象存储 OSS来处理。并在网关上做一系列的安全处理措施,如限流等。
  2准备工作
  如上图所示,我们需要提前开通几款阿里云的产品(相关网址汇总在文末):
  然后准备一个自己喜欢的域名,可以去万网申请一个,最便宜的只有几块钱,笔者申请的域名仅 48 块/年。此外本次部署将选择香港 region, 域名需要实名认证,建议提前进行备案。
  (另外说一下 DNS 的域名解析是要花钱的,个人版的话第一个域名大约 40.8块/年,此外每增加一个需额外另加 20 块钱左右。)
  
  安装好 Serverless Devs 开发者工具npm install -g @serverless-devs/s
  3操作步骤
  1)秘钥配置
  对于新手而言,使用 Serverless Devs 的第一步就是将相关云厂商的秘钥信息配置好,这样才能够进行相关的构建部署操作。只需要打开电脑的终端,然后输入s config add,即可进入引导式操作 。
  
  (PS:打开文末「密钥获取文档」链接可查看更详细的阿里云秘钥教程 )
  2)应用初始化
  秘钥配置好,为了更便捷地检索相关应用模板,我们可以登录 Serverless Devs 应用中心, 搜索 "modern-web-application",然后根据下图所示操作即可。
  
  3)构建部署
  初始化之后可以选择对项目进行配置修改,比如更改网关的分组名:
  
  函数计算的服务名或者函数名:
  
  改好之后直接输入 s deploy 即可,此处大约会有一个 1 分钟不到的部署构建时间:‍
  最终返回结果如下:
  4)访问查看
  当我们部署好之后,我们可以查看一下网关,OSS,函数计算,以及 DNS 是否已经部署完成我们所需要的内容。
  
  
  
  此时我们可以尝试访问一下 ,发现访问不通:
  原因有以下两种可能性:
  1. gateway 的域名没有绑定成功,此时我们可以查看:
  
  2. 那么有可能就是 OSS 的域名未绑定成功,我们可以通过 OSS 控制台查看:
  
  这里我们点击域名绑定,将上述域名输入绑定,完成后再次访问域名,可以看到:
  Serverless Devs 应用中心的部署效果
  5)站点安全
  我们部署的站点还不是 https 的,所以需要把它变成 https 的站点以增加其安全性。
  我们可以在阿里云 SSL 上申请免费的证书,然后绑定到域名上,具体操作如下:
  
  之后进入 SSL 控制台 选择 “SSL证书-免费证书”,点击“创建证书”。
  
  此时会生成一列待申请证书的数据:
  
  点击右侧的“证书申请”将你的信息和域名填写上去,然后进行验证,通过后“提交审核”:
  
  接下来回到 apigateway 控制台,域名绑定部分选择“证书”,可以看到已经创建好的域名:
  同步后稍等片刻,访问 即可看到效果:
  至此你已经拥有了一个加密的 Web 站点。
  加密之后还需要考虑一个问题,比如这次我把站点做成 demo,可能会面临很多人的访问,甚至被攻击;那么我应该如何进行限制流量过多产生的高昂费用呢?有了网关之后,限流的问题就变得简单了。
  我们登入到网关的控制台:
  选择插件管理;点击经典网络实例插件-流量控制;并创建策略;
  
  然后设置 1 分钟最多可访问 5 次:
  
  创建好策略之后就是绑定 API,具体操作如下图所示:
  设定好策略后、绑定好访问首页的 API 后,我们进行一下测试。访问域名,然后刷新 5 次,第 6 次的时候会发现网站无法访问:
  至此说明你的网站已经成功限流了。
  关于更多 Serverless 安全的问题比如 auther 认证、vpc 访问、多环境部署等问题,可以在后面跟大家再一起探讨,由于篇幅有限遂不在本文中展开讲解了,大家如果感兴趣可以在评论区留言。
  6)站点可观测
  站点上线后不可避免的会需要一些可观测的能力,比如 PV, UV,API 异常等等。相关的产品有很多,比如百度的统计,Google 的统计等。这里可以给大家推荐使用 ARMS 的前端监控, 除了通用的指标监控,你还可以通过它自定义上报一些关键信息,如统计分享按钮点击数,上传 sourceMap 定位问题等。
  02
  Serverless 应用架构拆解
  Cloud Native
  1整体目录结构说明
  
  这个 Serverless 架构的工程主要包含 3 个部分:
  你可以自由选择后端 API 服务的架构,以及前端开发框架,完全不会影响整体效果。值得一提的是,这里使用的 API 框架是 Serverless Devs 提供的 Serverless first 的开发框架,针对冷启动做了一些优化,你可以采用熟悉框架的开发语法糖,比如这里是采用 koa 式的语法糖,你也可以选择 express 的,具体细节可以访问官方库去查看,非常适合中小型 Web 项目开发。
  2网关说明
  其实这个 Web 应用架构核心的部分是在网关,通过网关实现了动静态分流。域名及证书绑定,也是通过网关做各种限流和安全验证。为了更好的使用网关我们开发了 apigateway 的组件,它是基于官方的 sdk 量身定制的 API 发布服务。它是完全开源开放的,你可以根据需要自己去定制更多的网关路由部署流程,比如加入多环境的设置等,这里我对配置做了一些简化,让开发者关注于路由和目标服务,相比自己一个一个去配置 API 要节省很多时间。
  不过目前看依然比较复杂,关于这部分计划会通过 Serverless Desktop 可视化配置解决,大家也可以给我们 Devs 官方提更多的 issue,一起把网关组件完善起来。
  
  3关于资费的真实说明
  其实一开始我们就提到了 Serverless 架构的 Web 站点费用其实很低,如果排除使用数据库的情况下,你只需要申请一个域名,可能几块钱就行,后面会完全按流量计费。对个人或者新创企业的站点而言,无疑是个巨大的利好,这里可以给大家分享一下我的个人账单。
  
  可以看到费用确实低廉,当然这是在你应用比较小的情况下,不代表企业级生产的情况。如果你的项目一旦爆发,流量、资费上来之后,你就更能真实感受到 Serverless 架构的优势了。
  4关于数据库
  本篇文章的应用模板仅是做服务转发,所以还没有涉及数据库,想必大家也会非常关心数据库的使用,所以在接下来的系列篇章中我会重点先从 Tablestore 表格存储 这个 Serverless 的 Nosql 介绍开始,后面也会跟大家逐步介绍 Mysql,mongodb 的使用情况。
  虽然使用数据库在 Serverless 架构中依然存在诸多问题,比如数据库连接会增加冷启动时间、数据库前成本依旧高昂,不过大家不必担心,相信随着 Serverless 架构的广泛落地,这些问题一定会迎刃而解的。
  03
  什么是现代化应用
  Cloud Native
  文章标题提到了"现代化应用"的概念,在这里也跟大家解释一下,什么是 "Modern Application"。其实现代化应用这个概念已经被越来越被广泛的认可了。不管是阿里云,华为云,AWS 都在推广现代化应用的理念。这里引用一段 AWS 对 Modern Application 的概念解释:
  A modern application is the combination of modern technologies, architectures, software delivery practices, and operational processes that lead teams to deliver value more quickly, frequently, consistently, and safely. These applications typically take advantage of loosely coupled, distributed technologies and focus on event-driven, serverless components that allow teams to offload undifferentiated heavy lifting in order to spend more time on delivering value for their customers. A modern application also takes advantage of operational and security tooling to increase the reliability and consistency of deployments, while making it safe to deploy many times a day. The use of automation of infrastructure, security, and deployments allows the teams that own modern applications to move more quickly than if they were relying on manual processes or more significant operational management.
  简单概述就是,现代化应用是现代技术、体系结构、软件交付实践和操作流程的组合,可以引导团队更快、更频繁、更一致、更安全地交付价值,像 Serverless 以及事件驱动的架构这些都输于现代化应用的范畴。
  本篇文章也客观展示了这种架构的价值所在,包括超低成本,安全,可扩展等,不过依然是那句话软件工程没有银弹,Modern Application 也依然存在很多问题需要去解决, 需要大家一起去实践验证。总之我相信唯有经过实践检验才能真正得到我们想要的答案。
  04
  相关链接
  Cloud Native
  1)Serverless Devs:
  2)云解析 DNS:
  3)API 网关:
  4)函数计算:
  5)对象存储 OSS:
  6)万网:
  7)密钥获取文档:
  8)Serverless Hub:#/hubs/special-view
  9)选购 SSL 证书:
  10)应用实时监控服务 ARMS:
  11)官方库:
  12)apigateway 组件:
  13)Tablestore 表格存储:
  作者介绍:
  
  王庆(寒斜)|阿里云云原生中间件前端负责人
  2016 年加入阿里中间件从事云产品企业控制台研发工作,负责中间件 20 多款云产品前端研发工作,主要技术栈为大前端通用技术,目前专注在 Serverless 开发者工具链的建设,是云原生 Serverless Devs 研发负责人之一。
  
  戳原文,立即跳转Serverless Devs~

个人域名备案完成了,可以改网站内容吗?可以。

网站优化优采云 发表了文章 • 0 个评论 • 241 次浏览 • 2022-06-23 00:01 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?可以。
  个人域名备案完成了,可以改网站内容吗?可以。可以改的内容叫工信部备案内容,这些备案内容就是工信部的备案要求,发布的原创文章就可以备案。关于备案审核,一般认定有违规,但不扣分的内容。
  理论上是可以改的,现在各种要求基本上是个人都知道。我不知道工信部又没有备案,不过,据说好像有一次改的不错,工信部让备案的内容合规了,才开始合规备案。
  必须有个被采纳的网站,然后要求工信部合规备案,
  个人域名备案好像可以改,我就改了,
  可以改,
  一点问题没有。要求是原创内容,被采纳的网站,一个人就可以,个人是没问题的。我给大家说个事实,省的觉得虚,河南近年来政府搞微电影真的很猛,从2016年上半年,他们搞上星电影节的时候,动用全省半个电视台和省级广电部门,最终并没有如愿以偿。从2017年5月23日开始河南省就全面开放微电影的管制。这才两年时间,行情没有变化,证件依然充足。政府干什么都是会想办法搞好。
  无论是个人还是企业域名,都可以备案。我这边有同学已经修改文章,网站备案正常。个人上网改,可能会有一点流程,企业也是一样的,域名备案依然要先在网站申请,编辑认证才可以更改文章,且没有违规问题的网站,才能正常备案。现在我们准备打包资料给在常州的同学申请使用在常州的备案。转载自亿网云旗下公众号亿网云新闻信息科技——全国首家移动互联网创业服务提供商。 查看全部

  个人域名备案完成了,可以改网站内容吗?可以。
  个人域名备案完成了,可以改网站内容吗?可以。可以改的内容叫工信部备案内容,这些备案内容就是工信部的备案要求,发布的原创文章就可以备案。关于备案审核,一般认定有违规,但不扣分的内容。
  理论上是可以改的,现在各种要求基本上是个人都知道。我不知道工信部又没有备案,不过,据说好像有一次改的不错,工信部让备案的内容合规了,才开始合规备案。
  必须有个被采纳的网站,然后要求工信部合规备案,
  个人域名备案好像可以改,我就改了,
  可以改,
  一点问题没有。要求是原创内容,被采纳的网站,一个人就可以,个人是没问题的。我给大家说个事实,省的觉得虚,河南近年来政府搞微电影真的很猛,从2016年上半年,他们搞上星电影节的时候,动用全省半个电视台和省级广电部门,最终并没有如愿以偿。从2017年5月23日开始河南省就全面开放微电影的管制。这才两年时间,行情没有变化,证件依然充足。政府干什么都是会想办法搞好。
  无论是个人还是企业域名,都可以备案。我这边有同学已经修改文章,网站备案正常。个人上网改,可能会有一点流程,企业也是一样的,域名备案依然要先在网站申请,编辑认证才可以更改文章,且没有违规问题的网站,才能正常备案。现在我们准备打包资料给在常州的同学申请使用在常州的备案。转载自亿网云旗下公众号亿网云新闻信息科技——全国首家移动互联网创业服务提供商。

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 68 次浏览 • 2022-06-22 20:54 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

品牌三部曲:品牌域名的注册、官网的搭建、品牌邮箱的建立

网站优化优采云 发表了文章 • 0 个评论 • 72 次浏览 • 2022-06-21 19:46 • 来自相关话题

  品牌三部曲:品牌域名的注册、官网的搭建、品牌邮箱的建立
  做亚马逊建立品牌官网,可以让客户更加深入地了解我们的品牌。此外,在遇到售后问题时,可以让客户通过官网直接联系到我们,而不是投诉到亚马逊或者直接留中差Review;同时也可以积累客户邮箱,后期可以跟客户通过邮件沟通我们想要做的事情。
  
  品牌域名的注册
  注册域名渠道
  国内或者翻墙去国外出售域名的网站购买皆可(国内购买注册域名需要备案,国外则不需要)。购买途径:阿里云:Godaddy:Shopyy:
  
  注册域名需要注意的问题
  1. 域名的所有者最好和品牌持有者相同;2. 以品牌作为域名,很多卖家通过品牌官网塑造品牌,从而提升产品的客单价,如,就是以品牌作为域名;3. 越简短越好,因为越短的单词,越方便记忆;4. 不要用数字或符号作为域名,除非这些数字对你的产品有什么特殊的意义。
  
  有了品牌域名以后,就可以去注册申请改域名的网站。
  官网的搭建
  购买网站空间
  除了域名,网站还需要空间存放网站程序和数据库才能正常运行。网站空间有虚拟主机、vps、云主机等类型,根据需要购买网站空间。
  
  域名解析、绑定域名
  域名、网站空间都准备好之后,就需要把域名解析、绑定到服务器网站空间上。
  域名解析就是需要我们手动把域名地址和IP地址的对应关系写到DNS服务器上,这样别人访问域名地址的时候就可以在DNS查询到对应的IP地址。
  查看解析是否生效有一个简单的办法,就是ping一下域名,看有没有显示出你所解析的IP,如果有,就说明解析是生效的;如果没有,就说明解析是不生效的。
  
  上传网站程序
  在上面的步骤完成之后我们就可以上传网站程序了。网站程序很多,有付费的也有开源的,新手一般用开源的即可,比如wordpress、discuz等。如果嫌麻烦,可以选择成品网站,一键就可以生成自己的网站,很方便。
  
  编辑网站
  如果仅仅是亚马逊使用,证明产品的品牌所有者信息,那么该网站只要能够展现品牌的元素,所有者信息,产品信息和亚马逊上一致,展示产品的UPC或者model number等关键值,纯展示型网站即可,不需要拥有购买功能的基础版网站就可以。
  链接好域名,编辑好内容,我们的品牌官网的初步建立就真正意义上完成了。
  品牌邮箱的建立
  注册或者购买一个品牌域名后缀结尾的企业邮箱,需要对邮箱进行域名解析,成功后才能正常收发邮件。
  
  这里以腾讯邮箱为例大概介绍一下怎么进行域名解析。
  注册好企业账号后,进入域名管理,填写域名进行绑定,然后根据指引进行邮箱解析,解析完域名之后就可以使用了。
  
  注册品牌邮箱既便于和国外消费者建立联系,随时进行沟通,又可增加自身品牌的可信度,让国外消费者可以放心购买;同时,用品牌域名后缀结尾的企业邮箱在一定程度上也是对自己品牌的一种宣传,提高品牌的影响力。
  图片来源于网络
  
  往期文章精选 查看全部

  品牌三部曲:品牌域名的注册、官网的搭建、品牌邮箱的建立
  做亚马逊建立品牌官网,可以让客户更加深入地了解我们的品牌。此外,在遇到售后问题时,可以让客户通过官网直接联系到我们,而不是投诉到亚马逊或者直接留中差Review;同时也可以积累客户邮箱,后期可以跟客户通过邮件沟通我们想要做的事情。
  
  品牌域名的注册
  注册域名渠道
  国内或者翻墙去国外出售域名的网站购买皆可(国内购买注册域名需要备案,国外则不需要)。购买途径:阿里云:Godaddy:Shopyy:
  
  注册域名需要注意的问题
  1. 域名的所有者最好和品牌持有者相同;2. 以品牌作为域名,很多卖家通过品牌官网塑造品牌,从而提升产品的客单价,如,就是以品牌作为域名;3. 越简短越好,因为越短的单词,越方便记忆;4. 不要用数字或符号作为域名,除非这些数字对你的产品有什么特殊的意义。
  
  有了品牌域名以后,就可以去注册申请改域名的网站。
  官网的搭建
  购买网站空间
  除了域名,网站还需要空间存放网站程序和数据库才能正常运行。网站空间有虚拟主机、vps、云主机等类型,根据需要购买网站空间。
  
  域名解析、绑定域名
  域名、网站空间都准备好之后,就需要把域名解析、绑定到服务器网站空间上。
  域名解析就是需要我们手动把域名地址和IP地址的对应关系写到DNS服务器上,这样别人访问域名地址的时候就可以在DNS查询到对应的IP地址。
  查看解析是否生效有一个简单的办法,就是ping一下域名,看有没有显示出你所解析的IP,如果有,就说明解析是生效的;如果没有,就说明解析是不生效的。
  
  上传网站程序
  在上面的步骤完成之后我们就可以上传网站程序了。网站程序很多,有付费的也有开源的,新手一般用开源的即可,比如wordpress、discuz等。如果嫌麻烦,可以选择成品网站,一键就可以生成自己的网站,很方便。
  
  编辑网站
  如果仅仅是亚马逊使用,证明产品的品牌所有者信息,那么该网站只要能够展现品牌的元素,所有者信息,产品信息和亚马逊上一致,展示产品的UPC或者model number等关键值,纯展示型网站即可,不需要拥有购买功能的基础版网站就可以。
  链接好域名,编辑好内容,我们的品牌官网的初步建立就真正意义上完成了。
  品牌邮箱的建立
  注册或者购买一个品牌域名后缀结尾的企业邮箱,需要对邮箱进行域名解析,成功后才能正常收发邮件。
  
  这里以腾讯邮箱为例大概介绍一下怎么进行域名解析。
  注册好企业账号后,进入域名管理,填写域名进行绑定,然后根据指引进行邮箱解析,解析完域名之后就可以使用了。
  
  注册品牌邮箱既便于和国外消费者建立联系,随时进行沟通,又可增加自身品牌的可信度,让国外消费者可以放心购买;同时,用品牌域名后缀结尾的企业邮箱在一定程度上也是对自己品牌的一种宣传,提高品牌的影响力。
  图片来源于网络
  
  往期文章精选

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 144 次浏览 • 2022-06-20 23:55 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

技巧:网站搭建的基本流程顺序

网站优化优采云 发表了文章 • 0 个评论 • 109 次浏览 • 2022-09-22 18:25 • 来自相关话题

  技巧:网站搭建的基本流程顺序
  几乎每家公司都有自己的官方网站。这里我将解释网站构造的基本过程。
  一、域注册部分
  
  网站在构建之前,您必须考虑域名。域名是构建网站的第一步。需要注意的是,域名注册要遵循这三个原则:域名名称要与网站的名字接近;最好去正规的知名域名注册商注册域名
  页面二、布局
  确保网站大致显示页面,以及基本功能。确认 网站 所需的栏目和页面。然后制作初步设计图,设置网站的大致样式和内容。
  三、服务器选择部分
  
  下一步是选择服务器。服务器是您放置 网站 文件和数据的地方。目前主要的服务器类型主要有虚拟主机、VPS和独立服务器。至于选择哪种类型的服务器,大家可以根据自己的网站大小合理选择。
  文章四、程序开发
  以上完成后,程序员就可以开始制作程序网站了。域名注册大约需要20个工作日。在此期间,网站 程序的开发几乎可以完成。域名注册通过后,将程序上传到服务器网站即可正常访问。
  以上是网站构建的主要流程步骤,可以参考以下。当然,这些只是粗略的步骤,可能涉及的细节很多,需要多方合作才能解决。 网站需要展示在顾客面前才算完整的网站,否则只是摆设。
  教程:【网站建设基本内容】为何要制做好网站内容? 怎样做好网站内容基本建设?
  为什么要创建 网站 内容? 网站内容的基础搭建怎么做?据了解,搜索引擎再好,也存在系统漏洞。根据白帽黑客的小研究的一部分,一些没有自己物理线的网站可能在百度搜索中排名更好。因此,每个搜索引擎都关注内容的必要性。百度搜索引擎对站长的建议如下:百度搜索喜欢创造自己有特色的内容,所以网站内容可能不容易被采集复制到百度搜索。
  一、为什么要创建 网站 内容?
  1、原创内容和独特内容
  首先,虽然搜索引擎有一定层次的“说明书”和“规范”网站基本的建设和宣传策划和行动方法值得怀疑,但应该没有错的必要性专注于内容。
  2、用户搜索和浏览量才是真正的内容。除了这些信息、商品和服务项目之外,网站 的内容是用户或搜索引擎,在页面外堆积了几页没有实际意义的英文单词。
  此外,搜索引擎只关注内容的“原创”,而不是“原创”。原创内容一般都是原创的,有些内容原创性很强,但不一定是原创。独创性,就像别人有成千上万的意见。因此,内容的使用价值体现在“原创性质”上,具有独特性,只有网站独有的内容才能被搜索引擎所喜爱。
  
  3、初始内容对网站的危害
  A网站不仅对搜索引擎友好,而且坚信有足够的初始内容对用户友好,用户要有良好的工作经验,大家不希望落伍搜索引擎很长一段时间,寻找所有相同的内容。绝对没有新的方法或要点。因此,无论是从推广的角度还是从用户的角度,都必须添加很多关于网站的初始内容。
  4、网站不同内容的危害
  一般来说,在搜索引擎中排名靠前的通常都有自己的网站,其内容一定是不可数的。无论是从 SEO 的角度还是从内容营销的角度来看,内容的独特性都至关重要。
  那么如何做好网站内容基础设施呢?
  一、内容构建的方向
  1、总体目标用户关键词获取总体目标信息?
  掌握目标用户的应用关键词可以立即具体指导大家制作护肤品网站等网站内容制作。那么用户必备的内容就是护肤品信息、护肤品应用工作经验等。
  
  2、一般目标用户搜索特定信息时,除了相对的关键词,他们还在搜索什么?
  根据对目标用户在搜索特殊信息时所寻找的内容的了解,辅助护肤品网站等各种网站内容,用户不仅想了解皮肤护理产品等信息,还可能有减肥经历等信息。在把握整体目标用户的具体需求后,根据对搜索引擎的内容构建,转化为对用户的内容构建。
  除了检索总流量的内容,最后就是让用户记住大家的网站,让用户主动浏览网站,而不是根据搜索输入网站@引擎>搜索内容。品牌文化建设也在进行中。 SEO不仅仅是SEO,如果网站用户和总流量很大,SEO的定义就会被淘汰。由于与网站的经营规模扩大,SEO并不是网站总流量的主要来源。
  3、内容建设的重要性
  因为大家的网站都是从SEO做起,不再从领域和用户做起,所以网站可以作为一群不懂这个领域的人来操作和提升。由于缺乏专业知识或内容,此时如何构建内容通常会成为一个问题。搜索引擎优化算法完善后,集合和原创文章很可能是合理的,但网站的一些可靠运行和发展趋势无法应用。
  网站将内容建设、内容建设导向和内容建设规范与亮点融为一体,网站将被大量用户所接受。
  Tags:为什么要做好网站内容怎么做好网站内容基础设施点爱建站 查看全部

  技巧:网站搭建的基本流程顺序
  几乎每家公司都有自己的官方网站。这里我将解释网站构造的基本过程。
  一、域注册部分
  
  网站在构建之前,您必须考虑域名。域名是构建网站的第一步。需要注意的是,域名注册要遵循这三个原则:域名名称要与网站的名字接近;最好去正规的知名域名注册商注册域名
  页面二、布局
  确保网站大致显示页面,以及基本功能。确认 网站 所需的栏目和页面。然后制作初步设计图,设置网站的大致样式和内容。
  三、服务器选择部分
  
  下一步是选择服务器。服务器是您放置 网站 文件和数据的地方。目前主要的服务器类型主要有虚拟主机、VPS和独立服务器。至于选择哪种类型的服务器,大家可以根据自己的网站大小合理选择。
  文章四、程序开发
  以上完成后,程序员就可以开始制作程序网站了。域名注册大约需要20个工作日。在此期间,网站 程序的开发几乎可以完成。域名注册通过后,将程序上传到服务器网站即可正常访问。
  以上是网站构建的主要流程步骤,可以参考以下。当然,这些只是粗略的步骤,可能涉及的细节很多,需要多方合作才能解决。 网站需要展示在顾客面前才算完整的网站,否则只是摆设。
  教程:【网站建设基本内容】为何要制做好网站内容? 怎样做好网站内容基本建设?
  为什么要创建 网站 内容? 网站内容的基础搭建怎么做?据了解,搜索引擎再好,也存在系统漏洞。根据白帽黑客的小研究的一部分,一些没有自己物理线的网站可能在百度搜索中排名更好。因此,每个搜索引擎都关注内容的必要性。百度搜索引擎对站长的建议如下:百度搜索喜欢创造自己有特色的内容,所以网站内容可能不容易被采集复制到百度搜索。
  一、为什么要创建 网站 内容?
  1、原创内容和独特内容
  首先,虽然搜索引擎有一定层次的“说明书”和“规范”网站基本的建设和宣传策划和行动方法值得怀疑,但应该没有错的必要性专注于内容。
  2、用户搜索和浏览量才是真正的内容。除了这些信息、商品和服务项目之外,网站 的内容是用户或搜索引擎,在页面外堆积了几页没有实际意义的英文单词。
  此外,搜索引擎只关注内容的“原创”,而不是“原创”。原创内容一般都是原创的,有些内容原创性很强,但不一定是原创。独创性,就像别人有成千上万的意见。因此,内容的使用价值体现在“原创性质”上,具有独特性,只有网站独有的内容才能被搜索引擎所喜爱。
  
  3、初始内容对网站的危害
  A网站不仅对搜索引擎友好,而且坚信有足够的初始内容对用户友好,用户要有良好的工作经验,大家不希望落伍搜索引擎很长一段时间,寻找所有相同的内容。绝对没有新的方法或要点。因此,无论是从推广的角度还是从用户的角度,都必须添加很多关于网站的初始内容。
  4、网站不同内容的危害
  一般来说,在搜索引擎中排名靠前的通常都有自己的网站,其内容一定是不可数的。无论是从 SEO 的角度还是从内容营销的角度来看,内容的独特性都至关重要。
  那么如何做好网站内容基础设施呢?
  一、内容构建的方向
  1、总体目标用户关键词获取总体目标信息?
  掌握目标用户的应用关键词可以立即具体指导大家制作护肤品网站等网站内容制作。那么用户必备的内容就是护肤品信息、护肤品应用工作经验等。
  
  2、一般目标用户搜索特定信息时,除了相对的关键词,他们还在搜索什么?
  根据对目标用户在搜索特殊信息时所寻找的内容的了解,辅助护肤品网站等各种网站内容,用户不仅想了解皮肤护理产品等信息,还可能有减肥经历等信息。在把握整体目标用户的具体需求后,根据对搜索引擎的内容构建,转化为对用户的内容构建。
  除了检索总流量的内容,最后就是让用户记住大家的网站,让用户主动浏览网站,而不是根据搜索输入网站@引擎>搜索内容。品牌文化建设也在进行中。 SEO不仅仅是SEO,如果网站用户和总流量很大,SEO的定义就会被淘汰。由于与网站的经营规模扩大,SEO并不是网站总流量的主要来源。
  3、内容建设的重要性
  因为大家的网站都是从SEO做起,不再从领域和用户做起,所以网站可以作为一群不懂这个领域的人来操作和提升。由于缺乏专业知识或内容,此时如何构建内容通常会成为一个问题。搜索引擎优化算法完善后,集合和原创文章很可能是合理的,但网站的一些可靠运行和发展趋势无法应用。
  网站将内容建设、内容建设导向和内容建设规范与亮点融为一体,网站将被大量用户所接受。
  Tags:为什么要做好网站内容怎么做好网站内容基础设施点爱建站

个人网站域名备案完成了,可以改网站内容吗?

网站优化优采云 发表了文章 • 0 个评论 • 60 次浏览 • 2022-09-16 07:04 • 来自相关话题

  个人网站域名备案完成了,可以改网站内容吗?
  个人域名备案完成了,可以改网站内容吗?域名注册完成后,就可以改了
  域名要修改过来都没用,还不如重新注册一个全新的空间/域名,搭建本地网站。你要问我自己收款自己域名备案,我是怎么知道的,
  
  域名要修改也没用,至少需要从一个新建站,就算修改也没用,现在规定是以个人为单位制作网站的企业必须以企业名义注册一个网站,你如果改名称就会多出一个网站备案文件,本来个人注册网站就很麻烦,更加麻烦的是,每个省有不一样的网站备案文件,注册企业就简单的多,而且也是按照企业注册的省份进行对应政策转化,唯一不同的是一个省需要再另一个省进行备案。
  基本上,除非你百分百确定修改后,企业是不变更,不然不要随便修改。另外,以今天为例,三月份注册的你,到现在还在新网备案..不在备案文件里的。
  
  个人网站用户收款自己注册一个新域名,没其他意义。个人网站账号非常脆弱,域名主人要注意措辞。最新政策二十一条。个人网站用户收款自己注册一个新域名,也没有意义。
  收款要交给支付宝嘛。登录支付宝账号就有账号名称了,改什么域名。我个人就是自己注册网站的域名,备案完在新网注册的,域名也不知道该改啥,
  如果你注册的域名是双拼的多个拼音的都不用在那个网站改了, 查看全部

  个人网站域名备案完成了,可以改网站内容吗?
  个人域名备案完成了,可以改网站内容吗?域名注册完成后,就可以改了
  域名要修改过来都没用,还不如重新注册一个全新的空间/域名,搭建本地网站。你要问我自己收款自己域名备案,我是怎么知道的,
  
  域名要修改也没用,至少需要从一个新建站,就算修改也没用,现在规定是以个人为单位制作网站的企业必须以企业名义注册一个网站,你如果改名称就会多出一个网站备案文件,本来个人注册网站就很麻烦,更加麻烦的是,每个省有不一样的网站备案文件,注册企业就简单的多,而且也是按照企业注册的省份进行对应政策转化,唯一不同的是一个省需要再另一个省进行备案。
  基本上,除非你百分百确定修改后,企业是不变更,不然不要随便修改。另外,以今天为例,三月份注册的你,到现在还在新网备案..不在备案文件里的。
  
  个人网站用户收款自己注册一个新域名,没其他意义。个人网站账号非常脆弱,域名主人要注意措辞。最新政策二十一条。个人网站用户收款自己注册一个新域名,也没有意义。
  收款要交给支付宝嘛。登录支付宝账号就有账号名称了,改什么域名。我个人就是自己注册网站的域名,备案完在新网注册的,域名也不知道该改啥,
  如果你注册的域名是双拼的多个拼音的都不用在那个网站改了,

个人域名备案完成了,可以改网站内容吗?(图)

网站优化优采云 发表了文章 • 0 个评论 • 69 次浏览 • 2022-09-07 10:02 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?(图)
  个人域名备案完成了,可以改网站内容吗?域名备案完成,可以进行网站内容的修改。
  可以修改。
  我当时也是修改了代码,
  可以改。不是网站本身,你自己的博客或者随便什么地方。但是不要更改在内容页。
  可以修改你的网站内容。请参考:网站域名备案完成后需要修改哪些网站内容,
  
  域名备案完成后可以修改内容,
  当然可以,但是你的博客以后将不是你的。另外做网站最重要的不是备案那点事,你得有点思路,能有点想法,没有想法,技术真心不是问题。别听网上某些人瞎说,他们利用非法方法却能得到不该得到的好处。
  可以
  可以啊,如果备案完成后改就改了。
  可以啊,还能只提交网站备案完成图片呢。
  无论如何,
  
  当然可以,
  这个问题,真正的要看博客对你意义大不大。如果是没有访问量的一个网站,比如类似于phpwind或者seoinfo这种不会为你带来流量的网站,完全可以不需要改。
  修改是可以的,不要违反网站安全协议就行!
  不必备案了,不过有时候看网页时,可能弹出来当你提交违规内容会给你广告的页面。
  可以改,如果不改,可能会有弹出来广告提示的提示,如果你的网站后台提交被拒绝会收到邮件说你的网站内容涉嫌违反网站安全相关协议等。如果涉及,请严格遵守网站安全相关协议。比如,一般是不能通过收藏夹提交如果,但是可以通过导航栏提交,但是一般不推荐提交,如果用户收藏夹收藏了,网站会提示,请记住这些网站提交,否则会产生敏感信息。
  举个例子,比如收藏夹收藏了你收藏的网站,你的网站就提示你不可以提交敏感信息,网站,一般提交这些关键词搜索引擎会有相关回应。 查看全部

  个人域名备案完成了,可以改网站内容吗?(图)
  个人域名备案完成了,可以改网站内容吗?域名备案完成,可以进行网站内容的修改。
  可以修改。
  我当时也是修改了代码,
  可以改。不是网站本身,你自己的博客或者随便什么地方。但是不要更改在内容页。
  可以修改你的网站内容。请参考:网站域名备案完成后需要修改哪些网站内容,
  
  域名备案完成后可以修改内容,
  当然可以,但是你的博客以后将不是你的。另外做网站最重要的不是备案那点事,你得有点思路,能有点想法,没有想法,技术真心不是问题。别听网上某些人瞎说,他们利用非法方法却能得到不该得到的好处。
  可以
  可以啊,如果备案完成后改就改了。
  可以啊,还能只提交网站备案完成图片呢。
  无论如何,
  
  当然可以,
  这个问题,真正的要看博客对你意义大不大。如果是没有访问量的一个网站,比如类似于phpwind或者seoinfo这种不会为你带来流量的网站,完全可以不需要改。
  修改是可以的,不要违反网站安全协议就行!
  不必备案了,不过有时候看网页时,可能弹出来当你提交违规内容会给你广告的页面。
  可以改,如果不改,可能会有弹出来广告提示的提示,如果你的网站后台提交被拒绝会收到邮件说你的网站内容涉嫌违反网站安全相关协议等。如果涉及,请严格遵守网站安全相关协议。比如,一般是不能通过收藏夹提交如果,但是可以通过导航栏提交,但是一般不推荐提交,如果用户收藏夹收藏了,网站会提示,请记住这些网站提交,否则会产生敏感信息。
  举个例子,比如收藏夹收藏了你收藏的网站,你的网站就提示你不可以提交敏感信息,网站,一般提交这些关键词搜索引擎会有相关回应。

个人域名备案完成了,可以改网站内容吗?答:不可以,

网站优化优采云 发表了文章 • 0 个评论 • 71 次浏览 • 2022-08-28 19:04 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?答:不可以,
  个人域名备案完成了,可以改网站内容吗?答:不可以,但可以进行备案.但是,对于后期的维护保护,还是需要单独去办理域名备案的.
  不可以
  不可以。只要备案信息不改,你做什么都可以,
  不可以,你这个肯定只能做到尽力改。
  不可以,
  不可以,不可以。重要的事情说三遍。改网站内容,
  
  不可以,网站的任何改动只能从备案主体改动。不可以单独做修改。
  只可以修改,不可以修改。
  不可以的,
  不可以不可以没有修改机会即使改了内容也不行不过备案成功了这个就快了
  不可以备案成功后,才可以去修改。
  我也是刚刚改。已经改了。不可以不可以不可以。你看着办吧。
  
  不可以的.改不了,php就有bug
  不可以。
  修改的前提是新网站已经成立在所在国合法经营
  不可以,不可以。
  不可以,你得向备案局说明一下。
  不可以的,他需要你域名备案,你域名一没备案,只能单独修改,内容的话还是可以单独维护,
  不可以,不可以的, 查看全部

  个人域名备案完成了,可以改网站内容吗?答:不可以,
  个人域名备案完成了,可以改网站内容吗?答:不可以,但可以进行备案.但是,对于后期的维护保护,还是需要单独去办理域名备案的.
  不可以
  不可以。只要备案信息不改,你做什么都可以,
  不可以,你这个肯定只能做到尽力改。
  不可以,
  不可以,不可以。重要的事情说三遍。改网站内容,
  
  不可以,网站的任何改动只能从备案主体改动。不可以单独做修改。
  只可以修改,不可以修改。
  不可以的,
  不可以不可以没有修改机会即使改了内容也不行不过备案成功了这个就快了
  不可以备案成功后,才可以去修改。
  我也是刚刚改。已经改了。不可以不可以不可以。你看着办吧。
  
  不可以的.改不了,php就有bug
  不可以。
  修改的前提是新网站已经成立在所在国合法经营
  不可以,不可以。
  不可以,你得向备案局说明一下。
  不可以的,他需要你域名备案,你域名一没备案,只能单独修改,内容的话还是可以单独维护,
  不可以,不可以的,

个人域名备案完成了,可以改网站内容吗?答案是可以

网站优化优采云 发表了文章 • 0 个评论 • 86 次浏览 • 2022-08-06 20:08 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?答案是可以
  个人域名备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站网站备案备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:
  @朱焕杰的回答讲的挺好,另外我想补充的是备案的时候一定要仔细核对有效域名(一般是注册地不是北京的网站、超过2年未续费的网站、超过3年未备案的网站、第三方网站)确保你最终选择的是没问题的正规网站。因为目前根据备案情况排查,已经有很多备案不通过的情况。
  备案完成了,可以改网站内容?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,
  
  不能。
  可以。网站域名同时备案下就可以了。
  可以修改啊!
  看你这情况。备案不通过,发现你这网站必定不是大型网站,
  
  当时也没看懂,但是听说可以,你可以电话问一下网站地址,
  可以啊!现在都可以改网站内容了,
  可以的啊,备案一般不会现场通过的。
  可以改的, 查看全部

  个人域名备案完成了,可以改网站内容吗?答案是可以
  个人域名备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站网站备案备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,比如:
  @朱焕杰的回答讲的挺好,另外我想补充的是备案的时候一定要仔细核对有效域名(一般是注册地不是北京的网站、超过2年未续费的网站、超过3年未备案的网站、第三方网站)确保你最终选择的是没问题的正规网站。因为目前根据备案情况排查,已经有很多备案不通过的情况。
  备案完成了,可以改网站内容?答案是可以,网站内容同时备案下就可以,比如:网站/网站备案完成了,可以改网站内容吗?答案是可以,网站内容同时备案下就可以,
  
  不能。
  可以。网站域名同时备案下就可以了。
  可以修改啊!
  看你这情况。备案不通过,发现你这网站必定不是大型网站,
  
  当时也没看懂,但是听说可以,你可以电话问一下网站地址,
  可以啊!现在都可以改网站内容了,
  可以的啊,备案一般不会现场通过的。
  可以改的,

个人域名备案完成了,可以改网站内容吗用什么域名后缀

网站优化优采云 发表了文章 • 0 个评论 • 57 次浏览 • 2022-08-02 12:01 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗用什么域名后缀
  个人域名备案完成了,可以改网站内容吗,用什么域名后缀。使用.com或.net这种做为全球主流域名服务商的分支机构域名做域名指向主域名的指向,你可以做到很方便.比如你可以在这个例子中备案域名改为在国内,
  很多人备案完全是为了给你备案邮件不能被上的怒火,不用管的。
  whois查查你域名的ip地址和常住人口信息,可以加强监管。有人给他写广告让他改ip,
  我做域名配置的时候也遇到过这个问题,登录seo工具查询域名信息,显示备案。后来手动输入网站域名的ip,配置就成功了,
  
  同意楼上的,详细的可以看百度的管理规范。
  据说改的时候会被上。如果不改,不知道会怎么样。如果改了。就不会出现这个问题。
  同意前边说的!
  改了ip总不能把前面的域名都改吧?
  就是查ip的。
  
  改了备案ip再改就会有风险。
  加个不是你域名的分支服务。我的意思是你想要哪个分支服务就备案哪个分支服务。
  如果将来要做违法乱纪的事情,改了再改就完蛋了,
  解决方案1:无block
  没有我的域名,这样一段时间,我也没有找到什么好办法。 查看全部

  个人域名备案完成了,可以改网站内容吗用什么域名后缀
  个人域名备案完成了,可以改网站内容吗,用什么域名后缀。使用.com或.net这种做为全球主流域名服务商的分支机构域名做域名指向主域名的指向,你可以做到很方便.比如你可以在这个例子中备案域名改为在国内,
  很多人备案完全是为了给你备案邮件不能被上的怒火,不用管的。
  whois查查你域名的ip地址和常住人口信息,可以加强监管。有人给他写广告让他改ip,
  我做域名配置的时候也遇到过这个问题,登录seo工具查询域名信息,显示备案。后来手动输入网站域名的ip,配置就成功了,
  
  同意楼上的,详细的可以看百度的管理规范。
  据说改的时候会被上。如果不改,不知道会怎么样。如果改了。就不会出现这个问题。
  同意前边说的!
  改了ip总不能把前面的域名都改吧?
  就是查ip的。
  
  改了备案ip再改就会有风险。
  加个不是你域名的分支服务。我的意思是你想要哪个分支服务就备案哪个分支服务。
  如果将来要做违法乱纪的事情,改了再改就完蛋了,
  解决方案1:无block
  没有我的域名,这样一段时间,我也没有找到什么好办法。

域名服务商的我注册没过12个小时不可以改吗

网站优化优采云 发表了文章 • 0 个评论 • 55 次浏览 • 2022-07-23 10:05 • 来自相关话题

  域名服务商的我注册没过12个小时不可以改吗
  个人域名备案完成了,可以改网站内容吗?域名服务商的我注册没过12个小时不可以改吗?这种问题只要你是懂域名管理的,有个申请注册icp类型备案的话,直接可以给客户注册域名备案的,域名投资人都可以改。任何一个企业都有备案时间的,没有规定要在多少小时之内才可以进行修改,根据企业资质,交通,住所等许可,可能会有比较长的时间差异。
  
  这个时间是根据您所使用的是哪一种类型的icp,是非个人/企业备案的icp,公司就需要一个法人或者其他人的身份信息信息(详细要求请在可以查询域名注册商的网站,如global.la)进行法人的修改(个人备案同公司备案一样,有个网上初审核)之后一般2个工作日,建议4~5个工作日再修改,这样有保障哦。希望能帮到您。
  
  域名服务商的我注册没过12个小时不可以改吗?如果有条件的话,您可以和万网,新网等知名icp合作,按照他们的要求进行备案。备案这块一般都是挺严谨的,如果换注册商,域名被转转之类的,不一定要改(当然也是有风险的),和原备案机构合作不需要换别家了。
  您可以向万网,新网等知名icp合作机构,按照他们的要求进行备案。如果原备案机构解决不了,您还可以查找相关人士。网站部分内容可以改动。不需要补交给原备案机构再次备案。 查看全部

  域名服务商的我注册没过12个小时不可以改吗
  个人域名备案完成了,可以改网站内容吗?域名服务商的我注册没过12个小时不可以改吗?这种问题只要你是懂域名管理的,有个申请注册icp类型备案的话,直接可以给客户注册域名备案的,域名投资人都可以改。任何一个企业都有备案时间的,没有规定要在多少小时之内才可以进行修改,根据企业资质,交通,住所等许可,可能会有比较长的时间差异。
  
  这个时间是根据您所使用的是哪一种类型的icp,是非个人/企业备案的icp,公司就需要一个法人或者其他人的身份信息信息(详细要求请在可以查询域名注册商的网站,如global.la)进行法人的修改(个人备案同公司备案一样,有个网上初审核)之后一般2个工作日,建议4~5个工作日再修改,这样有保障哦。希望能帮到您。
  
  域名服务商的我注册没过12个小时不可以改吗?如果有条件的话,您可以和万网,新网等知名icp合作,按照他们的要求进行备案。备案这块一般都是挺严谨的,如果换注册商,域名被转转之类的,不一定要改(当然也是有风险的),和原备案机构合作不需要换别家了。
  您可以向万网,新网等知名icp合作机构,按照他们的要求进行备案。如果原备案机构解决不了,您还可以查找相关人士。网站部分内容可以改动。不需要补交给原备案机构再次备案。

【搭建个人博客-01】花两个小时搭建个人博客全纪录

网站优化优采云 发表了文章 • 0 个评论 • 62 次浏览 • 2022-07-22 10:40 • 来自相关话题

  【搭建个人博客-01】花两个小时搭建个人博客全纪录
  之前买了个服务器想搞个个人网站,发现国内还要备案啥的,太繁琐了。于是就自己搞个博客吧。
  免费搭建博客的话,网上用的最多的还是github,所以笔者也用github的服务来搞一下吧。
  下面是主要的过程记录。
  致谢
  本文的主要参考为参考【1】(),并且记录了自己采坑的一些过程以及一些搭建过程的感悟和理解。
  我的Blog
  搭建好的Blog网址为:(昨晚绑定了下自己的域名,可以通过访问),欢迎大家来访~
  后面的文章也会同步在Blog上。
  过程记录
  基于github搭建个人博客主要包括如下几个步骤:
  注册github安装git绑定github到本机购买域名(可以跳过)安装node.js和Hexo解析域名(可以跳过)设置/优化主题
  个人认为第1、2、3步太简单了,第4步可以跳过,本文从第5步开始。
  5.安装nodejs
  Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,我们只需要知道没有它网站运行不了就可以了。
  安装的时候最好选择默认,自己添加环境变量:
  安装好之后在CMD中测试一下:
  出现上面的信息就可以了。
  新建两个文件夹用来下载其他的包:
  注意
  新建完之后,要在右键中把文件夹的权限进行下修改。(解释:本来这两个文件夹是只有管理员才可以进行写入的,这样子在后面的操作会因为权限问题而报错,所以需要给用户也授予写入的权限)
  
  然后用管理员权限打开CMD,输入下面的两行命令:
  npm config set prefix "C:\nodejs\node_global"  # 根据自己的路径进行修改,下同<br />npm config set cache "C:\nodejs\node_cache"<br />
  如下所示:
  (如果用了新的版本,可能会有警告信息,不过可以忽视。)
  然后我们把NODE_PATH添加进环境变量:
  接着把用户变量中的npm的路径修改一下:
  测试一下用npm安装webpack模块(以管理员身份打开CMD):
  新建一个github仓库:
  别人访问你的网页,要有一个目的地,而这个目的地就是我们的github仓库,所以首先需要新建一个github仓库。
  安装hexo:
  Hexo是一个快速、简洁且高效的博客框架,我们只需要知道没有它,博客搭建不了就行。
  npm install -g hexo-cli<br />
  注意:
  安装完之后用hexo来初始化博客(在blog文件夹里面右键用git bash here打开):
  hexo init<br />
  安装成功后提示如下:
  静态部署:
  hexo g<br />
  
  这时候网页已经部署完成了,只不过只能本地查看,用下面的命令查看一下:
  hexo s<br />
  打开浏览器输入:4000就可以查看到网站的界面了:
  证明可以之后用ctrl + c 停止本地服务器运行。
  部署Hexo到GitHub
  上面我们部署在本地了,但是只有我们自己可能看到,想要被其他人访问,我们需要部署到github。
  首先,我们需要编辑 _config.yml文件,在底部添加如下信息:
  安装git部署插件:
  hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public<br />hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)<br />hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)<br />
  到这里就成功了,我们输入就可以访问啦!其中xxxx是你的github用户名。
  失败的经验
  第一次以为成功了,但是失败了,得到了一个大大的404:
  后来百度发现是github新建的项目名称和用户名不一致,改为一致的就好了!
  然后浏览器输入就可以访问了。
  修改个标题试试
  怎么确保我们的blog创建成功呢?我们来改个标题试试吧。
  其实大家看到的网站内容就是部署到某台电脑上的一系列文件(一开始我以为是index.html,所以直接修改了html文件里面的东西)。
  修改后如下:
  但是,只怪本人没文化,其实index.html文件是根据其他文件生成的,只修改这个是不行的。 查看全部

  【搭建个人博客-01】花两个小时搭建个人博客全纪录
  之前买了个服务器想搞个个人网站,发现国内还要备案啥的,太繁琐了。于是就自己搞个博客吧。
  免费搭建博客的话,网上用的最多的还是github,所以笔者也用github的服务来搞一下吧。
  下面是主要的过程记录。
  致谢
  本文的主要参考为参考【1】(),并且记录了自己采坑的一些过程以及一些搭建过程的感悟和理解。
  我的Blog
  搭建好的Blog网址为:(昨晚绑定了下自己的域名,可以通过访问),欢迎大家来访~
  后面的文章也会同步在Blog上。
  过程记录
  基于github搭建个人博客主要包括如下几个步骤:
  注册github安装git绑定github到本机购买域名(可以跳过)安装node.js和Hexo解析域名(可以跳过)设置/优化主题
  个人认为第1、2、3步太简单了,第4步可以跳过,本文从第5步开始。
  5.安装nodejs
  Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,我们只需要知道没有它网站运行不了就可以了。
  安装的时候最好选择默认,自己添加环境变量:
  安装好之后在CMD中测试一下:
  出现上面的信息就可以了。
  新建两个文件夹用来下载其他的包:
  注意
  新建完之后,要在右键中把文件夹的权限进行下修改。(解释:本来这两个文件夹是只有管理员才可以进行写入的,这样子在后面的操作会因为权限问题而报错,所以需要给用户也授予写入的权限)
  
  然后用管理员权限打开CMD,输入下面的两行命令:
  npm config set prefix "C:\nodejs\node_global"  # 根据自己的路径进行修改,下同<br />npm config set cache "C:\nodejs\node_cache"<br />
  如下所示:
  (如果用了新的版本,可能会有警告信息,不过可以忽视。)
  然后我们把NODE_PATH添加进环境变量:
  接着把用户变量中的npm的路径修改一下:
  测试一下用npm安装webpack模块(以管理员身份打开CMD):
  新建一个github仓库:
  别人访问你的网页,要有一个目的地,而这个目的地就是我们的github仓库,所以首先需要新建一个github仓库。
  安装hexo:
  Hexo是一个快速、简洁且高效的博客框架,我们只需要知道没有它,博客搭建不了就行。
  npm install -g hexo-cli<br />
  注意:
  安装完之后用hexo来初始化博客(在blog文件夹里面右键用git bash here打开):
  hexo init<br />
  安装成功后提示如下:
  静态部署:
  hexo g<br />
  
  这时候网页已经部署完成了,只不过只能本地查看,用下面的命令查看一下:
  hexo s<br />
  打开浏览器输入:4000就可以查看到网站的界面了:
  证明可以之后用ctrl + c 停止本地服务器运行。
  部署Hexo到GitHub
  上面我们部署在本地了,但是只有我们自己可能看到,想要被其他人访问,我们需要部署到github。
  首先,我们需要编辑 _config.yml文件,在底部添加如下信息:
  安装git部署插件:
  hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public<br />hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)<br />hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)<br />
  到这里就成功了,我们输入就可以访问啦!其中xxxx是你的github用户名。
  失败的经验
  第一次以为成功了,但是失败了,得到了一个大大的404:
  后来百度发现是github新建的项目名称和用户名不一致,改为一致的就好了!
  然后浏览器输入就可以访问了。
  修改个标题试试
  怎么确保我们的blog创建成功呢?我们来改个标题试试吧。
  其实大家看到的网站内容就是部署到某台电脑上的一系列文件(一开始我以为是index.html,所以直接修改了html文件里面的东西)。
  修改后如下:
  但是,只怪本人没文化,其实index.html文件是根据其他文件生成的,只修改这个是不行的。

红蓝对抗之域名搜集方法总结

网站优化优采云 发表了文章 • 0 个评论 • 56 次浏览 • 2022-07-12 21:07 • 来自相关话题

  红蓝对抗之域名搜集方法总结
  腾讯蓝军实习生
  jax、yhy、A1oe
  前言
  在历次HW、红蓝对抗、渗透测试项目中,外网的信息收集是至关重要的一个环节,外网打点信息收集全面了,可能会有四两拨千斤效果,直接突破外网边界进入内网。
  最近我们三人加入腾讯蓝军学习渗透技巧,导师让我们对域名资产收集方式做一次全面梳理研究。子域名是域名信息收集的一个重要部分,在防御措施严密情况下我们无法直接拿下主域名,那么就可以采用迂回战术拿下子域名,然后无限靠近主域名。
  方法原理介绍
  1.利用证书透明度收集子域
  原理
  引用谷歌的项目介绍:“要向用户提供加密流量,网站必须先向可信的证书授权中心 (CA) 申请证书。然后,当用户尝试访问相应网站时,此证书即会被提供给浏览器以验证该网站。近年来,由于 HTTPS 证书系统存在结构性缺陷,证书以及签发证书的 CA 很容易遭到入侵和操纵。Google 的证书透明度项目()旨在通过提供一个用于监测和审核 HTTPS 证书的开放式框架,来保障证书签发流程安全无虞。”
  那么,通过这样的证书透明度项目,我们就可以在其中获取一些有价值的域名。
  实现方法:
  访问以下链接搜索需要查询的域名如:
  (1) crtsh:
  (2) facebook:
  (3) entrust:
  (4) certspotter:
  (5) spyse:
  (6) censys:
  (7) google:
  2. 常规检查收集子域
  2.1 域传送
  原理
  域传送操作是指备用服务器向主服务器查询来刷新自己的Zone数据库,保证数据一致性。此操作的目的是为了防止主域名服务器因意外故障变得不可用时影响到全局。正常情况下,只有在网络里存在备用域名 DNS 服务器时,DNS区域传送操作才有必要执行。一旦DNS服务器被错误地配置成任何人发出请求,都向其提供Zone数据库的拷贝,就会被攻击者利用。
  实现方法
  1. dig命令
  如dig @ axfr
  为提供数据的服务器,为要传输的关键字,axfr为区域传输选项。
  2. python中dns库
  xfr = dns.query.xfr(where=server, zone=self.domain, timeout=5.0, lifetime=10.0)
  zone = dns.zone.from_xfr(xfr)
  存在问题
  一般情况下,DNS服务器都配置正确,关闭了dns传输或设置了白名单,漏洞利用成功的概率较低。
  2.2 站点配置文件
  原理
  信息泄露问题主要就是某域名下的一些文件会存储与其相关的一些域名,如子域名。此类文件包括跨域策略文件crossdomain.xml, sitemap文件。
  实现方法
  建立文件列表,拼接域名后直接访问,判断改文件是否存在。若存在则提取数据,若不存在则跳过。
  1.crossdomain.xml文件
  直接访问crossdomain.xml路径
  2. sitemap文件
  直接访问sitemap.xml、sitemap.txt、sitemap.html、sitemapindex.xml、sitemapindex.xml路径
  存在问题
  文件往往不存在,即使存在,域名信息也不够多不够完全。
  2.3 检查内容安全策略
  原理
  内容安全策略(CSP,Content Security Policy)是一种声明的安全机制,可以让网站运营者能够控制遵循CSP的用户代理(通常是浏览器)的行为。通过控制要启用哪些功能,以及从哪里下载内容,可以减少网站的攻击面。CSP的主要目的是防御跨站点脚本(cross-ste scripting,XSS)攻击。例如,CSP可以完全禁止内联的JavaScript,并且控制外部代码从哪里加载。它也可以禁止动态代码执行。禁用了所有的攻击源,XSS攻击变得更加困难。CSP中的关键字有default-src、img-src、object-src和script-src。其中*-src可能会存在域名信息。
  实现方法
  1.手动抓包获取
  HTTP header的Content-Security-Policy属性
  2. Python的Requests获取
  import requests
  res = requests.post(url=url, headers=headers, data=data, allow_redirects=False)
  if not res.headers['Content-Security-Policy']:
  print("There is no Content-Security-Policy in the header")
  else:
  # 处理主体代码
  2.4 利用DNS查询收集子域
  原理
  通过枚举常见的SRV记录并做查询来收集子域srv,以及通过查询域名的DNS记录中的MX,NS,SOA,TXT记录来收集子域。
  SRV记录
  添加服务记录服务器服务记录时会添加此项,SRV记录了哪台计算机提供了哪个服务。格式为:服务的名字.协议的类型(例如:example-server.tcp)。
  以下命令枚举给定域名的SRV记录:
  nmap --script dns-srv-enum.nse --script-args "dns-srv-enum.domain=''"
  MX记录
  建立电子邮箱服务,将指向邮件服务器地址,需要设置MX记录。建立邮箱时,一般会根据邮箱服务商提供的MX记录填写此记录。
  NS记录
  域名解析服务器记录,如果要将子域名指定某个域名服务器来解析,需要设置NS记录。
  SOA记录
  
  SOA叫做起始授权机构记录,NS用于标识多台域名解析服务器,SOA记录用于在众多NS记录中那一台是主服务器。
  TXT记录
  可任意填写,可为空。一般做一些验证记录时会使用此项,如:做SPF(反垃圾邮件)记录。
  3. 利用DNS数据集收集子域
  利用DNS记录公开数据收集
  *注:将需要{domain}换成需要查询的域名,标的是我们认为效果较好的。
  (1) ip138:
  {domain}/domain.htm
  (2) 百度云观测:
  {domain}
  (3) hackertarget:
  (4) riddler:
  :{domain}
  (5) bufferover:
  {domain}
  (6) dnsdb:
  {domain}
  (7) ipv4info:
  (8) robtex:
  (9) chinaz:
  (10) netcraft:
  (11) dnsdumpster:
  (12) sitedossier:
  (13) findsubdomains:
  4. 利用威胁情报平台数据收集子域
  *注:将需要{domain}换成需要查询的域名, 以下平台均需注册,注册后免费试用
  (1) {domain}/{section}
  {section}指其他指令动作,可参考Docs关于API的使用说明。
  (2) {domain}/subdomains
  (3) {domain}
  API:domains
  (4)
  {domain}
  (5) {domain}/subdomains
  或者{domain}/relations
  (6)
  #
  5. 利用搜索引擎发现子域
  5.1 谷歌搜索语法—site
  当使用site提交查询时,Google会将查询限制在某个网站/某个域下面进行,此时配合其他指令效果更佳,如使用减号“-”来排除不想要搜集到的域名。
  5.2 Site:x.x.x. *(目标IP)
  当我们获取到了子域名的真实ip后,可以尝试搜索site:x.x.x.* 进行C段搜索,通过这种方法也能找出很多有价值的其他相关域名。经笔者尝试,这种方法在搜狗、谷歌搜索引擎上使用有效,谷歌搜索引擎效果更好。
  如图:
  6. 域名备案搜集资产
  原理
  在对一些大型的目标进行信息搜集时,还可以通过查找域名备案信息来发现同备案的其他域名资产。如搜集qq的子域名时,最常见的即为对进行子域名搜集,此时就会遗漏其余顶级域名资产。
  查询网址:
  如上图通过查询的网站备案/许可证号,再对其进行反查,即可发现同备案的其他顶级域名资产。
  通过域名备案查找同备案的其他域名资产,能够更全面的搜集目标资产信息,提升发现漏洞的概率。
  7.whois查询和关联查询
  工具:站长工具
  在此我们以做演示,如何进行whois查询和反查
  7.1 查询whois
  7.2 反查whois
  **&ddlSearchMode=1&domain=
  获得关联域名信息。
  8. 域名爆破
  爆破的原理其实是通过枚举的方式来实现的,通过不断的拼接字典中的内容去枚举域名的A记录,但是该方法一般需要解决泛解析问题。
  比如开源工具oneforall会首先访问一个随机的并不存在的域,通过返回结果判断是否存在泛解析,确定存在泛解析以后,程序会开始不断的循环产生随机域名,去向服务器查询,将每次查询到的IP和TTL记录下来,直到大部分的IP地址出现次数都大于两次,则IP黑名单的收集结束,在得到了IP黑名单以后,oneforall接下来会将自己的字典中的每一项和要指定查询的域名进行拼接。在爆破过程中根据IP黑名单进行过滤。
  但这种宽泛的过滤容易导致漏报,所以oneforall将 TTL 也作为黑名单规则的一部分,评判的依据是:在权威 DNS 中,泛解析记录的 TTL 肯定是相同的,如果子域名记录相同,但 TTL 不同,那这条记录可以说肯定不是泛解析记录。
  优秀开源工具
  我们调研了市面上多款开源的子域名收集工具,列举多款优秀工具的功能和优点。在此以为例收集其子域名.简单对比各工具的性能和效果。
  工具名称:oneforall
  
  项目地址:
  工具描述:
  oneforall是近几年出现的比较优秀的子域名收集工具之一,目前还在不断地进行更新优化。这款工具集成了各种域名信息收集的“姿势”,手段可谓是非常全面了。包括利用证书透明度、常规检查、利用网上爬虫(正在实现)、DNS数据集、DNS查询、威胁情报平台、搜索引擎等,但笔者发现它对域名泛解析的处理还不是特别理想,存在较多误收集,同时存在用时较长等缺点。
  工具名称:SubdomainBrute
  项目地址:
  工具描述:
  李劼杰的SubdomainBrute是业内比较出名的子域名收集工具了,工具采用协程加快爆破速度,使用114DNS、百度DNS、阿里DNS这几个快速又可靠的公共DNS进行查询。准确率高,效果比较好。但对泛解析的处理规则是:超过10个域名指向同一IP,则此后发现的其他指向该IP的域名将被丢弃,该方法可能存在误删,但不可否认的是,该规则在一定程度上简便有效。
  工具名称:ESD
  项目地址:
  工具描述:
  ESD的爆破速度极快,62万条数据只用了4分30秒左右,这款工具存在的缺点之一就是对性能要求高,1G2核的服务器CPU占用率达100%。除此之外,输出的结果也比较不稳定,同一网络下对同一域名进行收集,几次结果数量都不一样。
  工具名称:subfinder
  项目地址:
  工具描述:
  使用subfinder来进行子域名信息的收集,它的输出结果多、基数大、速度快,并且输出格式多,便于后续处理(oneforall也有相同的优点)。
  美中不足的就是此工具无爆破功能,被动源相比其他工具来说较少。
  各工具效果对比
  各工具优缺点与功能对比如下:
  *注:因各工具提供的默认字典是不同的,字典往往需要自行定义才能发挥更大作用,故各工具下载后均不做修改,使用自带默认字典进行爆破。使用单一域名测试不具有普遍性,爆破结果仅供参考。
  按照上图,单从数据层面上看,四款工具中OneForAll的表现比较突出,而李劼杰的subdomainBrute表现也算优异,可访问子域名数的百分比和时间都很优秀,美中不足的就是爆出的子域名相对较少。
  子域名收集常见问题
  1. DNS缓存问题
  对于不同的DNS服务器,其缓存策略可能不同,其缓存结果也可能会存在差异,导致在域名查询时获取到未及时更新的解析结果。通常情况下,要解决上述问题需要进行多次DNS查询来迫使DNS服务器刷新缓存,从而获取正确的结果。这无疑增加了泛解析判断和子域名爆破的难度。
  其实这个问题在OneForAll中也未能得到较好的解决。在判断是否存在泛解析问题时,OneForAll使用了函数 detect_wildcard(domain, ns_ip_list),在该函数里面,OneForAll是通过使用不存在的子域名进行查询,从而判断是否存在泛解析。但是只进行一次判断就下决定是不够准确的,可能导致误判。
  2. “死板”的字典
  爆破是子域名收集方法的重要组成部分,对于大部分的这类工具而言,字典的好坏决定了最终的爆破效果。但大部分的字典仅仅只是遍历字符集,使用常用的高频词而不进行及时的更新。当字典文件太大时爆破速度就变得非常慢,并且低效率的字典即使再大也达不到理想的效果。
  在实际进行域名爆破的时候,一个能够自动更新的字典无疑会比普通字典效果更好,在此我们提出一种字典自动更新的方案。
  动态字典
  在本节我们对字典自动更新的方案进行较为详细的阐述,具体可分为三个步骤:对词语的权重进行更新➡️删除原字典中权值低的词➡️从数据集中提取高频词语加入字典,以此实现字典的更新。
  测试工具:Subdomainbrute
  流程图如下:
  1. 权值更新
  首先,利用工具subdomainbrute及其默认字典进行子域名爆破,将得到的结果利用如下脚本进行进一步批量检测,判断该域名是否外网可访问,并将能够外网正常访问的域名保存到success.txt中。
  接下来,将mydic中词语的权值全部初始化为0。然后比对success.txt中的三级域名,将mydic中对应词语的权值+1,其他词语权值不变。此外需要记录下本次所查询的域名,以后查询相同域名的时候,不再重复更新mydic中词语的权值。
  *注:mydic用于记录字典中词语及对应权值,格式形如www,0
  2. 词语删除
  在使用该字典对不同域名进行n次爆破(如20次)以后,开始对字典进行更新,即对字典中的词语进行删除操作。具体步骤如下:
  首先,使用record_num.txt文件记录字典使用的次数。当record_num.txt文件不存在时则生成,每查询不同的域名使用次数+1,重复查询相同域名只算作一次。
  程序每次运行结束后,判断是否需要重置mydic。若需要更新,则先删除record_num.txt文件,然后对mydic中的数据按照权值大小进行排序,排序完成后删去底部的30%数据。
  3. 字典更新
  在删除了原字典30%的值以后,需要补充新的值到字典中。我们解析上的公开DNS记录来更新自己的字典。由于下载的数据集大小一般有几十个G,难以直接处理,所以我们先对数据进行切割以减小处理的难度。
  首先将数据集分割为每个大概100MB的数据文件,然后从这些数据文件中随机抽取一部分,提取出里面的所有子域名,拼接成为字典的“数据源”。将提取出来的子域名数据进行词频分析,并将其中的内容按照出现的频率从大到小进行排序。选择出现频率最高的值加入字典中,直到新字典的大小与旧字典相同为止。最后,需要将新字典中的所有值的权重清零。
  总结
  1. 除了使用爆破工具外,子域名收集的方法还有很多。比如域传送漏洞、DNS查询等常规手段,还有利用证书透明度、DNS数据集、威胁情报平台、搜索引擎、域名备案和whois查询。综合来看,在这些方法中威胁情报平台效果最好,证书透明度和DNS数据集次之。
  2. 在本篇文章中我们还对业内较为优秀的几款工具作了研究、对比。在对的子域名收集测试中,subfinder和OneForAll的表现较为突出。
  3. 子域名收集存在的一些主要问题是域名泛解析、不同线路解析出不同IP、子域名爆破时字典的效率不高等。
  4. 针对字典的问题,我们提出了一种字典自动更新的方案。
  网上关于子域名收集的方法、工具都很多,但实际运用时结果都不够理想、全面。要想获得一份高效、有价值的子域名列表,需要我们结合不同的方法,合理地运用工具进行收集。
  为了方便在实战环境中使用,我们将大部分常用的方法都梳理整合到了这篇文章中。作为学习的记录,本文可能存在些许纰漏,如有错误,欢迎指正。希望大家与我们一起,探索更多更高效子域名收集方法,共同学习共同进步。
  最后,也非常感谢导师leon老师和小五老师的帮助和指导。
  附录
  Google证书透明度项目
  枚举子域名
  DNS域传送漏洞
  史上最全的子域名搜集方法:
  我们是TSRC
  互联网安全的守护者
  用户数据安全的保卫者
  我们找漏洞、查入侵、防攻击
  与安全行业精英携手共建互联网生态安全
  期待正能量的你与我们结盟! 查看全部

  红蓝对抗之域名搜集方法总结
  腾讯蓝军实习生
  jax、yhy、A1oe
  前言
  在历次HW、红蓝对抗、渗透测试项目中,外网的信息收集是至关重要的一个环节,外网打点信息收集全面了,可能会有四两拨千斤效果,直接突破外网边界进入内网。
  最近我们三人加入腾讯蓝军学习渗透技巧,导师让我们对域名资产收集方式做一次全面梳理研究。子域名是域名信息收集的一个重要部分,在防御措施严密情况下我们无法直接拿下主域名,那么就可以采用迂回战术拿下子域名,然后无限靠近主域名。
  方法原理介绍
  1.利用证书透明度收集子域
  原理
  引用谷歌的项目介绍:“要向用户提供加密流量,网站必须先向可信的证书授权中心 (CA) 申请证书。然后,当用户尝试访问相应网站时,此证书即会被提供给浏览器以验证该网站。近年来,由于 HTTPS 证书系统存在结构性缺陷,证书以及签发证书的 CA 很容易遭到入侵和操纵。Google 的证书透明度项目()旨在通过提供一个用于监测和审核 HTTPS 证书的开放式框架,来保障证书签发流程安全无虞。”
  那么,通过这样的证书透明度项目,我们就可以在其中获取一些有价值的域名。
  实现方法:
  访问以下链接搜索需要查询的域名如:
  (1) crtsh:
  (2) facebook:
  (3) entrust:
  (4) certspotter:
  (5) spyse:
  (6) censys:
  (7) google:
  2. 常规检查收集子域
  2.1 域传送
  原理
  域传送操作是指备用服务器向主服务器查询来刷新自己的Zone数据库,保证数据一致性。此操作的目的是为了防止主域名服务器因意外故障变得不可用时影响到全局。正常情况下,只有在网络里存在备用域名 DNS 服务器时,DNS区域传送操作才有必要执行。一旦DNS服务器被错误地配置成任何人发出请求,都向其提供Zone数据库的拷贝,就会被攻击者利用。
  实现方法
  1. dig命令
  如dig @ axfr
  为提供数据的服务器,为要传输的关键字,axfr为区域传输选项。
  2. python中dns库
  xfr = dns.query.xfr(where=server, zone=self.domain, timeout=5.0, lifetime=10.0)
  zone = dns.zone.from_xfr(xfr)
  存在问题
  一般情况下,DNS服务器都配置正确,关闭了dns传输或设置了白名单,漏洞利用成功的概率较低。
  2.2 站点配置文件
  原理
  信息泄露问题主要就是某域名下的一些文件会存储与其相关的一些域名,如子域名。此类文件包括跨域策略文件crossdomain.xml, sitemap文件。
  实现方法
  建立文件列表,拼接域名后直接访问,判断改文件是否存在。若存在则提取数据,若不存在则跳过。
  1.crossdomain.xml文件
  直接访问crossdomain.xml路径
  2. sitemap文件
  直接访问sitemap.xml、sitemap.txt、sitemap.html、sitemapindex.xml、sitemapindex.xml路径
  存在问题
  文件往往不存在,即使存在,域名信息也不够多不够完全。
  2.3 检查内容安全策略
  原理
  内容安全策略(CSP,Content Security Policy)是一种声明的安全机制,可以让网站运营者能够控制遵循CSP的用户代理(通常是浏览器)的行为。通过控制要启用哪些功能,以及从哪里下载内容,可以减少网站的攻击面。CSP的主要目的是防御跨站点脚本(cross-ste scripting,XSS)攻击。例如,CSP可以完全禁止内联的JavaScript,并且控制外部代码从哪里加载。它也可以禁止动态代码执行。禁用了所有的攻击源,XSS攻击变得更加困难。CSP中的关键字有default-src、img-src、object-src和script-src。其中*-src可能会存在域名信息。
  实现方法
  1.手动抓包获取
  HTTP header的Content-Security-Policy属性
  2. Python的Requests获取
  import requests
  res = requests.post(url=url, headers=headers, data=data, allow_redirects=False)
  if not res.headers['Content-Security-Policy']:
  print("There is no Content-Security-Policy in the header")
  else:
  # 处理主体代码
  2.4 利用DNS查询收集子域
  原理
  通过枚举常见的SRV记录并做查询来收集子域srv,以及通过查询域名的DNS记录中的MX,NS,SOA,TXT记录来收集子域。
  SRV记录
  添加服务记录服务器服务记录时会添加此项,SRV记录了哪台计算机提供了哪个服务。格式为:服务的名字.协议的类型(例如:example-server.tcp)。
  以下命令枚举给定域名的SRV记录:
  nmap --script dns-srv-enum.nse --script-args "dns-srv-enum.domain=''"
  MX记录
  建立电子邮箱服务,将指向邮件服务器地址,需要设置MX记录。建立邮箱时,一般会根据邮箱服务商提供的MX记录填写此记录。
  NS记录
  域名解析服务器记录,如果要将子域名指定某个域名服务器来解析,需要设置NS记录。
  SOA记录
  
  SOA叫做起始授权机构记录,NS用于标识多台域名解析服务器,SOA记录用于在众多NS记录中那一台是主服务器。
  TXT记录
  可任意填写,可为空。一般做一些验证记录时会使用此项,如:做SPF(反垃圾邮件)记录。
  3. 利用DNS数据集收集子域
  利用DNS记录公开数据收集
  *注:将需要{domain}换成需要查询的域名,标的是我们认为效果较好的。
  (1) ip138:
  {domain}/domain.htm
  (2) 百度云观测:
  {domain}
  (3) hackertarget:
  (4) riddler:
  :{domain}
  (5) bufferover:
  {domain}
  (6) dnsdb:
  {domain}
  (7) ipv4info:
  (8) robtex:
  (9) chinaz:
  (10) netcraft:
  (11) dnsdumpster:
  (12) sitedossier:
  (13) findsubdomains:
  4. 利用威胁情报平台数据收集子域
  *注:将需要{domain}换成需要查询的域名, 以下平台均需注册,注册后免费试用
  (1) {domain}/{section}
  {section}指其他指令动作,可参考Docs关于API的使用说明。
  (2) {domain}/subdomains
  (3) {domain}
  API:domains
  (4)
  {domain}
  (5) {domain}/subdomains
  或者{domain}/relations
  (6)
  #
  5. 利用搜索引擎发现子域
  5.1 谷歌搜索语法—site
  当使用site提交查询时,Google会将查询限制在某个网站/某个域下面进行,此时配合其他指令效果更佳,如使用减号“-”来排除不想要搜集到的域名。
  5.2 Site:x.x.x. *(目标IP)
  当我们获取到了子域名的真实ip后,可以尝试搜索site:x.x.x.* 进行C段搜索,通过这种方法也能找出很多有价值的其他相关域名。经笔者尝试,这种方法在搜狗、谷歌搜索引擎上使用有效,谷歌搜索引擎效果更好。
  如图:
  6. 域名备案搜集资产
  原理
  在对一些大型的目标进行信息搜集时,还可以通过查找域名备案信息来发现同备案的其他域名资产。如搜集qq的子域名时,最常见的即为对进行子域名搜集,此时就会遗漏其余顶级域名资产。
  查询网址:
  如上图通过查询的网站备案/许可证号,再对其进行反查,即可发现同备案的其他顶级域名资产。
  通过域名备案查找同备案的其他域名资产,能够更全面的搜集目标资产信息,提升发现漏洞的概率。
  7.whois查询和关联查询
  工具:站长工具
  在此我们以做演示,如何进行whois查询和反查
  7.1 查询whois
  7.2 反查whois
  **&ddlSearchMode=1&domain=
  获得关联域名信息。
  8. 域名爆破
  爆破的原理其实是通过枚举的方式来实现的,通过不断的拼接字典中的内容去枚举域名的A记录,但是该方法一般需要解决泛解析问题。
  比如开源工具oneforall会首先访问一个随机的并不存在的域,通过返回结果判断是否存在泛解析,确定存在泛解析以后,程序会开始不断的循环产生随机域名,去向服务器查询,将每次查询到的IP和TTL记录下来,直到大部分的IP地址出现次数都大于两次,则IP黑名单的收集结束,在得到了IP黑名单以后,oneforall接下来会将自己的字典中的每一项和要指定查询的域名进行拼接。在爆破过程中根据IP黑名单进行过滤。
  但这种宽泛的过滤容易导致漏报,所以oneforall将 TTL 也作为黑名单规则的一部分,评判的依据是:在权威 DNS 中,泛解析记录的 TTL 肯定是相同的,如果子域名记录相同,但 TTL 不同,那这条记录可以说肯定不是泛解析记录。
  优秀开源工具
  我们调研了市面上多款开源的子域名收集工具,列举多款优秀工具的功能和优点。在此以为例收集其子域名.简单对比各工具的性能和效果。
  工具名称:oneforall
  
  项目地址:
  工具描述:
  oneforall是近几年出现的比较优秀的子域名收集工具之一,目前还在不断地进行更新优化。这款工具集成了各种域名信息收集的“姿势”,手段可谓是非常全面了。包括利用证书透明度、常规检查、利用网上爬虫(正在实现)、DNS数据集、DNS查询、威胁情报平台、搜索引擎等,但笔者发现它对域名泛解析的处理还不是特别理想,存在较多误收集,同时存在用时较长等缺点。
  工具名称:SubdomainBrute
  项目地址:
  工具描述:
  李劼杰的SubdomainBrute是业内比较出名的子域名收集工具了,工具采用协程加快爆破速度,使用114DNS、百度DNS、阿里DNS这几个快速又可靠的公共DNS进行查询。准确率高,效果比较好。但对泛解析的处理规则是:超过10个域名指向同一IP,则此后发现的其他指向该IP的域名将被丢弃,该方法可能存在误删,但不可否认的是,该规则在一定程度上简便有效。
  工具名称:ESD
  项目地址:
  工具描述:
  ESD的爆破速度极快,62万条数据只用了4分30秒左右,这款工具存在的缺点之一就是对性能要求高,1G2核的服务器CPU占用率达100%。除此之外,输出的结果也比较不稳定,同一网络下对同一域名进行收集,几次结果数量都不一样。
  工具名称:subfinder
  项目地址:
  工具描述:
  使用subfinder来进行子域名信息的收集,它的输出结果多、基数大、速度快,并且输出格式多,便于后续处理(oneforall也有相同的优点)。
  美中不足的就是此工具无爆破功能,被动源相比其他工具来说较少。
  各工具效果对比
  各工具优缺点与功能对比如下:
  *注:因各工具提供的默认字典是不同的,字典往往需要自行定义才能发挥更大作用,故各工具下载后均不做修改,使用自带默认字典进行爆破。使用单一域名测试不具有普遍性,爆破结果仅供参考。
  按照上图,单从数据层面上看,四款工具中OneForAll的表现比较突出,而李劼杰的subdomainBrute表现也算优异,可访问子域名数的百分比和时间都很优秀,美中不足的就是爆出的子域名相对较少。
  子域名收集常见问题
  1. DNS缓存问题
  对于不同的DNS服务器,其缓存策略可能不同,其缓存结果也可能会存在差异,导致在域名查询时获取到未及时更新的解析结果。通常情况下,要解决上述问题需要进行多次DNS查询来迫使DNS服务器刷新缓存,从而获取正确的结果。这无疑增加了泛解析判断和子域名爆破的难度。
  其实这个问题在OneForAll中也未能得到较好的解决。在判断是否存在泛解析问题时,OneForAll使用了函数 detect_wildcard(domain, ns_ip_list),在该函数里面,OneForAll是通过使用不存在的子域名进行查询,从而判断是否存在泛解析。但是只进行一次判断就下决定是不够准确的,可能导致误判。
  2. “死板”的字典
  爆破是子域名收集方法的重要组成部分,对于大部分的这类工具而言,字典的好坏决定了最终的爆破效果。但大部分的字典仅仅只是遍历字符集,使用常用的高频词而不进行及时的更新。当字典文件太大时爆破速度就变得非常慢,并且低效率的字典即使再大也达不到理想的效果。
  在实际进行域名爆破的时候,一个能够自动更新的字典无疑会比普通字典效果更好,在此我们提出一种字典自动更新的方案。
  动态字典
  在本节我们对字典自动更新的方案进行较为详细的阐述,具体可分为三个步骤:对词语的权重进行更新➡️删除原字典中权值低的词➡️从数据集中提取高频词语加入字典,以此实现字典的更新。
  测试工具:Subdomainbrute
  流程图如下:
  1. 权值更新
  首先,利用工具subdomainbrute及其默认字典进行子域名爆破,将得到的结果利用如下脚本进行进一步批量检测,判断该域名是否外网可访问,并将能够外网正常访问的域名保存到success.txt中。
  接下来,将mydic中词语的权值全部初始化为0。然后比对success.txt中的三级域名,将mydic中对应词语的权值+1,其他词语权值不变。此外需要记录下本次所查询的域名,以后查询相同域名的时候,不再重复更新mydic中词语的权值。
  *注:mydic用于记录字典中词语及对应权值,格式形如www,0
  2. 词语删除
  在使用该字典对不同域名进行n次爆破(如20次)以后,开始对字典进行更新,即对字典中的词语进行删除操作。具体步骤如下:
  首先,使用record_num.txt文件记录字典使用的次数。当record_num.txt文件不存在时则生成,每查询不同的域名使用次数+1,重复查询相同域名只算作一次。
  程序每次运行结束后,判断是否需要重置mydic。若需要更新,则先删除record_num.txt文件,然后对mydic中的数据按照权值大小进行排序,排序完成后删去底部的30%数据。
  3. 字典更新
  在删除了原字典30%的值以后,需要补充新的值到字典中。我们解析上的公开DNS记录来更新自己的字典。由于下载的数据集大小一般有几十个G,难以直接处理,所以我们先对数据进行切割以减小处理的难度。
  首先将数据集分割为每个大概100MB的数据文件,然后从这些数据文件中随机抽取一部分,提取出里面的所有子域名,拼接成为字典的“数据源”。将提取出来的子域名数据进行词频分析,并将其中的内容按照出现的频率从大到小进行排序。选择出现频率最高的值加入字典中,直到新字典的大小与旧字典相同为止。最后,需要将新字典中的所有值的权重清零。
  总结
  1. 除了使用爆破工具外,子域名收集的方法还有很多。比如域传送漏洞、DNS查询等常规手段,还有利用证书透明度、DNS数据集、威胁情报平台、搜索引擎、域名备案和whois查询。综合来看,在这些方法中威胁情报平台效果最好,证书透明度和DNS数据集次之。
  2. 在本篇文章中我们还对业内较为优秀的几款工具作了研究、对比。在对的子域名收集测试中,subfinder和OneForAll的表现较为突出。
  3. 子域名收集存在的一些主要问题是域名泛解析、不同线路解析出不同IP、子域名爆破时字典的效率不高等。
  4. 针对字典的问题,我们提出了一种字典自动更新的方案。
  网上关于子域名收集的方法、工具都很多,但实际运用时结果都不够理想、全面。要想获得一份高效、有价值的子域名列表,需要我们结合不同的方法,合理地运用工具进行收集。
  为了方便在实战环境中使用,我们将大部分常用的方法都梳理整合到了这篇文章中。作为学习的记录,本文可能存在些许纰漏,如有错误,欢迎指正。希望大家与我们一起,探索更多更高效子域名收集方法,共同学习共同进步。
  最后,也非常感谢导师leon老师和小五老师的帮助和指导。
  附录
  Google证书透明度项目
  枚举子域名
  DNS域传送漏洞
  史上最全的子域名搜集方法:
  我们是TSRC
  互联网安全的守护者
  用户数据安全的保卫者
  我们找漏洞、查入侵、防攻击
  与安全行业精英携手共建互联网生态安全
  期待正能量的你与我们结盟!

3分钟搭建一个网站?腾讯云Serverless开发体验

网站优化优采云 发表了文章 • 0 个评论 • 60 次浏览 • 2022-07-11 12:54 • 来自相关话题

  3分钟搭建一个网站?腾讯云Serverless开发体验
  首先放一个我部署好的RSS在线阅读器页面:
  只要在url传入需要解析的RSS订阅地址,比如xxxx/rss?rssurl= ,就可以解析出该RSS,并渲染成你想要的博客样式。
  整个实现代码除了html模板,只需要4行代码。
  Serverless概念
  Serverless是一个怎样的运行原理呢?简单的解释下:
  腾讯云云函数是腾讯云提供的 Serverless 执行环境。您只需编写简单的、目的单一的云函数即可将它与您的腾讯云基础设施及其他云服务产生的事件关联。
  当然了,Serverless不是表示没有服务器,而表示当您在使用 Serverless 时,您无需关心底层资源,也无需登录服务器和优化服务器,只需关注最核心的代码片段,即可跳过复杂的、繁琐的基本工作。核心的代码片段完全由事件或者请求触发,平台根据请求自动平行调整服务资源。Serverless 拥有近乎无限的扩容能力,空闲时,不运行任何资源。代码运行无状态,可以轻易实现快速迭代、极速部署。
  它的大致执行流程如下图:
  所以,Serverless其实本质上是云服务上帮你整合了云资源,你只需要编写最核心的代码,比如一个请求过来如何处理和返回对应的数据。其他的服务器部署相关的事情,都交给云服务商。这样带来的最核心的好处是节省了大量资源,只有你的网站有人访问时,才会计算资源消耗的价格,大幅度降低了成本。
  可能你只是想搭建一个博客,以前可能需要买一年的服务器,起码一年开销几百元。在Serverless下,如果你的博客访问量并不是很高,可能一年只要花费十几块钱。
  3分钟部署一个网站
  我们打开Serverless创建函数服务页面:
  选择Python3 Web函数模板:
  接着可以设置一些基本信息,这里我啥也没修改,直接点击完成。
  大概等待30秒,一个Serverless服务就创建完成了。
  接下来,我们就被跳转到了代码编辑页面。由于我们在上面的选项里选了Python3 Web开发,所以代码默认有了一个最基本的Flask框架模板。(Flask是什么?是Python的一个Web开发框架,就像Java下面的SpringBoot一样,也能很轻松地开发一个Web服务。官方文档:)
  
  模板代码已经有了路径(“/”)最基本的返回值,我们把他改几个字,然后点击左下角部署按钮。花费了十几秒部署完成后,点击测试,我们就能看到返回的Body了,如下图。这时候你访问页面,也返回了同样的结果。
  一个最最基础的Web服务器就OK了,不需要买域名和HTTPS证书,不需要SSH登录服务器,不需要手动编译代码,。
  10分钟开发一个在线RSS阅读小站
  上面是牛刀小试,接下来稍微整一个复杂一点点的例子。
  **我一直觉得RSS阅读是一个虽然过时,但是其精神一直在传承的阅读方式。**比如微信的订阅号,可以说其本质也是一种RSS阅读,通过关注订阅,并获得更新文章的推送,来定制化你的阅读内容。
  所以我想做一个RSS解析器,通过传入RSS的网址(很多网站还保留有这个网址,比如CSDN,比如阮一峰的博客等),能够渲染出该RSS链接里所有的文章,并展示在网页上。后面,还可以深度的修改页面的展示,做出一个微信订阅号网页版,也不是不可能,哈哈哈。
  OK,花里胡哨的就不扯了,先开始实现一个最简单的事情,把RSS链接渲染出来。
  我们使用官方的Flask模板,这个模板的Flask环境相对更加完整,方便开发。
  我们首先需要一个RSS解析的框架,在Python中,有一个feedparser的框架,能够解析RSS url。
  使用pip3 install feedparser安装feedparser:
  接着我们在app.py加入代码:
  import feedparser<br /><br />@app.route('/rss')<br />def rss():<br />    feed = feedparser.parse(request.args.get('rssurl'))<br />    return render_template('rss.html', entries=feed.entries)<br />
  在这里,我进行了一波本地调试,看一下feed这个参数,拿到了什么:
  可以看到,解析后的rss链接,被feedparser框架解析为了一个数组,每个entry是一个文章的标题,作者,链接等。
  根据上面的参数名,我们再加入一个rss/html,放在templates文件夹中,里面写好了我稍微美化过的html页面,并且将每篇文章循环插入html中,这里用到了flask自带的渲染模板jinja2:
  <br /><br />    RSS阅读博客<br />    <br /><br /><br />    <br />    <br /><br /> <br />  <br /><br />            <br />              <br />                RSS解析器</a><br />                <br />                  <br />                <br />                <br />                  <br />                    <br />                      首页</a><br />                    <br />                  <br />                  <br />                    <br />                    Search<br />                  <br />                <br />              <br />            <br /><br />            <br />                {% for entry in entries %}<br />                <br />                    <br />                      <br />                        {{ entry.title }} | {{ entry.published }}<br />                      <br />                    <br />                    <br />                      <br />                        {{ entry.summary | safe }}<br />                      <br />                    <br />                <br />                {% endfor %}<br />            <br /><br /><br />        <br /> <br /><br /><br /><br />
  两个文件修改完,直接点击部署然后访问腾讯云给我们分配的域名:
  
  :///qqxx6661/rss/list
  可以看到,完美解析出了我CSDN博客的RSS流,并且可以一个个打开。动图见文章最上方。
  Web Function的优缺点分析
  可以看出来,Serverless开发一个网站和传统网站开发区别非常大,它撇去了传统开发中那些冗杂但是又不经常会去修改的配置和流程,让开发者专注于业务逻辑的开发。但是这种开发方式真的完美吗?我思考了一下它的优势和不足。
  最明显的优势便是它简化了开发的步骤,省去了很多部署的无聊工作量。但是,它的简化是有代价的,简化是会牺牲很大一部分灵活性和可定制性的。简化能够好用的前提是,云服务商把这些事情做到了,并且做好了。如果你的网站需要大量复杂的逻辑,并且需要优化网关的配置,那么很多事情在Serverless下,至少在目前提供的Serverless下,还是做不到的。
  上面说到的弊端,其实会带来一个很大的问题,就是沉没成本,当你花了很多时间在Serverless上,却发现有一些小的要求或者定制化,没法实现,这时你是去翻文档,提工单,还是选择老老实实买个虚机,自己手动重新部署呢。
  当然,上述观点是一个开发者的视角来看的。
  作为普通消费者,可能很多时候只需要部署一个静态网站,用来放一个博客,或者说推广下自己的公司和产品。那么Serverlss大概率是符合要求的。
  除了上面的主要矛盾外,还有一点是我想提出的,就是目前在线代码编辑页面的调试功能有点太弱了。
  在最开始的Python3 Web模板中,在线的依赖库貌似缺失了新版本的feedparser和flask,导致我在本地调试能够运行的代码放到Serverless上各种不成功,但是错误信息却很难找。导致我不得不在VS Code的终端里,一个手动开flask服务,一个去curl请求,才能看到报错信息。
  当然,这个可能是我自己走得歪路,但是在页面上,很难一眼看出来Debug窗口在哪里。
  在用户体验上,还有很多事情可以做。
  总结
  不知不觉又是一篇2500字的文章,一个完整的周末又没有了。
  Serverless概念提出了好几年了,其产品形态总感觉还在摸索阶段,它的用户群体到底是开发者,还是普通消费者,其实还是会被产品形态所影响。
  不管怎么说,Serverless在成本的节省上是有目共睹的,我也希望在我的云服务器过期后,能够把自己的博客和其他服务,部署在Serverless上,能够节省一大笔开销。光是成本这一点,就值得我不断关注着Serverless。
  如果文章对你有帮助,请各位老板转发支持一下,你的支持和鼓励对我非常重要~
  关注我
  往期精彩文章: 查看全部

  3分钟搭建一个网站?腾讯云Serverless开发体验
  首先放一个我部署好的RSS在线阅读器页面:
  只要在url传入需要解析的RSS订阅地址,比如xxxx/rss?rssurl= ,就可以解析出该RSS,并渲染成你想要的博客样式。
  整个实现代码除了html模板,只需要4行代码。
  Serverless概念
  Serverless是一个怎样的运行原理呢?简单的解释下:
  腾讯云云函数是腾讯云提供的 Serverless 执行环境。您只需编写简单的、目的单一的云函数即可将它与您的腾讯云基础设施及其他云服务产生的事件关联。
  当然了,Serverless不是表示没有服务器,而表示当您在使用 Serverless 时,您无需关心底层资源,也无需登录服务器和优化服务器,只需关注最核心的代码片段,即可跳过复杂的、繁琐的基本工作。核心的代码片段完全由事件或者请求触发,平台根据请求自动平行调整服务资源。Serverless 拥有近乎无限的扩容能力,空闲时,不运行任何资源。代码运行无状态,可以轻易实现快速迭代、极速部署。
  它的大致执行流程如下图:
  所以,Serverless其实本质上是云服务上帮你整合了云资源,你只需要编写最核心的代码,比如一个请求过来如何处理和返回对应的数据。其他的服务器部署相关的事情,都交给云服务商。这样带来的最核心的好处是节省了大量资源,只有你的网站有人访问时,才会计算资源消耗的价格,大幅度降低了成本。
  可能你只是想搭建一个博客,以前可能需要买一年的服务器,起码一年开销几百元。在Serverless下,如果你的博客访问量并不是很高,可能一年只要花费十几块钱。
  3分钟部署一个网站
  我们打开Serverless创建函数服务页面:
  选择Python3 Web函数模板:
  接着可以设置一些基本信息,这里我啥也没修改,直接点击完成。
  大概等待30秒,一个Serverless服务就创建完成了。
  接下来,我们就被跳转到了代码编辑页面。由于我们在上面的选项里选了Python3 Web开发,所以代码默认有了一个最基本的Flask框架模板。(Flask是什么?是Python的一个Web开发框架,就像Java下面的SpringBoot一样,也能很轻松地开发一个Web服务。官方文档:)
  
  模板代码已经有了路径(“/”)最基本的返回值,我们把他改几个字,然后点击左下角部署按钮。花费了十几秒部署完成后,点击测试,我们就能看到返回的Body了,如下图。这时候你访问页面,也返回了同样的结果。
  一个最最基础的Web服务器就OK了,不需要买域名和HTTPS证书,不需要SSH登录服务器,不需要手动编译代码,。
  10分钟开发一个在线RSS阅读小站
  上面是牛刀小试,接下来稍微整一个复杂一点点的例子。
  **我一直觉得RSS阅读是一个虽然过时,但是其精神一直在传承的阅读方式。**比如微信的订阅号,可以说其本质也是一种RSS阅读,通过关注订阅,并获得更新文章的推送,来定制化你的阅读内容。
  所以我想做一个RSS解析器,通过传入RSS的网址(很多网站还保留有这个网址,比如CSDN,比如阮一峰的博客等),能够渲染出该RSS链接里所有的文章,并展示在网页上。后面,还可以深度的修改页面的展示,做出一个微信订阅号网页版,也不是不可能,哈哈哈。
  OK,花里胡哨的就不扯了,先开始实现一个最简单的事情,把RSS链接渲染出来。
  我们使用官方的Flask模板,这个模板的Flask环境相对更加完整,方便开发。
  我们首先需要一个RSS解析的框架,在Python中,有一个feedparser的框架,能够解析RSS url。
  使用pip3 install feedparser安装feedparser:
  接着我们在app.py加入代码:
  import feedparser<br /><br />@app.route('/rss')<br />def rss():<br />    feed = feedparser.parse(request.args.get('rssurl'))<br />    return render_template('rss.html', entries=feed.entries)<br />
  在这里,我进行了一波本地调试,看一下feed这个参数,拿到了什么:
  可以看到,解析后的rss链接,被feedparser框架解析为了一个数组,每个entry是一个文章的标题,作者,链接等。
  根据上面的参数名,我们再加入一个rss/html,放在templates文件夹中,里面写好了我稍微美化过的html页面,并且将每篇文章循环插入html中,这里用到了flask自带的渲染模板jinja2:
  <br /><br />    RSS阅读博客<br />    <br /><br /><br />    <br />    <br /><br /> <br />  <br /><br />            <br />              <br />                RSS解析器</a><br />                <br />                  <br />                <br />                <br />                  <br />                    <br />                      首页</a><br />                    <br />                  <br />                  <br />                    <br />                    Search<br />                  <br />                <br />              <br />            <br /><br />            <br />                {% for entry in entries %}<br />                <br />                    <br />                      <br />                        {{ entry.title }} | {{ entry.published }}<br />                      <br />                    <br />                    <br />                      <br />                        {{ entry.summary | safe }}<br />                      <br />                    <br />                <br />                {% endfor %}<br />            <br /><br /><br />        <br /> <br /><br /><br /><br />
  两个文件修改完,直接点击部署然后访问腾讯云给我们分配的域名:
  
  :///qqxx6661/rss/list
  可以看到,完美解析出了我CSDN博客的RSS流,并且可以一个个打开。动图见文章最上方。
  Web Function的优缺点分析
  可以看出来,Serverless开发一个网站和传统网站开发区别非常大,它撇去了传统开发中那些冗杂但是又不经常会去修改的配置和流程,让开发者专注于业务逻辑的开发。但是这种开发方式真的完美吗?我思考了一下它的优势和不足。
  最明显的优势便是它简化了开发的步骤,省去了很多部署的无聊工作量。但是,它的简化是有代价的,简化是会牺牲很大一部分灵活性和可定制性的。简化能够好用的前提是,云服务商把这些事情做到了,并且做好了。如果你的网站需要大量复杂的逻辑,并且需要优化网关的配置,那么很多事情在Serverless下,至少在目前提供的Serverless下,还是做不到的。
  上面说到的弊端,其实会带来一个很大的问题,就是沉没成本,当你花了很多时间在Serverless上,却发现有一些小的要求或者定制化,没法实现,这时你是去翻文档,提工单,还是选择老老实实买个虚机,自己手动重新部署呢。
  当然,上述观点是一个开发者的视角来看的。
  作为普通消费者,可能很多时候只需要部署一个静态网站,用来放一个博客,或者说推广下自己的公司和产品。那么Serverlss大概率是符合要求的。
  除了上面的主要矛盾外,还有一点是我想提出的,就是目前在线代码编辑页面的调试功能有点太弱了。
  在最开始的Python3 Web模板中,在线的依赖库貌似缺失了新版本的feedparser和flask,导致我在本地调试能够运行的代码放到Serverless上各种不成功,但是错误信息却很难找。导致我不得不在VS Code的终端里,一个手动开flask服务,一个去curl请求,才能看到报错信息。
  当然,这个可能是我自己走得歪路,但是在页面上,很难一眼看出来Debug窗口在哪里。
  在用户体验上,还有很多事情可以做。
  总结
  不知不觉又是一篇2500字的文章,一个完整的周末又没有了。
  Serverless概念提出了好几年了,其产品形态总感觉还在摸索阶段,它的用户群体到底是开发者,还是普通消费者,其实还是会被产品形态所影响。
  不管怎么说,Serverless在成本的节省上是有目共睹的,我也希望在我的云服务器过期后,能够把自己的博客和其他服务,部署在Serverless上,能够节省一大笔开销。光是成本这一点,就值得我不断关注着Serverless。
  如果文章对你有帮助,请各位老板转发支持一下,你的支持和鼓励对我非常重要~
  关注我
  往期精彩文章:

使用开源SiteServer替代某老牌CMS做网站

网站优化优采云 发表了文章 • 0 个评论 • 77 次浏览 • 2022-07-04 16:53 • 来自相关话题

  使用开源SiteServer替代某老牌CMS做网站
  学更好的别人,
  做更好的自己。
  ——《微卡智享》
  本文长度为1938字,预计阅读5分钟
  前言
  去年末时,某国产CMS发布了关于提醒办理产品商业使用授权的通告,进一步强调了对商用的付费要求。公司网站现在基本没什么人看,关键没有也不合适,所以当时就花钱找人做了下网站,用的就是上面说的某国产CMS,记得里面也不少BUG,搞的我这虽然不会PHP,也能看懂写的啥意思,没事还要在源码上修改一下,反正是跨吐糟一下,真心不好用。既然人家开始收费了,网上开源的CMS也不少,那干脆也别再找人,自己整个得了,找了些开源的CMS,有JAVA的,PHP,.Net和GO的,这里面自己最熟悉的还是.Net,所以就在.Net里选择了。
  选择.Net开源CMS
  微卡智享
  自己找了一下,.Net相关开源的CMS中,有Orchard、SiteServer CMS和JR-CMS。
  Orchard
  开源协议:BSD-3-Clause License
  简介:Orchard 是基于 ASP.NET MVC 平台的免费、开源、以社区为中心的内容管理系统,由微软开源。和 WebMatrix 一样,Orchard 的目标是帮助用户减少编码,从而吸引非技术人员的关注。
  SiteServerCMS
  开源协议:AGPL-3.0 License
  简介:SiteServer CMS 是 .NET 平台的 CMS 内容管理系统,它基于 .NET Core,能够以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异、规模庞大并易于维护的网站平台。
  JR-CMS
  开源协议:GPL-2.0 License
  简介:此项目是基于.NET + DDD 构建的跨平台开源内容管理系统;同时支持ASP.NET和.NET Core;可以运行在 Windows, Linux, macOS 等操作系统;支持 Docker 容器。
  大概看了一下三个的介绍,我就毫不犹豫地选了SiteServer CMS,因为讲的最核心的一句就是,最低的成本,最小的人力,最短的时间就能搭建网站平台。
  搭建网站
  微卡智享
  下载SiteServer CMS
  
  因为公司云服务器是用的WIndows 2008 R2所以我就直接下的.Net Framework的版本。
  解压后的文件夹
  IIS中创建网站,因为是主页,所以端口直接用的80,物理路径就是刚才下载的文件夹。
  应用程序池改为.Net Framework 4.0,然后托管模式为集成。
  我这云服务器上本来就装的Sql Server2008,所以数据库我也用的这个,详细的安装可以在官网的介绍中做,下面是链接
  在 Windows 中运行 SSCMS | SSCMS 7.1 文档中心
  网站注意事项
  微卡智享
  01
  创建站点
  因为我们的域名访问后直接就是公司主页,所以在创建站点时直接选择了主站,如果选择子站的话,登陆主页是二级域名。
  02
  站点模版
  里面有不少在线免费的模版,我也是下了三个后最终选择了上面红框中的那个,效果如下:
  03
  网站基本信息修改
  
  在内容管理中将网站的基本信息先修改了,其中公司的信息,LOGO,轮播大图等,这些改完差不多主页就可以成型了,下面是重点来了。
  关于备案设置
  申请域名在网站上需要点击备案信息和备案号直接跳转到全国互联网安全平台和工业和信息化部政务服务平台。
  如果这两个没有做链接,会有人电话通知,并且要求网站下架的。
  在内容管理--网站底部版权信息,在里面点击编辑
  因为只有在内容中可以设置超链接,所以我们将内容中的中文字写上后并加入上面两个网站的超链接,修改完后点击确定。这样修改完后,默认底部里面并没有显示备案号等相关信息,下面需要我们修改footer的模版
  修改footer模版
  在显示管理--包文件管理中找到footer.html
  点开后可以看到,相关的显示都是用的STL语言显示的,那我们就查一下官方文档。
  因为我们用的是内容管理,所以就找stl:content即可。
  在type的显示类型中可以看到content代表内容正文,前面说过备案号的超链接是写在内容正文中的,所以我们把type的类型改为content即可。
  改完后重新生成网站,可以看到,下图中备案号都加上超链接了
  简单的网站就可以这样搭建完成,后面的文章及相关的资料等有时间可以再上去更新。
  完
  往期精彩回顾 查看全部

  使用开源SiteServer替代某老牌CMS做网站
  学更好的别人,
  做更好的自己。
  ——《微卡智享》
  本文长度为1938字,预计阅读5分钟
  前言
  去年末时,某国产CMS发布了关于提醒办理产品商业使用授权的通告,进一步强调了对商用的付费要求。公司网站现在基本没什么人看,关键没有也不合适,所以当时就花钱找人做了下网站,用的就是上面说的某国产CMS,记得里面也不少BUG,搞的我这虽然不会PHP,也能看懂写的啥意思,没事还要在源码上修改一下,反正是跨吐糟一下,真心不好用。既然人家开始收费了,网上开源的CMS也不少,那干脆也别再找人,自己整个得了,找了些开源的CMS,有JAVA的,PHP,.Net和GO的,这里面自己最熟悉的还是.Net,所以就在.Net里选择了。
  选择.Net开源CMS
  微卡智享
  自己找了一下,.Net相关开源的CMS中,有Orchard、SiteServer CMS和JR-CMS。
  Orchard
  开源协议:BSD-3-Clause License
  简介:Orchard 是基于 ASP.NET MVC 平台的免费、开源、以社区为中心的内容管理系统,由微软开源。和 WebMatrix 一样,Orchard 的目标是帮助用户减少编码,从而吸引非技术人员的关注。
  SiteServerCMS
  开源协议:AGPL-3.0 License
  简介:SiteServer CMS 是 .NET 平台的 CMS 内容管理系统,它基于 .NET Core,能够以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异、规模庞大并易于维护的网站平台。
  JR-CMS
  开源协议:GPL-2.0 License
  简介:此项目是基于.NET + DDD 构建的跨平台开源内容管理系统;同时支持ASP.NET和.NET Core;可以运行在 Windows, Linux, macOS 等操作系统;支持 Docker 容器。
  大概看了一下三个的介绍,我就毫不犹豫地选了SiteServer CMS,因为讲的最核心的一句就是,最低的成本,最小的人力,最短的时间就能搭建网站平台。
  搭建网站
  微卡智享
  下载SiteServer CMS
  
  因为公司云服务器是用的WIndows 2008 R2所以我就直接下的.Net Framework的版本。
  解压后的文件夹
  IIS中创建网站,因为是主页,所以端口直接用的80,物理路径就是刚才下载的文件夹。
  应用程序池改为.Net Framework 4.0,然后托管模式为集成。
  我这云服务器上本来就装的Sql Server2008,所以数据库我也用的这个,详细的安装可以在官网的介绍中做,下面是链接
  在 Windows 中运行 SSCMS | SSCMS 7.1 文档中心
  网站注意事项
  微卡智享
  01
  创建站点
  因为我们的域名访问后直接就是公司主页,所以在创建站点时直接选择了主站,如果选择子站的话,登陆主页是二级域名。
  02
  站点模版
  里面有不少在线免费的模版,我也是下了三个后最终选择了上面红框中的那个,效果如下:
  03
  网站基本信息修改
  
  在内容管理中将网站的基本信息先修改了,其中公司的信息,LOGO,轮播大图等,这些改完差不多主页就可以成型了,下面是重点来了。
  关于备案设置
  申请域名在网站上需要点击备案信息和备案号直接跳转到全国互联网安全平台和工业和信息化部政务服务平台。
  如果这两个没有做链接,会有人电话通知,并且要求网站下架的。
  在内容管理--网站底部版权信息,在里面点击编辑
  因为只有在内容中可以设置超链接,所以我们将内容中的中文字写上后并加入上面两个网站的超链接,修改完后点击确定。这样修改完后,默认底部里面并没有显示备案号等相关信息,下面需要我们修改footer的模版
  修改footer模版
  在显示管理--包文件管理中找到footer.html
  点开后可以看到,相关的显示都是用的STL语言显示的,那我们就查一下官方文档。
  因为我们用的是内容管理,所以就找stl:content即可。
  在type的显示类型中可以看到content代表内容正文,前面说过备案号的超链接是写在内容正文中的,所以我们把type的类型改为content即可。
  改完后重新生成网站,可以看到,下图中备案号都加上超链接了
  简单的网站就可以这样搭建完成,后面的文章及相关的资料等有时间可以再上去更新。
  完
  往期精彩回顾

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 70 次浏览 • 2022-06-29 18:32 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  从Element下载
  
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  从Element下载
  
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

蘑菇网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 110 次浏览 • 2022-06-28 01:57 • 来自相关话题

  蘑菇网站打开超30秒,我被群友喷惨了
  陌溪的学习笔记:
  大家好,我是陌溪
  最近,BootCDN 可谓是问题多多,这不这两天加载 CSS、JS 文件就需要花费 20 秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前陌溪想到了两种解决方法
  本地CDN
  虽然上次 已经对 CDN 进行了一些改造,不过改的不彻底,这次打算把所有的 CSS 和 JS 都拉到本地
  BootCDN
  首先,分别找出 index.html 下的 CDN 域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在 static 文件夹中,创建 cdn 文件夹,然后把每个 CDN 文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于 element ui 的 css 文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开 element ui 的 Github 地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到 theme-chalk/lib/fonts 目录下,下载下面两个文件
  从Element下载
  然后在 static/cdn 中,创建 fonts 文件夹,把两个文件拷贝进行即可
  导入fonts
  
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的 CSS 和 JS 文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了 CDN 宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有 2M 了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有 1M 的话,那么可能光下载这几个文件就要花费近 20 秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费 10G 存储空间,来搭建蘑菇的 CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个 CNAME 的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  
  选择类型为 CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建 cdn 文件夹,然后把刚刚的 static/cdn 文件都上传到 cdn 文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成 即可,自建的蘑菇 cdn 大功告成~
  替换成蘑菇CDN
  最后重启,完美运行 prefect ~
  完美运行
  最后部署上线,通过 F12再看看每个 js 文件加载的速度,只用 20 ms 就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇 CDN 改造就到这里了
  我是陌溪,我们下期再见~
  往期推荐
  博主就职于字节跳动商业化部门,一直在维护校招笔记仓库LearningNote「在Gitee上已有4.5kstar,仓库地址」,公众号上的文章也会在此同步更新,欢迎各位小伙伴一起交流学习,回复「PDF」获取PDF笔记。
  同时,想要丰富项目经验的小伙伴,可以参考我维护的开源微服务博客项目:蘑菇博客「Gitee官方推荐项目,博客类搜索排名第一,在Gitee已有4.1Kstar,仓库地址:」。
  本公众号申请较晚,暂时没有开通留言功能,欢迎小伙伴们添加我的私人微信coder_moxi【备注:加群】,我将邀请你加入到蘑菇博客交流群中,欢迎小伙伴们找陌溪一块聊天唠嗑,共同学习进步。最后,如果你觉得本文对你有所帮助,麻烦小伙伴们动动手指给文章点个「赞」和「在看」,非常感谢大家的支持。
  快来找陌溪唠嗑吧
  点个在看你最好看 查看全部

  蘑菇网站打开超30秒,我被群友喷惨了
  陌溪的学习笔记:
  大家好,我是陌溪
  最近,BootCDN 可谓是问题多多,这不这两天加载 CSS、JS 文件就需要花费 20 秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  蘑菇圈炸锅了
  目前陌溪想到了两种解决方法
  本地CDN
  虽然上次 已经对 CDN 进行了一些改造,不过改的不彻底,这次打算把所有的 CSS 和 JS 都拉到本地
  BootCDN
  首先,分别找出 index.html 下的 CDN 域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  打开浏览器复制内容
  在 static 文件夹中,创建 cdn 文件夹,然后把每个 CDN 文件内容,分别保存到该文件夹中
  创建static文件夹
  同时由于 element ui 的 css 文件,还会引入两个相对目录的文件
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开 element ui 的 Github 地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到 theme-chalk/lib/fonts 目录下,下载下面两个文件
  从Element下载
  然后在 static/cdn 中,创建 fonts 文件夹,把两个文件拷贝进行即可
  导入fonts
  
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的 CSS 和 JS 文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了 CDN 宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有 2M 了
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有 1M 的话,那么可能光下载这几个文件就要花费近 20 秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费 10G 存储空间,来搭建蘑菇的 CDN
  七牛云地址:
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个 CNAME 的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  新增解析记录
  
  选择类型为 CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建 cdn 文件夹,然后把刚刚的 static/cdn 文件都上传到 cdn 文件夹里
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成 即可,自建的蘑菇 cdn 大功告成~
  替换成蘑菇CDN
  最后重启,完美运行 prefect ~
  完美运行
  最后部署上线,通过 F12再看看每个 js 文件加载的速度,只用 20 ms 就加载完成一个,打开速度很快~
  最终加载速度
  好了,本期的蘑菇 CDN 改造就到这里了
  我是陌溪,我们下期再见~
  往期推荐
  博主就职于字节跳动商业化部门,一直在维护校招笔记仓库LearningNote「在Gitee上已有4.5kstar,仓库地址」,公众号上的文章也会在此同步更新,欢迎各位小伙伴一起交流学习,回复「PDF」获取PDF笔记。
  同时,想要丰富项目经验的小伙伴,可以参考我维护的开源微服务博客项目:蘑菇博客「Gitee官方推荐项目,博客类搜索排名第一,在Gitee已有4.1Kstar,仓库地址:」。
  本公众号申请较晚,暂时没有开通留言功能,欢迎小伙伴们添加我的私人微信coder_moxi【备注:加群】,我将邀请你加入到蘑菇博客交流群中,欢迎小伙伴们找陌溪一块聊天唠嗑,共同学习进步。最后,如果你觉得本文对你有所帮助,麻烦小伙伴们动动手指给文章点个「赞」和「在看」,非常感谢大家的支持。
  快来找陌溪唠嗑吧
  点个在看你最好看

手把手教你如何10分钟搭建一个音乐人官网

网站优化优采云 发表了文章 • 0 个评论 • 66 次浏览 • 2022-06-25 22:52 • 来自相关话题

  手把手教你如何10分钟搭建一个音乐人官网
  OG:
  作者 | 陈贤江
  新音乐产业观察创办人
  强调一下,这里所说的官网,都是具有独立域名的独立建站的独立运营的音乐人官方网站。
  总之是一个真正的网站。
  10分钟指的是搭建一个基本网站框架的时间(也就是毛坯房),不包括挑空间、买域名和备案的时间。
  第一部分:租用空间和购买域名
  话说,虽然搭建网站只需要10分钟,但,前戏漫漫……
  先说一下建站的基本原理:你在网上租用一块地盖房子!
  要盖房子,首先,你得有地!地从来哪来?租!
  现在都这个云那个云的,用哪个好?我先问你两个问题,需要备案吗?(通常不需要)有人帮你维护空间吗?(通常没有)
  那,还是挑那种不需要备案啥都给你准备好的空间吧。
  比如,我推荐一个,WOPUS,我的个人博客一直放在他家的香港主机上,稳定,而且服务态度也好。反正就是买了空间直接能用就对了!(人格担保,绝对没收钱!)
  不对,光有地还不行,还得有个地址,一块地对应一个地址,这就是所谓“域名”。
  注册域名很容易也很便宜,一年几十块钱。完了域名和地址绑定到一起,也就是所谓“解析”,boom,搞定!
  说着容易,其实也没那么简单,不然怎么说前戏漫漫……
  建站需要的前期准备
  所需时间:30分钟(不备案)
  第一步:租用空间
  ¥预算:200元人民币/年左右
  第二步:注册域名
  每个空间商的域名注册页面不一样,此处仅为参考(下同)
  域名注册是按年付费的。如果没什么经验,域名和空间在同一个地方买就行啦,转入转出都挺方便的。(也有奸商不方便的,反正WOPUS还行,如果在阿里云买,是一定要先备案的)
  *友情提示:国家现在对于域名的实名认证要求很严格,像WOPUS等小IDC是用的第三方域名商接口,实名不是很方便,建议购买之前先问清楚。
  这个价钱略高了,阿里云的一般域名通常40左右一年,但小空间商没那么多限制。
  至于域名怎么选,看自己喜欢。现在浏览器越来越智能,域名长短胖瘦没太大影响,自己喜欢就好。
  ¥预算:45-65元/年
  第三步:网址解析
  空间√,域名√,接下来就是解析了。就是把网址和空间的IP地址绑定,每一个空间商解析的方式大同小异,按照空间商给的说明改就成,很简单。
  添加两个记录(参见红框),填入所购买主机的IP地址
  第四步:新建一个站点
  登录进入空间管理面板,进入“网站管理”,点击新建一个站点。
  建好后,你进入网站的文件目录,找到/domains文件夹,如果看到有网站的文件夹说明大功告成!
  每一个空间商的管理面板不一样,本文示例图片用的都是WOPUS的DA面板,因为简洁明了,容易看明白。正规军的管理面板,我用过的阿里云、西部数码和新网,都相对比较复杂,但也都是可视化操作,入门基本无障碍。
  最后再说一遍,以上内容仅供参考,因为各家情况不太一样。
  第二部分:建站
  
  正式开始建站之前,请确保你已经按照第一部分说的完成了以下步奏
  租用空间 √
  域名注册√
  域名解析√
  空间根目录下domains文件夹里已经建好好网站的文件夹√
  然后,开始建站,掐好表,超过十分钟陪睡!
  第一步:下载建站工具wordpress
  wordpress是目前全球使用最广泛的建站程序,够用啦!
  下载地址:
  上面有最新版的压缩包,下载下来,存着。
  第二步:清空你的网站.com文件夹里所有的文件
  第三步:把下载好的wordpress压缩包解压缩
  把解压缩后得到的文件上传到你的网站.com文件夹里。(也可以直接上传压缩包,然后在空间管理后台解压缩,但是注意文件要解压缩到你的网站.com文件夹里,完事把压缩包删了)
  第四步:安装wordpress
  在地址栏里输入:你的网站.com/wp-admin/install.php
  正常情况下会跳出这样一个页面
  这时候后,你需要先到空间管理后台,进入“MySQL数据库管理”,建立新数据库、数据库用户名和密码。
  上一步完成后,点击“现在就开始!”,出现下图的页面,把新建的数据库、用户和密码填入下图红框处
  填完确认,进入下面的页面,按照求填写。(都可以改,没想好就先随便填着)
  填完点击“安装Wordpress”,几秒钟后如果跳出下面的界面,就是安装成功!
  然后用之前填好的用户名和密码登陆,就进入到wordpress管理后台了。
  第五步:安装主题和插件
  下图就是默认的网站样式,是不是很丑?没关系,都可以改!
  要让wordpress搭建网站酷炫起来,主要靠更换主题和安装插件。
  wordpress更换主题很方便。
  主题管理在外观里,插件在外观下。跟安装主题一样,点击安装插件,可以搜索平台提供的插件,也可以上传自己电脑里的插件。
  以下是我认为需要安装的基本插件。
  Wordpress需要的基本插件
  1.安全插件
  Akismet(反垃圾邮件)
  Wordfence Security(综合安全)
  2.加速插件
  QQWorld Speed for China
  *因为wordpress使用的某些海外服务被墙了,用加速插件可以停掉或换成国内的服务,加快系统反应速度 查看全部

  手把手教你如何10分钟搭建一个音乐人官网
  OG:
  作者 | 陈贤江
  新音乐产业观察创办人
  强调一下,这里所说的官网,都是具有独立域名的独立建站的独立运营的音乐人官方网站。
  总之是一个真正的网站。
  10分钟指的是搭建一个基本网站框架的时间(也就是毛坯房),不包括挑空间、买域名和备案的时间。
  第一部分:租用空间和购买域名
  话说,虽然搭建网站只需要10分钟,但,前戏漫漫……
  先说一下建站的基本原理:你在网上租用一块地盖房子!
  要盖房子,首先,你得有地!地从来哪来?租!
  现在都这个云那个云的,用哪个好?我先问你两个问题,需要备案吗?(通常不需要)有人帮你维护空间吗?(通常没有)
  那,还是挑那种不需要备案啥都给你准备好的空间吧。
  比如,我推荐一个,WOPUS,我的个人博客一直放在他家的香港主机上,稳定,而且服务态度也好。反正就是买了空间直接能用就对了!(人格担保,绝对没收钱!)
  不对,光有地还不行,还得有个地址,一块地对应一个地址,这就是所谓“域名”。
  注册域名很容易也很便宜,一年几十块钱。完了域名和地址绑定到一起,也就是所谓“解析”,boom,搞定!
  说着容易,其实也没那么简单,不然怎么说前戏漫漫……
  建站需要的前期准备
  所需时间:30分钟(不备案)
  第一步:租用空间
  ¥预算:200元人民币/年左右
  第二步:注册域名
  每个空间商的域名注册页面不一样,此处仅为参考(下同)
  域名注册是按年付费的。如果没什么经验,域名和空间在同一个地方买就行啦,转入转出都挺方便的。(也有奸商不方便的,反正WOPUS还行,如果在阿里云买,是一定要先备案的)
  *友情提示:国家现在对于域名的实名认证要求很严格,像WOPUS等小IDC是用的第三方域名商接口,实名不是很方便,建议购买之前先问清楚。
  这个价钱略高了,阿里云的一般域名通常40左右一年,但小空间商没那么多限制。
  至于域名怎么选,看自己喜欢。现在浏览器越来越智能,域名长短胖瘦没太大影响,自己喜欢就好。
  ¥预算:45-65元/年
  第三步:网址解析
  空间√,域名√,接下来就是解析了。就是把网址和空间的IP地址绑定,每一个空间商解析的方式大同小异,按照空间商给的说明改就成,很简单。
  添加两个记录(参见红框),填入所购买主机的IP地址
  第四步:新建一个站点
  登录进入空间管理面板,进入“网站管理”,点击新建一个站点。
  建好后,你进入网站的文件目录,找到/domains文件夹,如果看到有网站的文件夹说明大功告成!
  每一个空间商的管理面板不一样,本文示例图片用的都是WOPUS的DA面板,因为简洁明了,容易看明白。正规军的管理面板,我用过的阿里云、西部数码和新网,都相对比较复杂,但也都是可视化操作,入门基本无障碍。
  最后再说一遍,以上内容仅供参考,因为各家情况不太一样。
  第二部分:建站
  
  正式开始建站之前,请确保你已经按照第一部分说的完成了以下步奏
  租用空间 √
  域名注册√
  域名解析√
  空间根目录下domains文件夹里已经建好好网站的文件夹√
  然后,开始建站,掐好表,超过十分钟陪睡!
  第一步:下载建站工具wordpress
  wordpress是目前全球使用最广泛的建站程序,够用啦!
  下载地址:
  上面有最新版的压缩包,下载下来,存着。
  第二步:清空你的网站.com文件夹里所有的文件
  第三步:把下载好的wordpress压缩包解压缩
  把解压缩后得到的文件上传到你的网站.com文件夹里。(也可以直接上传压缩包,然后在空间管理后台解压缩,但是注意文件要解压缩到你的网站.com文件夹里,完事把压缩包删了)
  第四步:安装wordpress
  在地址栏里输入:你的网站.com/wp-admin/install.php
  正常情况下会跳出这样一个页面
  这时候后,你需要先到空间管理后台,进入“MySQL数据库管理”,建立新数据库、数据库用户名和密码。
  上一步完成后,点击“现在就开始!”,出现下图的页面,把新建的数据库、用户和密码填入下图红框处
  填完确认,进入下面的页面,按照求填写。(都可以改,没想好就先随便填着)
  填完点击“安装Wordpress”,几秒钟后如果跳出下面的界面,就是安装成功!
  然后用之前填好的用户名和密码登陆,就进入到wordpress管理后台了。
  第五步:安装主题和插件
  下图就是默认的网站样式,是不是很丑?没关系,都可以改!
  要让wordpress搭建网站酷炫起来,主要靠更换主题和安装插件。
  wordpress更换主题很方便。
  主题管理在外观里,插件在外观下。跟安装主题一样,点击安装插件,可以搜索平台提供的插件,也可以上传自己电脑里的插件。
  以下是我认为需要安装的基本插件。
  Wordpress需要的基本插件
  1.安全插件
  Akismet(反垃圾邮件)
  Wordfence Security(综合安全)
  2.加速插件
  QQWorld Speed for China
  *因为wordpress使用的某些海外服务被墙了,用加速插件可以停掉或换成国内的服务,加快系统反应速度

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 61 次浏览 • 2022-06-25 05:48 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

人人都是 Serverless 架构师 | 现代化 Web 应用开发实战

网站优化优采云 发表了文章 • 0 个评论 • 62 次浏览 • 2022-06-23 14:05 • 来自相关话题

  人人都是 Serverless 架构师 | 现代化 Web 应用开发实战
  相信很多同学都有过想要拥有自己的 Web 站点的想法,但是如果想要搭建动态的站点,需要采购云主机,买带宽并且自己搭建环境,部署运维,整体下来成本会非常高。若如果只是搞静态的站点的话,方式很多也很便宜,但是整体功能性就会比较弱,且收益效果也会差很多。
  下面我们就使用 Serverless Devs 为大家实操演示一下如何构建 Serverless 架构的现代化 Web 动态站点。
  01
  构建现代化 Web 动态站点
  Cloud Native
  1架构一览
  首先为大家介绍一下本次 Web 应用的架构图:
  我们采用阿里云网关作为主流量入口,然后将动态请求转发给阿里云函数计算,静态文件则交给阿里云对象存储 OSS来处理。并在网关上做一系列的安全处理措施,如限流等。
  2准备工作
  如上图所示,我们需要提前开通几款阿里云的产品(相关网址汇总在文末):
  然后准备一个自己喜欢的域名,可以去万网申请一个,最便宜的只有几块钱,笔者申请的域名仅 48 块/年。此外本次部署将选择香港 region, 域名需要实名认证,建议提前进行备案。
  (另外说一下 DNS 的域名解析是要花钱的,个人版的话第一个域名大约 40.8块/年,此外每增加一个需额外另加 20 块钱左右。)
  
  安装好 Serverless Devs 开发者工具npm install -g @serverless-devs/s
  3操作步骤
  1)秘钥配置
  对于新手而言,使用 Serverless Devs 的第一步就是将相关云厂商的秘钥信息配置好,这样才能够进行相关的构建部署操作。只需要打开电脑的终端,然后输入s config add,即可进入引导式操作 。
  
  (PS:打开文末「密钥获取文档」链接可查看更详细的阿里云秘钥教程 )
  2)应用初始化
  秘钥配置好,为了更便捷地检索相关应用模板,我们可以登录 Serverless Devs 应用中心, 搜索 "modern-web-application",然后根据下图所示操作即可。
  
  3)构建部署
  初始化之后可以选择对项目进行配置修改,比如更改网关的分组名:
  
  函数计算的服务名或者函数名:
  
  改好之后直接输入 s deploy 即可,此处大约会有一个 1 分钟不到的部署构建时间:‍
  最终返回结果如下:
  4)访问查看
  当我们部署好之后,我们可以查看一下网关,OSS,函数计算,以及 DNS 是否已经部署完成我们所需要的内容。
  
  
  
  此时我们可以尝试访问一下 ,发现访问不通:
  原因有以下两种可能性:
  1. gateway 的域名没有绑定成功,此时我们可以查看:
  
  2. 那么有可能就是 OSS 的域名未绑定成功,我们可以通过 OSS 控制台查看:
  
  这里我们点击域名绑定,将上述域名输入绑定,完成后再次访问域名,可以看到:
  Serverless Devs 应用中心的部署效果
  5)站点安全
  我们部署的站点还不是 https 的,所以需要把它变成 https 的站点以增加其安全性。
  我们可以在阿里云 SSL 上申请免费的证书,然后绑定到域名上,具体操作如下:
  
  之后进入 SSL 控制台 选择 “SSL证书-免费证书”,点击“创建证书”。
  
  此时会生成一列待申请证书的数据:
  
  点击右侧的“证书申请”将你的信息和域名填写上去,然后进行验证,通过后“提交审核”:
  
  接下来回到 apigateway 控制台,域名绑定部分选择“证书”,可以看到已经创建好的域名:
  同步后稍等片刻,访问 即可看到效果:
  至此你已经拥有了一个加密的 Web 站点。
  加密之后还需要考虑一个问题,比如这次我把站点做成 demo,可能会面临很多人的访问,甚至被攻击;那么我应该如何进行限制流量过多产生的高昂费用呢?有了网关之后,限流的问题就变得简单了。
  我们登入到网关的控制台:
  选择插件管理;点击经典网络实例插件-流量控制;并创建策略;
  
  然后设置 1 分钟最多可访问 5 次:
  
  创建好策略之后就是绑定 API,具体操作如下图所示:
  设定好策略后、绑定好访问首页的 API 后,我们进行一下测试。访问域名,然后刷新 5 次,第 6 次的时候会发现网站无法访问:
  至此说明你的网站已经成功限流了。
  关于更多 Serverless 安全的问题比如 auther 认证、vpc 访问、多环境部署等问题,可以在后面跟大家再一起探讨,由于篇幅有限遂不在本文中展开讲解了,大家如果感兴趣可以在评论区留言。
  6)站点可观测
  站点上线后不可避免的会需要一些可观测的能力,比如 PV, UV,API 异常等等。相关的产品有很多,比如百度的统计,Google 的统计等。这里可以给大家推荐使用 ARMS 的前端监控, 除了通用的指标监控,你还可以通过它自定义上报一些关键信息,如统计分享按钮点击数,上传 sourceMap 定位问题等。
  02
  Serverless 应用架构拆解
  Cloud Native
  1整体目录结构说明
  
  这个 Serverless 架构的工程主要包含 3 个部分:
  你可以自由选择后端 API 服务的架构,以及前端开发框架,完全不会影响整体效果。值得一提的是,这里使用的 API 框架是 Serverless Devs 提供的 Serverless first 的开发框架,针对冷启动做了一些优化,你可以采用熟悉框架的开发语法糖,比如这里是采用 koa 式的语法糖,你也可以选择 express 的,具体细节可以访问官方库去查看,非常适合中小型 Web 项目开发。
  2网关说明
  其实这个 Web 应用架构核心的部分是在网关,通过网关实现了动静态分流。域名及证书绑定,也是通过网关做各种限流和安全验证。为了更好的使用网关我们开发了 apigateway 的组件,它是基于官方的 sdk 量身定制的 API 发布服务。它是完全开源开放的,你可以根据需要自己去定制更多的网关路由部署流程,比如加入多环境的设置等,这里我对配置做了一些简化,让开发者关注于路由和目标服务,相比自己一个一个去配置 API 要节省很多时间。
  不过目前看依然比较复杂,关于这部分计划会通过 Serverless Desktop 可视化配置解决,大家也可以给我们 Devs 官方提更多的 issue,一起把网关组件完善起来。
  
  3关于资费的真实说明
  其实一开始我们就提到了 Serverless 架构的 Web 站点费用其实很低,如果排除使用数据库的情况下,你只需要申请一个域名,可能几块钱就行,后面会完全按流量计费。对个人或者新创企业的站点而言,无疑是个巨大的利好,这里可以给大家分享一下我的个人账单。
  
  可以看到费用确实低廉,当然这是在你应用比较小的情况下,不代表企业级生产的情况。如果你的项目一旦爆发,流量、资费上来之后,你就更能真实感受到 Serverless 架构的优势了。
  4关于数据库
  本篇文章的应用模板仅是做服务转发,所以还没有涉及数据库,想必大家也会非常关心数据库的使用,所以在接下来的系列篇章中我会重点先从 Tablestore 表格存储 这个 Serverless 的 Nosql 介绍开始,后面也会跟大家逐步介绍 Mysql,mongodb 的使用情况。
  虽然使用数据库在 Serverless 架构中依然存在诸多问题,比如数据库连接会增加冷启动时间、数据库前成本依旧高昂,不过大家不必担心,相信随着 Serverless 架构的广泛落地,这些问题一定会迎刃而解的。
  03
  什么是现代化应用
  Cloud Native
  文章标题提到了"现代化应用"的概念,在这里也跟大家解释一下,什么是 "Modern Application"。其实现代化应用这个概念已经被越来越被广泛的认可了。不管是阿里云,华为云,AWS 都在推广现代化应用的理念。这里引用一段 AWS 对 Modern Application 的概念解释:
  A modern application is the combination of modern technologies, architectures, software delivery practices, and operational processes that lead teams to deliver value more quickly, frequently, consistently, and safely. These applications typically take advantage of loosely coupled, distributed technologies and focus on event-driven, serverless components that allow teams to offload undifferentiated heavy lifting in order to spend more time on delivering value for their customers. A modern application also takes advantage of operational and security tooling to increase the reliability and consistency of deployments, while making it safe to deploy many times a day. The use of automation of infrastructure, security, and deployments allows the teams that own modern applications to move more quickly than if they were relying on manual processes or more significant operational management.
  简单概述就是,现代化应用是现代技术、体系结构、软件交付实践和操作流程的组合,可以引导团队更快、更频繁、更一致、更安全地交付价值,像 Serverless 以及事件驱动的架构这些都输于现代化应用的范畴。
  本篇文章也客观展示了这种架构的价值所在,包括超低成本,安全,可扩展等,不过依然是那句话软件工程没有银弹,Modern Application 也依然存在很多问题需要去解决, 需要大家一起去实践验证。总之我相信唯有经过实践检验才能真正得到我们想要的答案。
  04
  相关链接
  Cloud Native
  1)Serverless Devs:
  2)云解析 DNS:
  3)API 网关:
  4)函数计算:
  5)对象存储 OSS:
  6)万网:
  7)密钥获取文档:
  8)Serverless Hub:#/hubs/special-view
  9)选购 SSL 证书:
  10)应用实时监控服务 ARMS:
  11)官方库:
  12)apigateway 组件:
  13)Tablestore 表格存储:
  作者介绍:
  
  王庆(寒斜)|阿里云云原生中间件前端负责人
  2016 年加入阿里中间件从事云产品企业控制台研发工作,负责中间件 20 多款云产品前端研发工作,主要技术栈为大前端通用技术,目前专注在 Serverless 开发者工具链的建设,是云原生 Serverless Devs 研发负责人之一。
  
  戳原文,立即跳转Serverless Devs~ 查看全部

  人人都是 Serverless 架构师 | 现代化 Web 应用开发实战
  相信很多同学都有过想要拥有自己的 Web 站点的想法,但是如果想要搭建动态的站点,需要采购云主机,买带宽并且自己搭建环境,部署运维,整体下来成本会非常高。若如果只是搞静态的站点的话,方式很多也很便宜,但是整体功能性就会比较弱,且收益效果也会差很多。
  下面我们就使用 Serverless Devs 为大家实操演示一下如何构建 Serverless 架构的现代化 Web 动态站点。
  01
  构建现代化 Web 动态站点
  Cloud Native
  1架构一览
  首先为大家介绍一下本次 Web 应用的架构图:
  我们采用阿里云网关作为主流量入口,然后将动态请求转发给阿里云函数计算,静态文件则交给阿里云对象存储 OSS来处理。并在网关上做一系列的安全处理措施,如限流等。
  2准备工作
  如上图所示,我们需要提前开通几款阿里云的产品(相关网址汇总在文末):
  然后准备一个自己喜欢的域名,可以去万网申请一个,最便宜的只有几块钱,笔者申请的域名仅 48 块/年。此外本次部署将选择香港 region, 域名需要实名认证,建议提前进行备案。
  (另外说一下 DNS 的域名解析是要花钱的,个人版的话第一个域名大约 40.8块/年,此外每增加一个需额外另加 20 块钱左右。)
  
  安装好 Serverless Devs 开发者工具npm install -g @serverless-devs/s
  3操作步骤
  1)秘钥配置
  对于新手而言,使用 Serverless Devs 的第一步就是将相关云厂商的秘钥信息配置好,这样才能够进行相关的构建部署操作。只需要打开电脑的终端,然后输入s config add,即可进入引导式操作 。
  
  (PS:打开文末「密钥获取文档」链接可查看更详细的阿里云秘钥教程 )
  2)应用初始化
  秘钥配置好,为了更便捷地检索相关应用模板,我们可以登录 Serverless Devs 应用中心, 搜索 "modern-web-application",然后根据下图所示操作即可。
  
  3)构建部署
  初始化之后可以选择对项目进行配置修改,比如更改网关的分组名:
  
  函数计算的服务名或者函数名:
  
  改好之后直接输入 s deploy 即可,此处大约会有一个 1 分钟不到的部署构建时间:‍
  最终返回结果如下:
  4)访问查看
  当我们部署好之后,我们可以查看一下网关,OSS,函数计算,以及 DNS 是否已经部署完成我们所需要的内容。
  
  
  
  此时我们可以尝试访问一下 ,发现访问不通:
  原因有以下两种可能性:
  1. gateway 的域名没有绑定成功,此时我们可以查看:
  
  2. 那么有可能就是 OSS 的域名未绑定成功,我们可以通过 OSS 控制台查看:
  
  这里我们点击域名绑定,将上述域名输入绑定,完成后再次访问域名,可以看到:
  Serverless Devs 应用中心的部署效果
  5)站点安全
  我们部署的站点还不是 https 的,所以需要把它变成 https 的站点以增加其安全性。
  我们可以在阿里云 SSL 上申请免费的证书,然后绑定到域名上,具体操作如下:
  
  之后进入 SSL 控制台 选择 “SSL证书-免费证书”,点击“创建证书”。
  
  此时会生成一列待申请证书的数据:
  
  点击右侧的“证书申请”将你的信息和域名填写上去,然后进行验证,通过后“提交审核”:
  
  接下来回到 apigateway 控制台,域名绑定部分选择“证书”,可以看到已经创建好的域名:
  同步后稍等片刻,访问 即可看到效果:
  至此你已经拥有了一个加密的 Web 站点。
  加密之后还需要考虑一个问题,比如这次我把站点做成 demo,可能会面临很多人的访问,甚至被攻击;那么我应该如何进行限制流量过多产生的高昂费用呢?有了网关之后,限流的问题就变得简单了。
  我们登入到网关的控制台:
  选择插件管理;点击经典网络实例插件-流量控制;并创建策略;
  
  然后设置 1 分钟最多可访问 5 次:
  
  创建好策略之后就是绑定 API,具体操作如下图所示:
  设定好策略后、绑定好访问首页的 API 后,我们进行一下测试。访问域名,然后刷新 5 次,第 6 次的时候会发现网站无法访问:
  至此说明你的网站已经成功限流了。
  关于更多 Serverless 安全的问题比如 auther 认证、vpc 访问、多环境部署等问题,可以在后面跟大家再一起探讨,由于篇幅有限遂不在本文中展开讲解了,大家如果感兴趣可以在评论区留言。
  6)站点可观测
  站点上线后不可避免的会需要一些可观测的能力,比如 PV, UV,API 异常等等。相关的产品有很多,比如百度的统计,Google 的统计等。这里可以给大家推荐使用 ARMS 的前端监控, 除了通用的指标监控,你还可以通过它自定义上报一些关键信息,如统计分享按钮点击数,上传 sourceMap 定位问题等。
  02
  Serverless 应用架构拆解
  Cloud Native
  1整体目录结构说明
  
  这个 Serverless 架构的工程主要包含 3 个部分:
  你可以自由选择后端 API 服务的架构,以及前端开发框架,完全不会影响整体效果。值得一提的是,这里使用的 API 框架是 Serverless Devs 提供的 Serverless first 的开发框架,针对冷启动做了一些优化,你可以采用熟悉框架的开发语法糖,比如这里是采用 koa 式的语法糖,你也可以选择 express 的,具体细节可以访问官方库去查看,非常适合中小型 Web 项目开发。
  2网关说明
  其实这个 Web 应用架构核心的部分是在网关,通过网关实现了动静态分流。域名及证书绑定,也是通过网关做各种限流和安全验证。为了更好的使用网关我们开发了 apigateway 的组件,它是基于官方的 sdk 量身定制的 API 发布服务。它是完全开源开放的,你可以根据需要自己去定制更多的网关路由部署流程,比如加入多环境的设置等,这里我对配置做了一些简化,让开发者关注于路由和目标服务,相比自己一个一个去配置 API 要节省很多时间。
  不过目前看依然比较复杂,关于这部分计划会通过 Serverless Desktop 可视化配置解决,大家也可以给我们 Devs 官方提更多的 issue,一起把网关组件完善起来。
  
  3关于资费的真实说明
  其实一开始我们就提到了 Serverless 架构的 Web 站点费用其实很低,如果排除使用数据库的情况下,你只需要申请一个域名,可能几块钱就行,后面会完全按流量计费。对个人或者新创企业的站点而言,无疑是个巨大的利好,这里可以给大家分享一下我的个人账单。
  
  可以看到费用确实低廉,当然这是在你应用比较小的情况下,不代表企业级生产的情况。如果你的项目一旦爆发,流量、资费上来之后,你就更能真实感受到 Serverless 架构的优势了。
  4关于数据库
  本篇文章的应用模板仅是做服务转发,所以还没有涉及数据库,想必大家也会非常关心数据库的使用,所以在接下来的系列篇章中我会重点先从 Tablestore 表格存储 这个 Serverless 的 Nosql 介绍开始,后面也会跟大家逐步介绍 Mysql,mongodb 的使用情况。
  虽然使用数据库在 Serverless 架构中依然存在诸多问题,比如数据库连接会增加冷启动时间、数据库前成本依旧高昂,不过大家不必担心,相信随着 Serverless 架构的广泛落地,这些问题一定会迎刃而解的。
  03
  什么是现代化应用
  Cloud Native
  文章标题提到了"现代化应用"的概念,在这里也跟大家解释一下,什么是 "Modern Application"。其实现代化应用这个概念已经被越来越被广泛的认可了。不管是阿里云,华为云,AWS 都在推广现代化应用的理念。这里引用一段 AWS 对 Modern Application 的概念解释:
  A modern application is the combination of modern technologies, architectures, software delivery practices, and operational processes that lead teams to deliver value more quickly, frequently, consistently, and safely. These applications typically take advantage of loosely coupled, distributed technologies and focus on event-driven, serverless components that allow teams to offload undifferentiated heavy lifting in order to spend more time on delivering value for their customers. A modern application also takes advantage of operational and security tooling to increase the reliability and consistency of deployments, while making it safe to deploy many times a day. The use of automation of infrastructure, security, and deployments allows the teams that own modern applications to move more quickly than if they were relying on manual processes or more significant operational management.
  简单概述就是,现代化应用是现代技术、体系结构、软件交付实践和操作流程的组合,可以引导团队更快、更频繁、更一致、更安全地交付价值,像 Serverless 以及事件驱动的架构这些都输于现代化应用的范畴。
  本篇文章也客观展示了这种架构的价值所在,包括超低成本,安全,可扩展等,不过依然是那句话软件工程没有银弹,Modern Application 也依然存在很多问题需要去解决, 需要大家一起去实践验证。总之我相信唯有经过实践检验才能真正得到我们想要的答案。
  04
  相关链接
  Cloud Native
  1)Serverless Devs:
  2)云解析 DNS:
  3)API 网关:
  4)函数计算:
  5)对象存储 OSS:
  6)万网:
  7)密钥获取文档:
  8)Serverless Hub:#/hubs/special-view
  9)选购 SSL 证书:
  10)应用实时监控服务 ARMS:
  11)官方库:
  12)apigateway 组件:
  13)Tablestore 表格存储:
  作者介绍:
  
  王庆(寒斜)|阿里云云原生中间件前端负责人
  2016 年加入阿里中间件从事云产品企业控制台研发工作,负责中间件 20 多款云产品前端研发工作,主要技术栈为大前端通用技术,目前专注在 Serverless 开发者工具链的建设,是云原生 Serverless Devs 研发负责人之一。
  
  戳原文,立即跳转Serverless Devs~

个人域名备案完成了,可以改网站内容吗?可以。

网站优化优采云 发表了文章 • 0 个评论 • 241 次浏览 • 2022-06-23 00:01 • 来自相关话题

  个人域名备案完成了,可以改网站内容吗?可以。
  个人域名备案完成了,可以改网站内容吗?可以。可以改的内容叫工信部备案内容,这些备案内容就是工信部的备案要求,发布的原创文章就可以备案。关于备案审核,一般认定有违规,但不扣分的内容。
  理论上是可以改的,现在各种要求基本上是个人都知道。我不知道工信部又没有备案,不过,据说好像有一次改的不错,工信部让备案的内容合规了,才开始合规备案。
  必须有个被采纳的网站,然后要求工信部合规备案,
  个人域名备案好像可以改,我就改了,
  可以改,
  一点问题没有。要求是原创内容,被采纳的网站,一个人就可以,个人是没问题的。我给大家说个事实,省的觉得虚,河南近年来政府搞微电影真的很猛,从2016年上半年,他们搞上星电影节的时候,动用全省半个电视台和省级广电部门,最终并没有如愿以偿。从2017年5月23日开始河南省就全面开放微电影的管制。这才两年时间,行情没有变化,证件依然充足。政府干什么都是会想办法搞好。
  无论是个人还是企业域名,都可以备案。我这边有同学已经修改文章,网站备案正常。个人上网改,可能会有一点流程,企业也是一样的,域名备案依然要先在网站申请,编辑认证才可以更改文章,且没有违规问题的网站,才能正常备案。现在我们准备打包资料给在常州的同学申请使用在常州的备案。转载自亿网云旗下公众号亿网云新闻信息科技——全国首家移动互联网创业服务提供商。 查看全部

  个人域名备案完成了,可以改网站内容吗?可以。
  个人域名备案完成了,可以改网站内容吗?可以。可以改的内容叫工信部备案内容,这些备案内容就是工信部的备案要求,发布的原创文章就可以备案。关于备案审核,一般认定有违规,但不扣分的内容。
  理论上是可以改的,现在各种要求基本上是个人都知道。我不知道工信部又没有备案,不过,据说好像有一次改的不错,工信部让备案的内容合规了,才开始合规备案。
  必须有个被采纳的网站,然后要求工信部合规备案,
  个人域名备案好像可以改,我就改了,
  可以改,
  一点问题没有。要求是原创内容,被采纳的网站,一个人就可以,个人是没问题的。我给大家说个事实,省的觉得虚,河南近年来政府搞微电影真的很猛,从2016年上半年,他们搞上星电影节的时候,动用全省半个电视台和省级广电部门,最终并没有如愿以偿。从2017年5月23日开始河南省就全面开放微电影的管制。这才两年时间,行情没有变化,证件依然充足。政府干什么都是会想办法搞好。
  无论是个人还是企业域名,都可以备案。我这边有同学已经修改文章,网站备案正常。个人上网改,可能会有一点流程,企业也是一样的,域名备案依然要先在网站申请,编辑认证才可以更改文章,且没有违规问题的网站,才能正常备案。现在我们准备打包资料给在常州的同学申请使用在常州的备案。转载自亿网云旗下公众号亿网云新闻信息科技——全国首家移动互联网创业服务提供商。

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 68 次浏览 • 2022-06-22 20:54 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

品牌三部曲:品牌域名的注册、官网的搭建、品牌邮箱的建立

网站优化优采云 发表了文章 • 0 个评论 • 72 次浏览 • 2022-06-21 19:46 • 来自相关话题

  品牌三部曲:品牌域名的注册、官网的搭建、品牌邮箱的建立
  做亚马逊建立品牌官网,可以让客户更加深入地了解我们的品牌。此外,在遇到售后问题时,可以让客户通过官网直接联系到我们,而不是投诉到亚马逊或者直接留中差Review;同时也可以积累客户邮箱,后期可以跟客户通过邮件沟通我们想要做的事情。
  
  品牌域名的注册
  注册域名渠道
  国内或者翻墙去国外出售域名的网站购买皆可(国内购买注册域名需要备案,国外则不需要)。购买途径:阿里云:Godaddy:Shopyy:
  
  注册域名需要注意的问题
  1. 域名的所有者最好和品牌持有者相同;2. 以品牌作为域名,很多卖家通过品牌官网塑造品牌,从而提升产品的客单价,如,就是以品牌作为域名;3. 越简短越好,因为越短的单词,越方便记忆;4. 不要用数字或符号作为域名,除非这些数字对你的产品有什么特殊的意义。
  
  有了品牌域名以后,就可以去注册申请改域名的网站。
  官网的搭建
  购买网站空间
  除了域名,网站还需要空间存放网站程序和数据库才能正常运行。网站空间有虚拟主机、vps、云主机等类型,根据需要购买网站空间。
  
  域名解析、绑定域名
  域名、网站空间都准备好之后,就需要把域名解析、绑定到服务器网站空间上。
  域名解析就是需要我们手动把域名地址和IP地址的对应关系写到DNS服务器上,这样别人访问域名地址的时候就可以在DNS查询到对应的IP地址。
  查看解析是否生效有一个简单的办法,就是ping一下域名,看有没有显示出你所解析的IP,如果有,就说明解析是生效的;如果没有,就说明解析是不生效的。
  
  上传网站程序
  在上面的步骤完成之后我们就可以上传网站程序了。网站程序很多,有付费的也有开源的,新手一般用开源的即可,比如wordpress、discuz等。如果嫌麻烦,可以选择成品网站,一键就可以生成自己的网站,很方便。
  
  编辑网站
  如果仅仅是亚马逊使用,证明产品的品牌所有者信息,那么该网站只要能够展现品牌的元素,所有者信息,产品信息和亚马逊上一致,展示产品的UPC或者model number等关键值,纯展示型网站即可,不需要拥有购买功能的基础版网站就可以。
  链接好域名,编辑好内容,我们的品牌官网的初步建立就真正意义上完成了。
  品牌邮箱的建立
  注册或者购买一个品牌域名后缀结尾的企业邮箱,需要对邮箱进行域名解析,成功后才能正常收发邮件。
  
  这里以腾讯邮箱为例大概介绍一下怎么进行域名解析。
  注册好企业账号后,进入域名管理,填写域名进行绑定,然后根据指引进行邮箱解析,解析完域名之后就可以使用了。
  
  注册品牌邮箱既便于和国外消费者建立联系,随时进行沟通,又可增加自身品牌的可信度,让国外消费者可以放心购买;同时,用品牌域名后缀结尾的企业邮箱在一定程度上也是对自己品牌的一种宣传,提高品牌的影响力。
  图片来源于网络
  
  往期文章精选 查看全部

  品牌三部曲:品牌域名的注册、官网的搭建、品牌邮箱的建立
  做亚马逊建立品牌官网,可以让客户更加深入地了解我们的品牌。此外,在遇到售后问题时,可以让客户通过官网直接联系到我们,而不是投诉到亚马逊或者直接留中差Review;同时也可以积累客户邮箱,后期可以跟客户通过邮件沟通我们想要做的事情。
  
  品牌域名的注册
  注册域名渠道
  国内或者翻墙去国外出售域名的网站购买皆可(国内购买注册域名需要备案,国外则不需要)。购买途径:阿里云:Godaddy:Shopyy:
  
  注册域名需要注意的问题
  1. 域名的所有者最好和品牌持有者相同;2. 以品牌作为域名,很多卖家通过品牌官网塑造品牌,从而提升产品的客单价,如,就是以品牌作为域名;3. 越简短越好,因为越短的单词,越方便记忆;4. 不要用数字或符号作为域名,除非这些数字对你的产品有什么特殊的意义。
  
  有了品牌域名以后,就可以去注册申请改域名的网站。
  官网的搭建
  购买网站空间
  除了域名,网站还需要空间存放网站程序和数据库才能正常运行。网站空间有虚拟主机、vps、云主机等类型,根据需要购买网站空间。
  
  域名解析、绑定域名
  域名、网站空间都准备好之后,就需要把域名解析、绑定到服务器网站空间上。
  域名解析就是需要我们手动把域名地址和IP地址的对应关系写到DNS服务器上,这样别人访问域名地址的时候就可以在DNS查询到对应的IP地址。
  查看解析是否生效有一个简单的办法,就是ping一下域名,看有没有显示出你所解析的IP,如果有,就说明解析是生效的;如果没有,就说明解析是不生效的。
  
  上传网站程序
  在上面的步骤完成之后我们就可以上传网站程序了。网站程序很多,有付费的也有开源的,新手一般用开源的即可,比如wordpress、discuz等。如果嫌麻烦,可以选择成品网站,一键就可以生成自己的网站,很方便。
  
  编辑网站
  如果仅仅是亚马逊使用,证明产品的品牌所有者信息,那么该网站只要能够展现品牌的元素,所有者信息,产品信息和亚马逊上一致,展示产品的UPC或者model number等关键值,纯展示型网站即可,不需要拥有购买功能的基础版网站就可以。
  链接好域名,编辑好内容,我们的品牌官网的初步建立就真正意义上完成了。
  品牌邮箱的建立
  注册或者购买一个品牌域名后缀结尾的企业邮箱,需要对邮箱进行域名解析,成功后才能正常收发邮件。
  
  这里以腾讯邮箱为例大概介绍一下怎么进行域名解析。
  注册好企业账号后,进入域名管理,填写域名进行绑定,然后根据指引进行邮箱解析,解析完域名之后就可以使用了。
  
  注册品牌邮箱既便于和国外消费者建立联系,随时进行沟通,又可增加自身品牌的可信度,让国外消费者可以放心购买;同时,用品牌域名后缀结尾的企业邮箱在一定程度上也是对自己品牌的一种宣传,提高品牌的影响力。
  图片来源于网络
  
  往期文章精选

网站打开超30秒,我被群友喷惨了

网站优化优采云 发表了文章 • 0 个评论 • 144 次浏览 • 2022-06-20 23:55 • 来自相关话题

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~ 查看全部

  网站打开超30秒,我被群友喷惨了
  回复"面试笔记"【点击】获取小龙秋招面试笔记,已助力 N 名同学斩获offer~,速来。
  《》系列目前已经连载18篇了,据说看了这个系列的朋友都拿到了大厂offer~()
  大家好,我是小龙。
  在大厂面试中,关于实际项目网站的优化可能也是经常被问。为了结合具体实际案例进行讲解,分享蘑菇博客网站访问过慢是怎样处理的?
  最近,BootCDN可谓是问题多多,这不这两天加载CSS、JS文件就需要花费20秒
  直接导致蘑菇打开缓慢,导致群友无法愉快的进行网上冲浪,疯狂在蘑菇圈进行吐槽~
  
  蘑菇圈炸锅了
  目前想到了两种解决方法
  本地CDN
  虽然上次已经对CDN进行了一些改造,不过改的不彻底,这次打算把所有的CSS和JS都拉到本地
  BootCDN
  首先,分别找出index.html下的CDN域名
  https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.jsdelivr.net/npm/v ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />https://cdn.bootcdn.net/ajax/l ... %3Bbr />...<br />
  然后在浏览器中打开,复制其内容
  
  打开浏览器复制内容
  在static文件夹中,创建cdn文件夹,然后把每个CDN文件内容,分别保存到该文件夹中
  
  创建static文件夹
  同时由于element ui的css文件,还会引入两个相对目录的文件
  
  引入icon库
  如果没有引入的话,会无法正常显示图标库
  
  icon显示失败
  这个两个文件在那里可以找到呢?这个时候就可以打开element ui的Github地址了
  https://github.com/ElementUI/theme-chalk<br />
  然后进入到theme-chalk/lib/fonts目录下,下载下面两个文件
  
  从Element下载
  然后在static/cdn中,创建fonts文件夹,把两个文件拷贝进行即可
  
  导入fonts
  在所有操作完成后,然后替换成相对路径即可~
  替换成相对本地路径
  这个时候,网站就会应用本地的CSS和JS文件了,再也不怕网站宕机打不开了
  本地成功运行七牛云搭建CDN
  上面的方法,虽然解决了CDN宕机导致网站打不开的问题,但是因为样式文件存储在自己的服务器上,而且这几个文件就有2M了
  
  静态文件大小
  有不少的蘑菇小伙伴的带宽只有1M的话,那么可能光下载这几个文件就要花费近20秒了!
  那这样的话,我们这次改造就没有什么意义了?
  本着白嫖的原则,让小伙伴们少花钱的方式,陌溪想到了通过白嫖七牛云的免费10G存储空间,来搭建蘑菇的CDN
  七牛云地址:
  
  白嫖七牛云
  注册完成后,应该需要进行实名认证,通过后就可以开始使用免费的存储空间了~
  首先需要选择对象存储,然后选择空间管理
  
  免费的对象存储
  创建一个属于自己的空间,填写空间名称、存储区域 和 访问控制(记得选公开)
  
  创建空间
  填写完成后,就可以开始上传文件了。在上传文件前,如果有备案的域名的话,也可以绑定自定义的域名(不配置可以跳过)
  配置域名
  然后选择绑定域名,然后填写自己的二级域名,比如蘑菇的是:,然后点击创建
  绑定域名
  创建成功后,我们需要去配置域名解析,首先需要复制这个CNAME的值
  复制CNAME
  然后到阿里云的域名,新增一条解析记录
  
  新增解析记录
  选择类型为CNAME,即指向另外一个域名
  记录解析成功
  创建成功后,回到七牛云,等待一段时间后,如果显示成功,即表示域名配置成功
  配置成功
  然后在下方的外链域名,就会显示自己刚刚绑定的域名了
  当然如果没有域名的话,也可以使用下方默认的域名,不过默认的域名只有一个月的有效期,失效后需要进行修改,这个会有些麻烦
  切换域名
  上述操作都完成后,我们可以创建cdn文件夹,然后把刚刚的static/cdn文件都上传到cdn文件夹里
  
  上传CDN文件
  文件文件上传完成后,点击查看详情页,就可以看到我们在七牛云下的地址了,复制到这个文件
  复制CDN地址
  最后把原来路径,替换成即可,自建的蘑菇cdn大功告成~
  替换成蘑菇CDN
  最后重启,完美运行prefect~
  完美运行
  最后部署上线,通过 F12再看看每个js文件加载的速度,只用20 ms就加载完成一个,打开速度很快~
  
  最终加载速度
  好了,本期的蘑菇CDN改造就到这里了
  我是小龙,我们下期再见~
  往期推荐---END---
  求一键三连:希望转发、在看、分享给更多同学哟~

官方客服QQ群

微信人工客服

QQ人工客服


线