本篇开始就正式博客网站的开发了，本篇文章实现博客首页的开发。...博客网站的架构如下： 1.左上方头像区域，鼠标移入会有下拉菜单进行注册登录退出等操作 2.左下方博客导航栏区域 3.中间博客正文区域 3.右侧精选文章展示以及友情链接展示 我们可以先看下具体的首页效果...然后首页功能下需要添加菜单选项组，首页功能包含：首页，关于以及后台，每个菜单选项组都是一个el-menu-item-group: ?...左右两侧导航栏实现完毕，接下来需要设置中间的博客主界面，实际上中间界面不是固定界面，而是由index.js中routes的components决定具体渲染哪一个vue文件作为博客主界面，在首页我们渲染的是...到这里我们博客首页就实现完毕了，我们可以先看看首页效果： ? 本篇内容到这里结束了，下一篇将实现后台的几大功能模块，文章管理，文章发表，标签管理，可以先贴下效果图，我们下期再见！ ?
比如你访问了我的博客主页 http://zmrenwu.com/，服务器接收到这个请求后就知道用户访问的是首页，首页显示的是全部文章列表，于是它从数据库里把文章数据取出来，生成一个写着这些数据的 HTML.../views.py from django.http import HttpResponse def index(request): return HttpResponse("欢迎访问我的博客首页...浏览器接收到这个响应后就会在页面上显示出我们传递的内容 ：欢迎访问我的博客首页！...欢迎访问我的博客首页！ 使用 Django 模板系统 这基本上就上 Django 的开发流程了，写好处理 HTTP 请求和返回 HTTP 响应的视图函数，然后把视图函数绑定到相应的 URL 上。...', 'welcome': '欢迎访问我的博客首页' }) 这里我们不再是直接把字符串传给 HttpResponse 了
博客地址：https://ainyi.com/62 这些日子刚到京东工作，刚在北京安定下来，事情比较多 但在上周看了看我的博客，发现首页的加载速度真的够慢的 虽然之前就发觉，但一直不知道怎么继续优化，好像该优化的都已经优化好...重大 bug 从刚做好这个博客不就第一次就发现了，发起 ajax 请求时，可以看到 content-download 的时间居然比 waiting 的时间还长，而且首页等待时间可以达到好几秒，真心慢，...ajax 请求的时间，几乎都在 content-download 浪费了，一般说来，加载时间应该都在 waiting 上，而不是 download，一直不知道怎么优化 上周查了查 ajax 请求的数据，首页加载每个博客的数据居然携带上博文的...马上回去更改了过来，首页请求的 ajax 是分页博客数据，不应该返回博文这个字段。...ajax 请求都作了优化，该传递、不该传递，心里清楚~ 相关链接 之前写过这方面的博客：—— 页面性能优化 博客地址：https://ainyi.com/62
在我的博客首页添加了告示板模块，有两种模式，一种是自定义语句，一种是一言API 说明 本文是以我现在使用的Ayer主题为例 步骤 第一步 找到对应的首页文章页的代码文章 例如，ayer主题的位于hexo
框架篇-Django博客应用-创建项目 ?...①如果你是在虚拟环境中创建博客项目 $ django-admin startproject blog ②新建一个 app $ python manage.py startapp index ③注册 app...博客首页元素 基本上博客（博客首页）上有以下几种元素（从上至下，从左至右）： 1.菜单导航栏 2.博客主视区，常见的会分为两栏或三栏 3.博客底部，常见的是站点地图链接、备案号......公共元素 上面讲博客元素分成了三类，但很明显导航栏和底部栏可认为是不变的。 对于公共元素，在设计代码时，可以将其提取出来，在其它模板包含它即可。
在此之前我们已经编写了 Blog 的首页视图，并且配置了 URL 和模板，让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。...不过我们仅仅在首页返回了一句话：欢迎访问我的博客。...这是个 Hello World 级别的视图函数，我们需要编写真正的首页视图函数，当用户访问我们的博客首页时，他将看到我们发表的博客文章列表，就像 演示项目 里展示的这样。...如果你好奇，现在就可以运行开发服务器，看看首页是什么样子。 image.png 如图所示，你会看到首页显示的样式非常混乱，原因是浏览器无法正确加载 CSS 等样式文件。...带你从零开始一步步开发属于自己的博客网站，帮助你以最快的速度掌握 Django 开发的技巧...
制作iVX 低代码项目需要进入在线IDE：https://editor.ivx.cn/ 一、首页内容分析 此时我们分析一下首页内容： 通过以上内容可以得知，这些内容都统一包含在一个块之内，这个块之内包含了多个内容...二、首页内容制作 分析完毕后此时我们创建一个行，命名为内容，用于包裹所有内容块： 接着设置这个内容块的高度为包裹，高度将随着当前内部内容的增加而增加： 你可能会疑问，为啥不设置内边距
制作iVX 低代码项目需要进入在线IDE：https://editor.ivx.cn/ 一、菜单思路参考及制作 在 CSDN 首页中的菜单部分为一串横排的内容，并且可以进行拖动： 首先咱们添加一个行
先来完成上一篇的首页导航栏: 1.模板基类 base_front.html 2.导入 bootstrap 核心文件，使用的是 CDN 加速服务。 3....4.更新博客首页，{% extends 'base/base_front.html' %} 中 extends 为 django 模板中的语法。简要的说就是扩展/继承父模板。 5....浏览器访问博客首页，查看效果 Models 模型与数据库息息相关，一个模型对应一个数据库表。
前三篇文章其实已经将博客部分的功能基本上走了一遍流程，博客部分还剩下的只有首页右侧导航栏动态渲染以及文章详情界面带评论功能尚待开发。...软件准备好，首先我们需要在腾讯云解析两个域名，解析到服务器对应的公网ip： www.niyueling.cn：博客首页地址 pic.niyueling.cn：上传图片的图片主路径 ?...执行命令： nginx -s reload 我们可以尝试访问www.niyueling.cn，看是否可以加载出博客首页。 ?...可以看到后台服务部署成功，我们可以再次访问博客首页看看效果： ?...首页效果出来了，博客的基本功能都可以正常使用，但是陷入了一个异常严重的问题：首屏加载过慢，粗略计算需要10秒左右才可以加载出首页。现在难免的我们需要考虑如何优化首屏加载速度。
制作iVX 低代码项目需要进入在线IDE：https://editor.ivx.cn/ 一、头部导航栏思路参考 首先我们可以查看CSDN的博客首页，从中查看一下布局： 在以上首页中，我们可以得知其顶部为一个整行...，这个行内容左侧为一个logo，logo右侧为一个输入框，这个输入框输入文本后可以搜索对应的内容，在CSDN中搜索框可以搜索出用户名、下载等内容，在我们只做博客时使个人博客，咱们并不做过多的搜索，在功能设计时咱们只需要搜索出对应的博客内容即可...我们查看首页的标题栏，我们可以把整个标题栏内容设置为左侧一个部分以及右侧一个部分： 左侧为logo 和搜索框，右侧为头像框。...因为在 iVX 中这样比较方便控制多余的内容，当然你也可以分开，在此还需要重命名页面1为首页： 接着给这个主要内容行设置高度为撑开，背景颜色透明： 设置撑开的原因是为了方便裁剪属性设置为
今天初步的完成了首页加载速度的优化和博客列表缓存。前者是为了让游客访问首页更舒服而不用等加载半天，后者是为了减少服务器和浏览器的请求响应次数来减轻彼此的负担。...博客列表请求缓存 没错，之前博客页每次到一个分页都会发一次请求，获取当前页的博客列表，当然这样的及时性很高，但是，一个不可忽视的点就是博客的更新频率没有那么高，所以实时性需求也没有那么大。...('changeBlogTotalSize', res.data.data) }).catch(err => err) } } } }) 通过这些捣鼓，首页不带
说明：Typecho 博客默认没有自动摘要的功能，博客首页和分类归档页面显示的文章都是全文输出的，对于内容文字很多的文章，会把页面拉伸得很长，显示得也不怎么美观。但博主可以在发表文章的时候手动摘要。
问题描述 今天莫名其妙的主题首页文章列表一直显示加载中，加载不出来。 解决办法 想了很多办法没有解决，查看更新日志。有一条，关闭typecho的debug模式。
在基于模板引擎的开发方式中，博客首页文章列表的视图函数可能是这样的： from django.shortcuts import render from .models import Post def...接下来，让我们使用 django-rest-framework 提供的通用类视图，将首页 API 的视图函数改为类视图。
爱优博客是用wordpress程序做的，但是默认的wordpress首页博客文章的内容显示很，整个页面显示不了几篇文章，有时写的文章全部都显示在了首页了。
wordpress博客b2主题致美化首页区块 ---- 修改文件：找到你的主题文件根目录的index.php 查找：do_action(‘b2_index_before’); ?
博客搬家 马上腾讯云 呵呵 大家多多支持 博客搬家 马上腾讯云 呵呵 大家多多支持 我的博客即将同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer
一.安装环境 推荐购买腾讯云活动的轻应用服务器 2C2G 就可以啦，我买的是 45 一年的：点我购买 以下命令默认在 ubuntu 系统上执行 安装 nginx apt-get install nginx...mkdir /wwwroot/blog 生成博客 hexo deploy 然后把 public 文件夹打包，并上传到服务器上，然后解压博客到 /wwwroot/blog目录下。...二.启用 CDN 和 HTTPS 使用腾讯云 CDN https://console.cloud.tencent.com/cdn 免费证书：https://console.cloud.tencent.com.../ssl 因为是静态博客，默认会全部缓存，所以发布了新博客，或者对博客有了更改，需要刷新才能看到效果：https://console.cloud.tencent.com/cdn/refresh
之所以用腾讯，主要还是使用GithubPages部署国内访问太慢了，有兴趣可以看我之前的文章有详细介绍怎么部署。...今天主要说下怎么使用腾讯云部署静态博客，比如Hexo 前提 已备案的域名一个（如果不需要自定义域名就不需要） 本地能访问的Hexo源码 域名未开启CDN加速，如果配置过了，已关闭也不行，需要删掉 部署项目
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
