Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/crazymryan/blog
使用vitepress+vue3来创作的一个博客，带有 Gitalk 评论，暗黑模式
https://github.com/crazymryan/blog
blog gitalk markdown vite vitepress vue vue3
Last synced: 3 months ago
JSON representation
使用vitepress+vue3来创作的一个博客，带有 Gitalk 评论，暗黑模式
- Host: GitHub
- URL: https://github.com/crazymryan/blog
- Owner: CrazyMrYan
- Created: 2020-12-31T02:15:11.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-31T08:01:25.000Z (about 3 years ago)
- Last Synced: 2024-10-17T12:34:10.367Z (3 months ago)
- Topics: blog, gitalk, markdown, vite, vitepress, vue, vue3
- Language: Vue
- Homepage: https://crazymryan.github.io/blog
- Size: 12.3 MB
- Stars: 58
- Watchers: 3
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
page: true
date: 2021-01-03
title: 项目概述
describe: 项目概述
---
## 项目地址
[https://github.com/CrazyMrYan/blog](https://github.com/CrazyMrYan/blog)
## 🚀 基于「VitePress」搭建的极简博客
现已完成:
✅ 渲染文章列表
✅ 使用Vue 3
✅ 文章目录
✅ 文章按时间轴归档
✅ 文章分类
****
2021-12-31
✅ Gitalk 评论
****
2020-01-05 更新
✅ 文章列表分页
****
2021-01-16 更新
✅ 文章图片放大
✅ 切换黑暗模式
✅ 局部打印
****
准备开发~
⬜ 文章上下页
## 效果预览
在线地址:[https://crazymryan.github.io/blog](https://crazymryan.github.io/blog)
国内访问:[http://crazy.lovemysoul.vip/blog](http://crazy.lovemysoul.vip/blog)
注意：（因为自己的服务器域名马上要过期了，我就懒得再去配置一个 gitalk 了，所以国内访问不携带评论功能。等有时间了在不上来）
## 安装
```bash
git clone [email protected]:CrazyMrYan/blog.git
&
cd blog
```
## 下载依赖&启动
```shell
# npm
npm install
&
npm run dev
# yarn
yarn install
&
yarn dev
```
## 打包静态
在打包之前你需要配置 `.vitepress` > `config.js` 中加上 base:'你的存放文件名'
```diff
let config = {
head:[...],
title:'悲伤日记',
themeConfig:{...},
dest: 'public',
+ base:'你的存放文件名'
}
```
还需要在 `.vitepress` > `build` > `index.js` 修改 type 为 `build`
```diff
- const type = 'dev'
+ const type = 'build'
export function Build(){
- return type === 'build' ? '' : ''
+ return type === 'build' ? '你的存放文件名' : ''
}
```
```shell
# npm
npm run build
# yarn
yarn build
```
## 联系我
## 鸣谢
本项目采用 [@Moking1997](https://github.com/Moking1997) 搭建的 [vitepress-blog](https://github.com/Moking1997/vitepress-blog),来进行的修改