云开发静态托管是云开发提供的静态网站托管的能力，静态资源（HTML、CSS、JavaScript、字体等）的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持 使用Jekyll搭建静态站点...「目录结构http://jekyllcn.com/docs/structure/」，下面为个人博客目录结构的简单介绍： . ├── 404.html ：404页面 ├── CNAME ：Github...: 博客相关的资源，包括css、js、以及所有图片 ├── search : 博客搜索功能相关代码 ├── sitemap.txt ：站点地图 └── sitemap.xml ：站点地图...qcloud_jekyll_evn.png 之后就进入了环境的初始化阶段，初始化比较久。一般需要 1 分钟左右，当初始化结束，点击对应的 tab 就进入了 环境总览界面，可以看到具体的资源等信息。...特别说明：由于默认资源腾讯云对下载速度做了限速，所以我对于我的站点做了特殊配置： 默认打开 http://qcloud.bihe0832.com/jump.html时 还是跳转到我的博客域名及服务器 http
301：永久重定向，302：暂时重定向 4xx：客户端错误–请求有语法错误或请求无法实现。401：无权限；403：资源找不到；404：网页找不到 5xx：服务器端错误–服务器未能实现合法的请求。...503：服务器出错 7、web前端性能优化： 内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本和资源成本的复杂的过程...常见方法：合并多个CSS文件和js文件，利用CSS Sprites整合图像，Inline Images(使用 data：URL scheme在实际的页面嵌入图像数据 )，合理设置HTTP缓存等。...的request； 304：使用的缓存文件：关于http缓存详解 - CSDN博客 400：客户端请求与语法错误，不能被服务器解读； 403：服务器拒绝服务； 404：请求资源不存在； 500 Internal...、js、html加载顺序 html,css,js加载顺序 - NewLife365 - 博客园 29、谈谈document.ready和window.onload的区别 在Jquery里面，我们可以看到两种写法
请求已发送且响应已成功接收。 400—坏请求。当目的服务器接收到请求但不理解细节所以无法处理时发生。 404—页面找不到。如果目标API已移动或已更新但未保留向后兼容性时发生。...Fiddler的过滤器非常强大，可以过滤特定http状态码的请求，可以过滤特定请求类型的http请求（如css请求，image请求，js请求等），可以过滤请求报文大于或则小于指定大小（byte）的请求：...请求已发送且响应已成功接收。 400—坏请求。当目的服务器接收到请求但不理解细节所以无法处理时发生。 404—页面找不到。如果目标API已移动或已更新但未保留向后兼容性时发生。...(css|js|PHP)$ 表示匹配所有以css,js,php结尾的请求url 4. Composer。... 响应状态为指定字符的全部 session 响应。
Markdown（或 Textile）、Liquid 和 HTML & CSS 构建可发布的静态网站。 博客支持。支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...# 如果你找不到进程号，那么就用`ps aux | grep jekyll`命令来查看，然后关闭服务器。...添加两条记录，@和www的主机记录，记录类型为CNAME类型，CNAME表示别名记录，该记录可以将多个名字映射到同一台计算机。 记录值请写username.github.io....发布线上博客 本地确认文章无误，可以通过git add,git commit,git push 等git命令推送文章到Github Pages服务器就可以啦。...当然也有动态博客，ghost搭建的，搭建动态博客就需要自己买一个服务器，然后去安装node.js环境，日后的维护也都需要自己一个人去完成。有兴趣的同学一样可以去试试！
但是随着 HTML5 和 CSS3 的发展，Web 应用程序在性能和设备资源调用上已经与原生应用差别无二了。...Jekyll 静态页面并托管到服务器之后，用 Chrome 浏览器访问主页就会发现地址栏的右边会出现一个新的图标，如下图所示。...如下图所示，我们可以看到 sw.js 从 Initial 到 Wait 到 Activate 的过程， 后记 从上面的步骤来看，Web 应用 PWA 化似乎也不是那么难。...除了 Jekyll 之外，其他的静态生成器比如 Hexo、Next.js 等等或者动态网站都可以 PWA 化，而且和 CDN 加速一起使用也非常合适。...对于博客或者静态站点 PWA 化，个人有几点小建议可以在一定程度上降低 PWA 化对空间占用和流量消耗的影响： 图片 webp 化：压缩图片大小、保留大部分的质量，从而加快所有图片加载时间。
4、折衷的做法：在一个网站里面使用至少2个域，但不多于4个域来提供资源。 11、精简CSS和JS why 尽可能减少这两种文件的体积，以便加快下载速度。...他们分别是： 301 Moved Permanently，这个状态码标识用户所请求的资源被移动到了另外的位置，客户端接收到此响应后，需要发起另外一个请求去下载所需的资源。...302 Found，这个状态码标识用户所请求的资源被找到了，但不在原始位置，服务器会回复其他的一个位置，客户端收到此响应后，也需要发起另外一个请求去下载所需的资源。...如果数据量大，可以考虑分页，或者按需加载 18、避免404 ? why 什么情况下会发生404错误？ 404 意味着Not Found，意思是说未找到资源。...既然如此，那么至少会有两种原因导致404错误： 该资源按理说是要有，但我们没有提供。用户按照正常的方式来请求，所以资源找不到。 该资源本来就不存在，用户按照不正常的方式来请求，当然还是找不到。
4、折衷的做法：在一个网站里面使用至少2个域，但不多于4个域来提供资源。 11、精简CSS和JS why 尽可能减少这两种文件的体积，以便加快下载速度。...他们分别是： 301 Moved Permanently，这个状态码标识用户所请求的资源被移动到了另外的位置，客户端接收到此响应后，需要发起另外一个请求去下载所需的资源。...302 Found，这个状态码标识用户所请求的资源被找到了，但不在原始位置，服务器会回复其他的一个位置，客户端收到此响应后，也需要发起另外一个请求去下载所需的资源。...如果数据量大，可以考虑分页，或者按需加载 18、避免404 why 什么情况下会发生404错误？ 404 意味着Not Found，意思是说未找到资源。...既然如此，那么至少会有两种原因导致404错误： 该资源按理说是要有，但我们没有提供。用户按照正常的方式来请求，所以资源找不到。 该资源本来就不存在，用户按照不正常的方式来请求，当然还是找不到。
解决混合内容的问题 如果您为自己的网站启用了HTTPS，而且您的网站的HTML仍然通过HTTP引用图片，CSS或JavaScript，那么您的网站将提供混合内容，并且您可能在加载资源时遇到问题。...要删除网站的混合内容，提高网站的安全性并解决与加载混合内容相关的问题，请修改网站的HTML文件并更改http://为https://使所有资产都通过HTTPS投放。...提示：如果您无法找到您网站中的资产，请尝试在http文本编辑器或GitHub上搜索您网站的代码。...如何在HTML文件中引用资产的示例 资产类型 HTTP HTTPS CSS ...进一步阅读GitHub页面 请参阅“ 自定义GitHub页面 ”了解更多关于使用批准的Jekyll插件和GitHub Pages网站，创建自定义404页面以及查看可用存储库元数据的更多信息。
404 Not Found 找不到如何与 URI 相匹配的资源。 500 Internal Server Error 最常见的服务器端错误。...——一个404错误表明可连接服务器，但服务器无法取得所请求的网页，请求资源不存在。...，一致则返回304; (8)浏览器开始下载html文档(响应报头，状态码200)，同时使用缓存; (9)文档树建立，根据标记请求所需指定MIME类型的文件（比如css、js）,同时设置了...简洁版： 浏览器根据请求的URL交给DNS域名解析，找到真实IP，向服务器发起请求； 服务器交给后台处理完成后返回数据，浏览器接收文件（HTML、JS、CSS、图象等）； 浏览器对加载到的资源（HTML...、JS、CSS等）进行语法解析，建立相应的内部数据结构（如HTML的DOM）； 载入解析到的资源文件，渲染页面，完成。
链接断开和HTTP状态代码 当用户访问网站时，浏览器会将请求发送到该网站的服务器。服务器使用称为“ HTTP状态代码”的三位数代码来响应浏览器的请求。...状态代码表示为1xx，2xx ..，5xx，用于指示该特定范围内的状态代码。由于这些范围中的每一个都包含不同类别的服务器响应，因此我们将讨论范围限于为断开的链接提供的HTTP状态代码。...403（禁止） 真正的请求已发送到服务器，但由于需要授权，因此拒绝履行该请求。 404页面不存在） 资源（或页面）在服务器上不可用。 408（请求超时） 服务器已超时等待请求。...客户端（即浏览器）可以在服务器准备等待的时间内发送相同的请求。 410（已去） HTTP状态代码比404（找不到页面）更永久。410表示该页面已消失。...4.通过状态码验证链接 如果在步骤（3）中发送的HTTP请求的HTTP响应代码为404（即，找不到页面），则表示该链接是断开的链接。对于未断开的链接，HTTP状态代码为200。
减少HTTP请求数 Web 前端 80% 的响应时间花在图片、样式、脚本等资源下载上。最直接的方式是减少页面所需资源，但并不现实。所以，减少HTTP请求数主要的途径是： 合并JS/CSS文件。...避免404错误 HTTP请求很昂贵，返回无效的响应（如404未找到）完全没必要，降低用户体验而且毫无益处。 一些网站设计很酷炫、有提示信息的404页面，有助于提高用户体验，但还是浪费服务器资源。...主流 Web 服务器都有相应模块，而且绝大多数浏览器支持gzip解码。所以，应该对HTML、CSS、JS、XML、JSON等文本类型的内容启用压缩。 注意!!!...可以考虑在之后输出一次缓冲，HTML head一般比较容易生成，先发送以便浏览器开始获取里引用的CSS等资源。 <?...另外，可以在首页加载完成以后，预先加载子页面的资源。 3. 压缩JavaScript和CSS 压缩代码可以移除非功能性的字符（注释、空格、空行等），减少文件大小，提高载入速度。
先看效果 以下改造前后的加载情况都是在 Edge 浏览器禁用缓存后录制的，录制时间段很接近，从本地访问两个 GitHub Pages 服务的原始响应速度应该类似。...方案考虑 优化独立博客的加载速度有一些不同的思路，对应不同的方案： 优化博客代码，精简需要加载的资源； 将博客部署到国内访问快的服务器上； 部署到国内的代码托管平台，比如 Gitee 和 Coding...等； 采用 CDN 加速； 等等。...改造步骤 下面是记录具体改造博客模板的步骤： 在 _config.yml 文件中添加控制开关： # 对 css 和 js 资源的 cdn 加速配置 cdn: jsdelivr:...现存问题 如果项目曾经打过 tag，那么新增/修改静态资源后，需要刷新 CDN 缓存的话，需要打个新 tag； 一般发生在修改了博客模板的 js/css 以后。
渲染树构建：将CSS和style标签中的样式信息解析为渲染树，渲染树由一些包含有颜色和大小等属性的矩形组成，它们将被按照正确的顺序显示到屏幕上。...压缩对象：从http请求返回资源中的html，js，CSS，xml等都可以设置压缩，值得注意的是我们不需要对图片音乐等资源设置压缩，因为这些资源本身已经压缩过了，再次压缩收益并不高，而且增加CPU负担。...每一个http请求都有一个相对于的返回状态标志当次请求是否如期完成，如： 1xx：请求收到，这些状态代码表示临时的响应。 2xx：操作成功，这类状态代码表明服务器成功地接受了客户端请求。...4xx：客户端错误，发生错误，客户端似乎有问题。 5xx：服务器错误，服务器由于遇到错误而不能完成该请求。...总资源下载时间：从开始下载到所有资源均下载完成的时间，不包括页面绘制时间。 用户可操作时间：从页面开始加载到用户操作可响应的时间。
渲染树构建：将CSS和style标签中的样式信息解析为渲染树，渲染树由一些包含有颜色和大小等属性的矩形组成，它们将被按照正确的顺序显示到屏幕上。...（2）压缩对象：从http请求返回资源中的html，js，CSS，xml等都可以设置压缩，值得注意的是我们不需要对图片音乐等资源设置压缩，因为这些资源本身已经压缩过了，再次压缩收益并不高，而且增加CPU...每一个http请求都有一个相对于的返回状态标志当次请求是否如期完成，如： （1）xx：请求收到，这些状态代码表示临时的响应。 （2）xx：操作成功，这类状态代码表明服务器成功地接受了客户端请求。...（4）xx：客户端错误，发生错误，客户端似乎有问题。 （5）xx：服务器错误，服务器由于遇到错误而不能完成该请求。...总资源下载时间：从开始下载到所有资源均下载完成的时间，不包括页面绘制时间。 用户可操作时间：从页面开始加载到用户操作可响应的时间。
灵活多样化：由于其先进模板系统和强大分类系统，Hugo 可以用于创建各种类型的网站，包括企业、政府、非营利组织等官方机构；新闻媒体、事件展示及项目介绍等专题页面；文档库；图片集合与个人博客等。...此外，Hugo 还具有以下关键特性： 强大资源管道：包含 CSS 和 JavaScript 打包功能 (支持 Sass 编译)，图像处理工具 (调整尺寸、裁剪旋转)、EXIF 数据抽取； 多语言支持：支持多国语言翻译...，方便国际化项目的开发； 模块化设计：可通过 Hugo Modules 与其他项目共享内容、资源、数据和主题等。...hexojs/hexo Stars: 37.0k License: MIT Language: JavaScript Hexo 是一个快速、简单且强大的博客框架，由 Node.js 提供支持。...特性： Aurora具有良好的扩展性，在保证稳定运行情况下可以根据业务需求灵活添加新功能； 通过权限控制机制确保安全访问； 友好简洁界面设计及响应式布局适配各类设备屏幕大小； 集成CDN加速以提高网站加载速度
最后是利用现成的博客构建框架，搭建个人博客的框架是一代又一代的更换，从最早的基于Php开发的WordPress、到之后的基于Ruby开发的Jekyll、再到近几年凭借部署方便，编译速度快等特性而迅速火起来的基于...壹伴编辑器 搭建完博客就摆着吗？ 不做图片、Js脚本加载优化吗？ 不做SEO优化吗？ 不介绍如何自定义开发吗？ 嗯！...模板选择 模板定制化修改 网站SEO 代码优化 优化网站加载速度 Github+Coding国内外双线部署 自建CDN资源 网站预加载JS脚本 快捷图床工具 1....自建CDN资源 介绍一款软件jsdelivr可以帮助我们做免费的CDN，它也有国内的服务器，因此我们无论在国外国内都可以使用。 8....网站预加载JS脚本 推荐一个软件instant.page，作用是可以预加载用户想访问的页面，当用户真正点击链接后，就会直接从缓存中读取，以此提升网站的访问速度。
但是AdminLTE的源文件包内，缺少font-awesome-4.6.3和ionicons-2.0.1这两个图标插件，它是通过CDN的形式加载的，如果网络不太好，加载可能比较困难或者缓慢，最好用本地静态文件的形式...三个文件夹，全部拷贝到 static目录中，这样做的话文件会比较大，比较多，但可以防止出现引用文件找不到、插件缺失等情况的发生，等以后对AdminLTE非常熟悉了，可以对static中无用的文件进行删减...1.0.0 Copyright © 2017- 刘江的博客和教程...二、创建路由、视图 这里设计了三个视图和页面，分别是： dashboard：仪表盘，图形化的数据展示 index：资产总表，表格的形式展示资产信息 detail：单个资产的详细信息页面 将assets/...pass return render(request, 'assets/dashboard.html', locals()) def detail(request, asset_id): """ 以显示服务器类型资产详细为例
第三方博客平台 第三方博客平台：指由第三方厂家提供的内容社区管理平台，所有数据存储和服务器资源由厂家提供和维护，个人只需注册账号进行内容编辑和发布即可。...阿里云云栖社区 10. 51CTO博客 开源博客 静态博客 静态博客：静态博客是指通过生成工具，对笔记博客文章如md文件编译成html；css；js等静态文件，部署到服务器上直接提供访问，不需要数据库。...Jekyll Jekyll，官网没有中文版，民间翻译中文网Jekyll中文网，一个简单的博客静态站点生成器，官网为：https://jekyllrb.com 。 5....它是Jekyll 的增强版，让插件的安装和删除更加容易，更容易集成样式表、图片、字体等。 6. Gridea Gridea一款静态博客写作客户端，收费。 7....动态博客 动态博客：前后端分离，有完整的后台管理，有数据库，支持动态更新响应，优点是支持实时更新，维护方便，缺点是服务器占用高，需要费用高，响应慢。 1.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
