Skip to content

使用vitepress vue3来创作的一个博客,带有 Gitalk 评论,暗黑模式

Notifications You must be signed in to change notification settings

CrazyMrYan/blog

Repository files navigation

page date title describe
true
2021-01-03
项目概述
项目概述

项目地址

https://github.com/CrazyMrYan/blog

🚀 基于「VitePress」搭建的极简博客

现已完成:

✅ 渲染文章列表

✅ 使用Vue 3

✅ 文章目录

✅ 文章按时间轴归档

✅ 文章分类


2021-12-31

✅ Gitalk 评论


2020-01-05 更新

✅ 文章列表分页


2021-01-16 更新

✅ 文章图片放大

✅ 切换黑暗模式

✅ 局部打印


准备开发~

⬜ 文章上下页

效果预览

在线地址:https://crazymryan.github.io/blog

国内访问:http://crazy.lovemysoul.vip/blog

注意:(因为自己的服务器域名马上要过期了,我就懒得再去配置一个 gitalk 了,所以国内访问不携带评论功能。等有时间了在不上来)

安装

git clone [email protected]:CrazyMrYan/blog.git
&
cd blog

下载依赖&启动

# npm
npm install
&
npm run dev

# yarn
yarn install
&
yarn dev

打包静态

在打包之前你需要配置 .vitepress > config.js 中加上 base:'你的存放文件名'

let config = {
    head:[...],
    title:'悲伤日记',
    themeConfig:{...},
    dest: 'public',
    base:'你的存放文件名'
}

还需要在 .vitepress > build > index.js 修改 type 为 build

- const type = 'dev'
  const type = 'build'
export function Build(){
-    return type === 'build' ? '' : ''
     return type === 'build' ? '你的存放文件名' : ''
}
# npm
npm run build

# yarn
yarn build

联系我

鸣谢

本项目采用 @Moking1997 搭建的 vitepress-blog,来进行的修改

About

使用vitepress vue3来创作的一个博客,带有 Gitalk 评论,暗黑模式

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published