|
|
||
|---|---|---|
| .github/workflows | ||
| docs | ||
| utils | ||
| .gitignore | ||
| README.MD | ||
| baiduPush.sh | ||
| deploy.sh | ||
| package.json | ||
README.MD
一个简洁至上的 博客 & 文档 & 笔记管理 主题
Introduce
-
根据 vuepress 的默认主题修改而成,追求简洁至上。
-
这是一个兼具 博客文章 & 技术文档 & 学习笔记 管理的博客主题。
-
添加博客所需的评论、时间轴、分类、最近更新 等。
-
这主题可以很方便的管理你的学习笔记和技术文档,扩展的搜索框让你快速查找文档。
-
添加对前端程序员很友好demo演示模块,很方便的在博客中插入demo,同时可以查看demo源码,跳转到codepen在线编辑。
-
自动侧边栏满足不了需求?手动配置侧边栏工作繁杂?没关系,我们有自动生成侧边栏!
分类标签不需要你每个文件都设置 Front Matter,只需按照我们的目录约定,我们会按照目录来进行分类,这更适合管理你的学习笔记。
-
vuepress 的页面链接对于博客来说是一个阴暗面,官方对于 永久链接 的处理我个人不是特别喜欢,因此我们就有了自动生成永久链接,你不需要给每个页面定义一个Front Matter指定永久链接,我们会通过文件名来生成一个永久链接码到你的页面Front Matter。但这并不妨碍你在特定页面手动指定自己喜欢的永久链接。
-
自动部署,内置
deploy.sh和 GitHub Actions 两种自动部署脚本,一键发布到 GitHub Pages 或 国内访问速度更快的Coding Pages。 -
效果: 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
-
百度推送和统计
以插件的形式加入百度推送和统计,
npm安装如下插件并配置//config.js 'vuepress-plugin-baidu-autopush', // 百度推送 [ 'vuepress-plugin-baidu-tongji', // 百度统计 { hm: '8a5**************47d607481723b7815d' // 设置你自己的hm参数 } ] -
评论模块
-
自定义域名及解析
-
SEO相关
// config.js module.exports = { description: '填写网站描述', // 以 <meta> 标签渲染到页面html中 head: [ // 注入到页面<head> 中的标签,[tagName, { attrName: attrValue }] ['meta', { name: 'keywords', content: '填写关键字'}] ] } -
图床
-
结合GitHub Actions开发的每天定时百度推送,加快收录
-
在线编辑和新增文章的方法