VUE好看的个人博客源码

文章目录

  • 1.设计来源
    • 1.1 首页界面
    • 1.2 我的日记界面
    • 1.3 我的文章界面
      • 1.3.1 文章列表
      • 1.3.2 文章时间轴
      • 1.3.3 文章详细
    • 1.4 我的相册界面
    • 1.5 我的源码界面
    • 1.6 认识我界面
  • 2.效果和源码
    • 2.1 动态效果
    • 2.2 源码目录结构
  • 源码下载

作者:xcLeigh
文章地址:https://blog.csdn.net/weixin_43151418/article/details/135549143


VUE好看的个人博客源码,博客网站源码,博客整体页面整洁,内容清晰,赏心悦目,实现了博客首页,我的日记,我的文章,我的相册,我的源码,认识我等模块,可以在这个模板下借用相关代码,代码上手简单,代码独立,可以直接使用。也可直接预览效果。

1.设计来源

1.1 首页界面

    首页界面,博客分为头部导航模块,中间内容,尾部网站相关信息。所有界面都是这个版式,中间内容不同界面不同版式,有左右版式,中间版式两种。内部模块分明,有需要的板块可以重复利用,不需要的板块也可以删除,不影响整体布局。里面有轮播图,图文并茂的模块,tab切换阅读,图片的动态效果,百度搜索。
    注: 具体更多的页面效果,动态效果,见下面视频的效果演示。

在这里插入图片描述

1.2 我的日记界面

    我的日记界面,博客分为头部导航模块,中间内容,尾部网站相关信息。所有界面都是这个版式,中间内容不同界面不同版式,有左右版式,中间版式两种。内部模块分明,有需要的板块可以重复利用,不需要的板块也可以删除,不影响整体布局。里面有轮播图,图文并茂的模块,tab切换阅读,图片的动态效果,百度搜索。
    注: 具体更多的页面效果,动态效果,见下面视频的效果演示。

在这里插入图片描述

1.3 我的文章界面

    我的文章界面,博客分为头部导航模块,中间内容,尾部网站相关信息。所有界面都是这个版式,中间内容不同界面不同版式,有左右版式,中间版式两种。内部模块分明,有需要的板块可以重复利用,不需要的板块也可以删除,不影响整体布局。里面有轮播图,图文并茂的模块,tab切换阅读,图片的动态效果,百度搜索。
    注: 具体更多的页面效果,动态效果,见下面视频的效果演示。

1.3.1 文章列表

    文章主题描述,分页展示我的文章,可扩展不同类型文章列表,可以图文并茂的文章,也可以纯文字的文章,也可以单图和多图的文章。

在这里插入图片描述

1.3.2 文章时间轴

    所有文章合集,以时间轴的形式展现出来,单击跳转。

在这里插入图片描述

1.3.3 文章详细

    查看文章详细内容,文章标题,文章作者,文章日期,文章类型,文章浏览数,文章评论数,文章概述,文章内容,文章点赞,文章评论,文章切换等功能。

在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

1.4 我的相册界面

    我的相册界面,博客分为头部导航模块,中间内容,尾部网站相关信息。所有界面都是这个版式,中间内容不同界面不同版式,有左右版式,中间版式两种。内部模块分明,有需要的板块可以重复利用,不需要的板块也可以删除,不影响整体布局。里面有轮播图,图文并茂的模块,tab切换阅读,图片的动态效果,百度搜索。
    注: 具体更多的页面效果,动态效果,见下面视频的效果演示。

在这里插入图片描述

1.5 我的源码界面

    我的源码界面,博客分为头部导航模块,中间内容,尾部网站相关信息。所有界面都是这个版式,中间内容不同界面不同版式,有左右版式,中间版式两种。内部模块分明,有需要的板块可以重复利用,不需要的板块也可以删除,不影响整体布局。里面有轮播图,图文并茂的模块,tab切换阅读,图片的动态效果,百度搜索。
    注: 具体更多的页面效果,动态效果,见下面视频的效果演示。

在这里插入图片描述

1.6 认识我界面

    认识我界面,博客分为头部导航模块,中间内容,尾部网站相关信息。所有界面都是这个版式,中间内容不同界面不同版式,有左右版式,中间版式两种。内部模块分明,有需要的板块可以重复利用,不需要的板块也可以删除,不影响整体布局。里面有轮播图,图文并茂的模块,tab切换阅读,图片的动态效果,百度搜索。
    注: 具体更多的页面效果,动态效果,见下面视频的效果演示。

