vuepress博客代码

This commit is contained in:
罗佳鸿 2024-08-09 14:16:03 +08:00
commit 2f39b17eea
18 changed files with 32698 additions and 0 deletions

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
node_modules/
yarn.lock
yarn.error

99
.vuepress/config.js Normal file
View File

@ -0,0 +1,99 @@
module.exports = {
title: "vuepress-theme-reco",
description: 'A simple and beautiful vuepress blog theme .',
dest: 'public',
head: [
['link', { rel: 'icon', href: '/favicon.ico' }],
['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }]
],
theme: 'reco',
themeConfig: {
nav: [
{ text: 'Home', link: '/', icon: 'reco-home' },
{ text: 'TimeLine', link: '/timeline/', icon: 'reco-date' },
{ text: 'Docs',
icon: 'reco-message',
items: [
{ text: 'vuepress-reco', link: '/docs/theme-reco/' }
]
},
{ text: 'Contact',
icon: 'reco-message',
items: [
{ text: 'GitHub', link: 'https://github.com/recoluan', icon: 'reco-github' }
]
}
],
sidebar: {
'/docs/theme-reco/': [
'',
'theme',
'plugin',
'api'
]
},
type: 'blog',
// 博客设置
blogConfig: {
category: {
location: 2, // 在导航栏菜单中所占的位置默认2
text: 'Category' // 默认 “分类”
},
tag: {
location: 3, // 在导航栏菜单中所占的位置默认3
text: 'Tag' // 默认 “标签”
}
},
friendLink: [
{
title: '午后南杂',
desc: 'Enjoy when you can, and endure when you must.',
email: '1156743527@qq.com',
link: 'https://www.recoluan.com'
},
{
title: 'vuepress-theme-reco',
desc: 'A simple and beautiful vuepress Blog & Doc theme.',
avatar: "https://vuepress-theme-reco.recoluan.com/icon_vuepress_reco.png",
link: 'https://vuepress-theme-reco.recoluan.com'
},
],
logo: '/logo.png',
// 搜索设置
search: true,
searchMaxSuggestions: 10,
// 自动形成侧边导航
// sidebar: 'auto',
// 最后更新时间
lastUpdated: 'Last Updated',
// 作者
author: 'reco_luan',
// 作者头像
authorAvatar: '/avatar.png',
// 备案号
record: 'xxxx',
// 项目开始时间
startYear: '2017'
/**
* 密钥 (if your blog is private)
*/
// keyPage: {
// keys: ['your password'],
// color: '#42b983',
// lineColor: '#42b983'
// },
/**
* valine 设置 (if you need valine comment )
*/
// valineConfig: {
// appId: '...',// your appId
// appKey: '...', // your appKey
// }
},
markdown: {
lineNumbers: true
}
}

BIN
.vuepress/public/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
.vuepress/public/hero.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
.vuepress/public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

27
README.md Normal file
View File

@ -0,0 +1,27 @@
---
home: true
heroText: vuepress-theme-reco
tagline: A simple and beautiful vuepress blog theme.
# heroImage: /hero.png
# heroImageStyle: {
# maxWidth: '600px',
# width: '100%',
# display: block,
# margin: '9rem auto 2rem',
# background: '#fff',
# borderRadius: '1rem',
# }
bgImageStyle: {
height: '450px'
}
isShowTitleInHome: false
actionText: Guide
actionLink: /views/other/guide
features:
- title: Yesterday
details: 开发一款看着开心、写着顺手的 vuepress 博客主题
- title: Today
details: 希望帮助更多的人花更多的时间在内容创作上,而不是博客搭建上
- title: Tomorrow
details: 希望更多的爱好者能够参与进来,帮助这个主题更好的成长
---

View File

@ -0,0 +1,10 @@
---
title: first page in category1
date: 2018-12-15
tags:
- tag1
categories:
- category1
---
first page in category1

View File

@ -0,0 +1,10 @@
---
title: second page in category1
date: 2019-09-21
tags:
- tag2
categories:
- category1
---
second page in category1

View File

@ -0,0 +1,10 @@
---
title: first page in category2
date: 2016-12-15
tags:
- tag3
categories:
- category2
---
first page in category2

View File

@ -0,0 +1,10 @@
---
title: second page in category2
date: 2017-09-21
tags:
- tag4
categories:
- category2
---
second page in category2

63
blogs/other/guide.md Normal file
View File

@ -0,0 +1,63 @@
---
title: vuepress-theme-reco
date: 2019-04-09
---
![vuepress](https://img.shields.io/badge/vuepress-0.14.8-brightgreen.svg)
![leancloud-storage](https://img.shields.io/badge/leancloud--storage-3.10.1-orange.svg)
![valine](https://img.shields.io/badge/valine-1.3.4-blue.svg)
::: tip 介绍
1. 这是一个vuepress主题旨在添加博客所需的分类、TAB墙、分页、评论等能<br>
2. 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用;<br>
3. 你可以打开 [午后南杂](http://recoluan.gitlab.io) 来查看效果。
:::
## Use
**Build**
```bash
npm run build
# or
yarn build
```
**Server**
```bash
npm run dev
# or
yarn dev
```
## Play Together
### 0.x
`vuepress-theme-reco@0.x` 是基于 `vuepress@0.x` 的博客主题。
`vuepress@0.x` 功能比较简单,只适合书写简单的文档,但好在支持主题自定义,而个人又希望能够用它来书写博客,原因就是它足够的简洁,毫无疑问,这也符合很多程序员的观念,也就是在这种情况下,`vuepress-theme-reco@0.x` 的第一个版本经过一个通宵而产生。
主题开源不久,很多朋友通过各种联系方式,给到很多好的意见和建议,所以我个人也在积极地更新。
因为我是一名前端开发工程师,开发的过程中,总是想着能不能加入一些炫酷的效果,有很多次都是添加上又去掉,反反复复,最后都是被 **简洁** 的这个原则阻止掉,毕竟,现在我是将它当作一个产品来看待,并不是一个技术或者是技巧的尝试项目。
### 1.x
随着不断有用户过来询问:为什么 `vuepress-theme-reco@0.x` 不能在 `vuepress@1.x` 上使用?本来只是打算对 `vuepress-theme-reco@0.x` 进行简单的bug修复的我终究还是忍不住开始了 `vuepress-theme-reco@1.x` 的开发。又是在一个寂静的凌晨两点半(晚上就是出活快),我默默地开始了。
主题升级的关键也就是 `@vuepress/plugin-blog` 这款官方插件,它不需要再去麻烦地过滤数据,将分类和标签的相关信息直接存在 `$categories``$tags` 这两个全局变量中。借助于 `@vuepress/plugin-blog`分类和标签功能更容易实现但也有了一些局限。接下来两三天的时间都是在进行功能的迁移和一些bug的修复。
`vuepress-theme-reco@0.x` 的开发中,更加深刻地明白了模块化和组件化编程的重要性,如果当初没有把一些功能进行封装,而是直接简单的复制,这次升级也不会这么顺利。模块拆分的越细,使用就会越灵活。
### CLI
还是衷心地希望能有更多的朋友参与进来,更快地去完善它。接下来时间允许的情况下,我会开源一款自动生成博客的脚手架,略过配置步骤,直接书写优质内容,这也是我后来逐渐形成的一种信念,就是希望能让这款主题,功能越完善,使用越来越简单。
## License
[MIT](https://github.com/recoluan/vuepress-theme-reco/blob/master/LICENSE)

View File

@ -0,0 +1,6 @@
---
title: theme-reco
date: 2020-05-29
---
This is theme-reco.

6
docs/theme-reco/api.md Normal file
View File

@ -0,0 +1,6 @@
---
title: api
date: 2020-05-29
---
This is api.

View File

@ -0,0 +1,6 @@
---
title: plugin
date: 2020-05-28
---
This is plugin.

6
docs/theme-reco/theme.md Normal file
View File

@ -0,0 +1,6 @@
---
title: theme
date: 2020-05-27
---
This is theme.

32429
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

13
package.json Normal file
View File

@ -0,0 +1,13 @@
{
"name": "vuepress-theme-reco-demo",
"version": "1.0.0",
"author": "reco_luan",
"scripts": {
"dev": "vuepress dev . --open --host \"localhost\"",
"build": "vuepress build ."
},
"devDependencies": {
"vuepress": "1.9.7",
"vuepress-theme-reco": "1.6.17"
}
}