Go to file
xugaoyi 045d184cbf 优化 2020-03-07 12:47:24 +08:00
.github/workflows 优化 2020-03-07 12:47:24 +08:00
docs 优化 2020-03-07 12:47:24 +08:00
utils 优化 2020-03-07 12:47:24 +08:00
.gitignore 添加:增强型搜索框插件 2020-02-27 16:49:35 +08:00
README.MD 优化 2020-03-07 12:47:24 +08:00
baiduPush.sh 优化 2020-03-07 12:47:24 +08:00
deploy.sh 测试:actions部署 2020-02-25 16:22:43 +08:00
package.json 优化 2020-03-07 12:47:24 +08:00

README.MD

一个简洁至上的 博客 & 文档 & 笔记管理 主题

Introduce

  1. 根据 vuepress 的默认主题修改而成,追求简洁至上

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

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

  4. 这主题可以很方便的管理你的学习笔记技术文档扩展的搜索框让你快速查找文档。

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

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

    根据目录自动生成侧边栏的约定说明

    分类标签不需要你每个文件都设置 Front Matter,只需按照我们的目录约定,我们会按照目录来进行分类,这更适合管理你的学习笔记。

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

    自动生成的Front Matter

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

    自动部署到 github 或 coding

  9. 效果: Evan's blog

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
    'vuepress-plugin-baidu-autopush', // 百度推送
    
    [
        'vuepress-plugin-baidu-tongji', // 百度统计
        {
            hm: '8a5**************47d607481723b7815d' // 设置你自己的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. 在线编辑和新增文章的方法

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