在这里插入图片描述

2.效果和源码

2.1 动态效果

    这里是完整的效果演示,个人博客网站模板源码,可在此代码基础上更加完善功能,支持扩展自己的风格,可以删减内容,打造属于自己的个人博客。

2.2 源码目录结构

在这里插入图片描述


源码下载

VUE好看的个人博客源码(源码) 点击下载
在这里插入图片描述

--------------- 业精于勤,荒于嬉 ---------------

请添加图片描述

--------------- 行成于思,毁于随 ---------------

     💢 关注博主 带你实现畅游前后端

     🏰 加入社区 带你体验马航不孤单

     💯 神秘个人简介 带你体验不一样得介绍

     💘 为爱表白 为你那个TA,体验别致的浪漫惊喜

     🎀 酷炫邀请函 带你体验高大上得邀请


     ① 🉑提供云服务部署(有自己的阿里云);
     ② 🉑提供前端、后端、应用程序、H5、小程序、公众号等相关业务;
     如🈶合作请联系我,期待您的联系。
    :本文撰写于CSDN平台,作者:xcLeigh(所有权归作者所有),https://blog.csdn.net/weixin_43151418,如果相关下载没有跳转,请查看这个地址,相关链接没有跳转,皆是抄袭本文,转载请备注本文原地址。


     亲,码字不易,动动小手,欢迎 点赞 ➕ 收藏,如 🈶 问题请留言(评论),博主看见后一定及时给您答复,💌💌💌


原文地址:https://blog.csdn.net/weixin_43151418/article/details/135549143(防止抄袭,原文地址不可删除)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/623452.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

从头安装与使用一个docker GPU环境

GPU版docker的安装与使用 欢迎使用GPU版docker安装使用说明使用官方教程安装docker新建一个GPU版docker环境调用docker环境执行本地python文件 欢迎使用GPU版docker安装使用说明 使用官方教程安装docker 导入源仓库的GPG key curl -fsSL https://download.docker.com/linux/…

【计算机组成原理】期末复习试卷

目录 第一套试卷 第一套答案 第二套试卷 第二套答案 第三套试卷 第四套试卷 剩余试卷下载 第一套试卷 一、选择题(共20分,每题1分) 1.冯诺伊曼机工作方式的基本特点是______。 A.多指令流单数据流; B&#…

C++八股2

虚拟内存 虚拟内存是计算机系统内存管理的一种技术,它为每个进程提供一个独立的、连续的地址空间,即使物理内存有限或不连续。在C编程中,操作系统通过页表将虚拟地址映射到物理内存地址上。当程序试图访问不在物理内存中的虚拟地址时&#xf…

03MARL-联合策略与期望回报

文章目录 前言一、MARL问题组成二、联合策略与期望回报1.History-based expected return2.Recursive expected return 前言 多智能体强化学习问题中的博弈论知识——联合策略与期望回报 一、MARL问题组成 二、联合策略与期望回报 定义一种普遍的期望回报,能够用于…

任务8:安装大数据统计分析工具Hive

任务描述 知识点:Hive安装应用 重 点: 基于CentOS系统,安装配置Hive创建访问Hive数据库的用户,并授予访问权限 内 容: 安装Hive配置MySQL、设置远程访问权限配置HiveHive服务端、客户端访问 任务指导 1. Hive…

多线程——阻塞队列

什么是阻塞队列 相比于一般的队列,有两个特点 1.线程安全 2.带有阻塞功能 1)队伍为空时,出队列就会出现阻塞,阻塞到其他线程入队列为止 2)队伍为满时,入队列就会出现阻塞,阻塞到其他线程出队列…

中国移动宽带复机短信代码

发送”SQKDFJ“到10086、然后在10分钟之内,会收到另外一个号码发来的确认短信,回复”是“即可。

九州金榜|15岁初三男孩抑郁休学摆烂打游戏,高压教育要不得!

有一次和朋友一块聚餐,邻座是一位妈妈、和她大概七八岁的儿子,小男孩长得很帅气,没有像同龄人那样调皮捣乱,而是和妈妈很温馨的就餐。 看的出来一家人的素质很高,就餐过程中桌面保持的很整洁,交流声音也不…

你和家酿啤酒的距离,只差一台爱咕噜智能啤酒机

