Go to file
xugaoyi 968d882b63 分类页开发 2020-05-02 21:58:21 +08:00
.github/workflows 优化 2020-03-07 12:47:24 +08:00
docs 分类页开发 2020-05-02 18:04:18 +08:00
theme-vdoing 分类页开发 2020-05-02 21:58:21 +08:00
utils 优化代码 & 搜索插件上传npm 2020-04-28 17:49:01 +08:00
.gitignore 添加:增强型搜索框插件 2020-02-27 16:49:35 +08:00
LICENSE Update LICENSE 2020-04-15 10:58:34 +08:00
README.MD Merge branch 'master' of github.com:xugaoyi/Evan-blog 2020-05-02 21:19:19 +08:00
baiduPush.sh 优化 2020-03-07 12:47:24 +08:00
deploy.sh 分类页开发 2020-05-02 21:58:21 +08:00
package.json 优化代码 & 搜索插件上传npm 2020-04-28 17:49:01 +08:00

README.MD

logo

CI baiduPush last-commit License GitHub stars

vuepress-theme-vdoing

Evan's blog | 效果图 | 指南 (必读)

温馨提示目前并非稳定版因此功能和文档可能会有调整。欢迎star持续关注一定会有惊喜哟🎉

https://b.xugaoyi.com/ ←此版本正在开发和测试中,源码未发布,敬请期待!

初衷

这个主题的初衷是打造一个 结构化碎片化 并存的个人知识库详情

如果你有什么建议欢迎提Issues,喜欢这个项目的欢迎点个Star持续关注。

介绍

  1. 根据 VuePress 的默认主题修改而成,仍以官方配置为主,追求简洁同时又不失美观

  2. 这是一个兼具 知识管理 & 博客文章 & 技术文档 的主题。

  3. 一个结构化的知识库,形成一本本像书一样清晰易读的知识库。同时博客功能提供一种碎片化形态。

  4. 添加方便管理学习笔记和技术文档的 自动生成结构化侧边栏自动生成front matter目录页扩展的搜索框插件面包屑快捷翻页按钮 等,让你快速定位到任何你想要找的内容

    查看文档
  5. 添加博客相关的 文章信息栏(作者与创建时间)最近更新栏博主信息栏页脚版权栏时间轴+分类页评论插件等。

    查看文档
  6. 首页样式美化

    首页配置

  7. 多种颜色模式供用户选择:跟随系统浅色模式深色模式阅读模式

    palette.styl主题调色板使用说明

  8. 提高搬砖效率的辅助工具: 批量操作front matter工具

快速上手

# clone the project
git clone https://github.com/xugaoyi/vuepress-theme-vdoing.git

# enter the project directory
cd vuepress-theme-vdoing

# install dependency
npm install # or yarn install

# develop
npm run dev # or yarn dev

插件

推荐几款插件

  1. 前端程序员很友好Demo演示模块插件很方便的在博客中插入demo同时可以查看demo源码跳转到codepen在线编辑。

    vuepress-plugin-demo-block

  2. 代码块一键复制插件

    vuepress-plugin-one-click-copy

  3. 可以添加第三方搜索链接的搜索框插件

    vuepress-plugin-thirdparty-search

  4. 百度推送和统计插件

    vuepress-plugin-baidu-autopush

    vuepress-plugin-baidu-tongji

  5. 更多插件查看官方Awesome VuePress

部署

内置 deploy.shGitHub Actions 两种自动部署脚本,一键发布到 GitHub Pages 或 国内访问速度更快的Coding Pages。

自动部署到 github 或 coding

其他

  1. 评论模块的搭建

    使用Gitalk实现静态博客无后台评论系统

  2. 自定义域名及解析,详情

  3. SEO相关

    // config.js
    module.exports = {
        description: '填写网站描述', // 以 <meta> 标签渲染到页面html中
        head: [ // 注入到页面<head> 中的标签,[tagName, { attrName: attrValue }]
            ['meta', { name: 'keywords', content: '填写关键字'}]
        ]
    }
    
  4. 图床

    GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床

  5. 结合GitHub Actions开发的每天定时百度推送加快收录

    GitHub Actions 定时运行代码:每天定时百度链接推送

  6. 在线编辑和新增文章的方法,详情

支持

如果你觉得这个项目帮助到了你可以为作者贡献一杯82年的雪碧🍸。你任何形式的支持都是对我的肯定,我会坚持初心把这个项目做得更好。

Wechat Alipay
Wechat QRcode Alipay QRcode

许可证

MIT

Copyright (c) 2019-present Evan Xu