Giter VIP home page Giter VIP logo

blog's Introduction

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,来进行的修改

blog's People

Contributors

crazymryan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

blog's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.