喝过工业啤酒,喝过精酿啤酒,但是你喝过在家自酿的啤酒吗? 啤酒是世界上消耗较多的饮料之一,而我国的啤酒年消耗量位居世界第一。近年来,随着越来越多的精酿啤酒涌入市场,精酿啤酒的概念与文化被更多消费者…

揭秘小米手机被疯狂吐槽的存储扩容技术

前段时间,在小米14的发布会上,雷布斯公布了名为“Xiaomi Ultra Space存储扩容”的技术,号称可以在512G的手机中再搞出来16G,256G的手机中再搞出8G。对于普通用户来说,能多得一些存储空间,无异是个很好的福利…

PID横向控制和仿真实现

文章目录 1. PID介绍2. PID横向控制原理3. 算法和仿真实现 1. PID介绍 PID是一种常见的控制算法,全称为Proportional-Integral-Derivative,即比例-积分-微分控制器。PID控制器是一种线性控制器,它将设定值与实际值进行比较,根据误…

Python轴承故障诊断 (11)基于VMD+CNN-BiGRU-Attenion的故障分类

目录 往期精彩内容: 前言 模型整体结构 1 变分模态分解VMD的Python示例 2 轴承故障数据的预处理 2.1 导入数据 2.2 故障VMD分解可视化 2.3 故障数据的VMD分解预处理 3 基于VMD-CNN-BiGRU-Attenion的轴承故障诊断分类 3.1 定义VMD-CNN-BiGRU-Attenion分类网…

【C#】当重复使用一段代码倒计时时,使用静态类和静态方法,实现简单的this扩展方法

欢迎来到《小5讲堂》 大家好,我是全栈小5。 这是《C#》序列文章,每篇文章将以博主理解的角度展开讲解, 特别是针对知识点的概念进行叙说,大部分文章将会对这些概念进行实际例子验证,以此达到加深对知识点的理解和掌握。…

多特征变量序列预测(三)——CNN-Transformer风速预测模型

目录 往期精彩内容: 前言 1 多特征变量数据集制作与预处理 1.1 导入数据 1.2 数据集制作与预处理 2 基于Pytorch的CNN-Transformer 预测模型 2.1 定义CNN-Transformer预测模型 2.2 设置参数,训练模型 3 模型评估与可视化 3.1 结果可视化 3.2 …

高效构建Java应用:Maven入门和进阶(五)

高效构建Java应用:Maven入门和进阶(五) Maven实战案例:搭建微服务Maven工程框架5.1 项目需求和结构分析5.2项目搭建和统一构建 总结 Maven实战案例:搭建微服务Maven工程框架 5.1 项目需求和结构分析 需求案例&#xf…

SSH镜像、systemctl镜像、nginx镜像、tomcat镜像

目录 一、SSH镜像 二、systemctl镜像 三、nginx镜像 四、tomcat镜像 五、mysql镜像 一、SSH镜像 1、开启ip转发功能 vim /etc/sysctl.conf net.ipv4.ip_forward 1sysctl -psystemctl restart docker 2、 cd /opt/sshd/vim Dockerfile 3、生成镜像 4、启动容器并修改ro…

常用python代码大全-python使用argparse模块处理命令行参数

argparse 是 Python 的一个标准库模块,用于从命令行解析参数。这个模块使编写用户友好的命令行接口变得更加简单。下面是一个使用 argparse 模块处理命令行参数的示例代码: import argparse# 创建 ArgumentParser 对象 parser argparse.ArgumentParser…

使用Python模拟掷骰子游戏的技术指南

引言: 掷骰子游戏是一种非常经典的娱乐活动,通过投掷骰子来获取随机数值,并根据规则进行比较和判断。本文将介绍如何使用Python模拟掷骰子游戏,并通过案例讲解帮助读者更好地理解和实践。 实现步骤: 1. 导入必要的库…

【编码魔法师系列_构建型4】原型模式(Prototype Pattern)

学会设计模式,你就可以像拥有魔法一样,在开发过程中解决一些复杂的问题。设计模式是由经验丰富的开发者们(GoF)凝聚出来的最佳实践,可以提高代码的可读性、可维护性和可重用性,从而让我们的开发效率更高。通…

10.抽象工厂模式

江湖上再也没人找林家的麻烦了。因为林平之一怒之下将辟邪剑谱公诸天下。一下子印出去几万份,江湖上人人都能轻而易举的得到这本无尚武学;然而江湖人士却陷入深深的矛盾之中: 不练,别人练了,分分钟秒杀你;练…