# myblog-page

**Repository Path**: itphy/myblog-page

## Basic Information

- **Project Name**: myblog-page
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# myblog-page
> 博客地址：https://onestar.newstar.net.cn/

**使用该源码希望能够注明原博客以及源码出处，并禁止商用，谢谢！**


### 一、首页
#### 1.主页页面
首页主要是一些文字描述和个人信息，如果你的显示屏分辨率比较高或者页面缩放的比较小的话，可以看到下面有最新推荐专栏

![image](https://note.youdao.com/yws/api/personal/file/60B33D91711A43FE959F7F28A9659F76?method=download&shareKey=b5d766a5244fdfa627bdf499b137bed4)

#### 2.博文列表
博文列表主要有博文标题、博文简介、作者、时间、访问量、评论数、博文分类和博文首图

![image](https://note.youdao.com/yws/api/personal/file/D0404995EE6C49E09FE176CFFD2DAF58?method=download&shareKey=20bee916c5be03205a21739f146d4817)

#### 3.首页底部
底部就是比较常规的一些功能，显示了博主的微信二维码，最新文章和博客运行时间

![image](https://note.youdao.com/yws/api/personal/file/C380C6520CD340F9A758E054316EF250?method=download&shareKey=670909c933f17adc2715b7851d2f8fe1)

### 二、博文详情
#### 1.博文标题及信息
展示了文章首图、标题、等信息

![image](https://note.youdao.com/yws/api/personal/file/AABA6EDBD9484E3480EE8EE75FA2D443?method=download&shareKey=37a62291f0e52c864734c7709e30076d)

#### 2.文末评论
文末有文章转载的信息和评论区域，评论具有盖楼功能，分为普通用户和管理员

![image](https://note.youdao.com/yws/api/personal/file/BC9677860AB347B5BACBAEC93EE5FA03?method=download&shareKey=106c7bb0251521b2153acf654a473be9)

### 二、分类页面
显示分类名称，点击可以显示不同的分类文章

![image](https://note.youdao.com/yws/api/personal/file/42B5353361184B25B8A3352CF16D8027?method=download&shareKey=d4f35e3c4ff903628dd54d4164480b8c)

### 三、时间轴
采用两边分开的阶梯状按照时间顺序来展示

![image](https://note.youdao.com/yws/api/personal/file/5B2C5A5EEF4449CD8910C50F7F52FACE?method=download&shareKey=25c2fe38311b205d2656a7bfdcc387ff)

### 四、音乐盒
音乐盒是使用了一个开源的插件，自己进行了修改，主要功能有显示歌曲、歌词、播放、暂停、上一曲、下一曲、音量调节、播放顺序调节、同步歌词等功能

![image](https://note.youdao.com/yws/api/personal/file/934F3DD146E14CB1911E8AB875EC32F1?method=download&shareKey=a9dc02ef5706f15ec8048aaed52d176f)

### 五、留言板
功能和博文评论是一样的

![image](https://note.youdao.com/yws/api/personal/file/4C76525F66704EACB03EAF1B6502B3FE?method=download&shareKey=2d64712f4351d91865a039104d08b7f9)

### 六、友人帐（友链）
添加友链要求和显示友链

![image](https://note.youdao.com/yws/api/personal/file/01925A84C4254C2183EB19D434B3A304?method=download&shareKey=aa8b1a2801a5d276c34bb9976be4a100)

### 七、照片墙
采用了一个开源的插件，自己进行了修改，可以根据屏幕分辨率的不同来显示，放大缩小图片基本不形变

![image](https://note.youdao.com/yws/api/personal/file/76EB1AE35F924B07955B6CEB22AA4B6A?method=download&shareKey=b9c3d2e4085188d1e835c60456daf85b)

点击一张图片显示如下，有一些图片的基本信息，可以左右切换图片

![image](https://note.youdao.com/yws/api/personal/file/9B1C7DBD764447CC9EAF2970A80E22C5?method=download&shareKey=33b9993d7810a457b1faf6e191ffad01)

### 八、关于我
静态页面，一些博主的信息

![image](https://note.youdao.com/yws/api/personal/file/AA32D383DBC04474AE00FCE762AD7F72?method=download&shareKey=170ca3d94809833a4883d50a1adbe7ac)

### 九、后台管理
#### 1. 文章管理
可以对文章进行增加、编辑修改、删除，还可以搜索文章

![image](https://note.youdao.com/yws/api/personal/file/C00F78914B2D4E698D27FD2446F83A51?method=download&shareKey=901a5f839995c112bbaa640e193ef4a9)

新增文章，使用Markdown语法

![image](https://note.youdao.com/yws/api/personal/file/3C43A350FB6B4997BFA8512EE550F08D?method=download&shareKey=c1c8d7d8f3401370f0926ff418cea9a4)

#### 2. 分类管理
可以对分类进行增加、编辑修改、删除

![image](https://note.youdao.com/yws/api/personal/file/FC203A1B5DD64029805278A188308658?method=download&shareKey=df2e23230e2ed9096ce04ea04bc30022)


#### 3. 友链管理
可以对友链进行增加、编辑修改、删除

![image](https://note.youdao.com/yws/api/personal/file/9C9F070DC1F54EF5A85BD7AC1CAFAFA8?method=download&shareKey=28f50104c75455a54b60550c08c1e418)


#### 4. 相册管理
可以对照片进行增加、编辑修改、删除

![image](https://note.youdao.com/yws/api/personal/file/EFCD0C864386461A91CF3CBDB4B3B557?method=download&shareKey=8fe0a0ea570b72f6da15cd0de32c3109)


> 想要查看更多信息，可以直接访问我的博客：https://onestar.newstar.net.cn/

下一篇将讲述数据库的设计

【点关注，不迷路，欢迎持续关注本站】