lisang
/
vuepress-theme-vdoing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
122 Commits 3 Branches 58 Tags 11 MiB
Vue 64.7%
JavaScript 20.6%
Stylus 12.2%
TypeScript 1.8%
Shell 0.4%
Other 0.3%
Go to file
xugaoyi e76df575d4 update README 2020-03-13 11:50:49 +08:00
.github/workflows 优化 2020-03-07 12:47:24 +08:00
docs update README 2020-03-13 11:50:49 +08:00
utils 新增：目录页面 2020-03-10 20:29:00 +08:00
.gitignore 添加：增强型搜索框插件 2020-02-27 16:49:35 +08:00
README.MD update README 2020-03-13 11:50:49 +08:00
baiduPush.sh 优化 2020-03-07 12:47:24 +08:00
deploy.sh update README 2020-03-13 11:50:49 +08:00
package.json 优化 2020-03-07 12:47:24 +08:00

README.MD

vuepress-theme-vdoing

一个简洁而精致的 笔记管理 & 博客 & 文档 主题

CI baiduPush last-commit GitHub stars QQ

效果预览： Evan's blog

Introduce

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

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

  3. 代码开源，想改哪就改哪。

  4. 可以很方便的管理你的学习笔记和技术文档，导航栏+目录页+侧边栏+扩展的搜索框 多维度的让你快速定位到任何你想要找的笔记或文档。

    查看文档

  5. 添加博客所需的评论、时间轴+分类、最近更新 等。

    查看文档

  6. 自动侧边栏满足不了需求？手动配置侧边栏工作繁杂？没关系，我们有自动生成侧边栏工具！

    根据目录自动生成侧边栏和分类标签的约定说明

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

    Demo演示模块插件

  8. VuePress 的页面链接对于博客来说是一个阴暗面，官方对于 永久链接 的处理我个人不是特别喜欢，因此就有了自动生成永久链接，你不需要给每个页面定义一个Front Matter指定永久链接，我们会通过文件名来生成一个永久链接码到你的页面Front Matter。但这并不妨碍你在特定页面手动指定自己喜欢的永久链接。

    自动生成的Front Matter

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

    自动部署到 github 或 coding

Quick start

# 克隆项目后进入
git clone https://github.com/xugaoyi/blog
cd blog

# 安装依赖并运行开发服务
npm install # or yarn install
npm run dev # or yarn dev

Other

  1. 百度推送和统计

    以插件的形式加入百度推送和统计，npm安装好如下插件并配置

    //config.js
plugins:[
    'vuepress-plugin-baidu-autopush', // 百度推送
    [
        'vuepress-plugin-baidu-tongji', // 百度统计
        {
            hm: '**********************' // 设置你自己的hm参数，百度统计提供
        }
    ]
]

  2. 评论模块的搭建

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

  3. 自定义域名及解析

    自定义域名及解析

  4. SEO相关

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

  5. 图床

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

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

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

  7. 在线编辑和新增文章的方法

    在线编辑和新增文章的方法