lisang
/
vuepress-theme-vdoing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改仓库名

This commit is contained in:
xugaoyi 2020-03-14 11:06:50 +08:00
parent 63afcb4df8
commit 3048471c8b
12 changed files with 34 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
README.MD
View File

@ -2,7 +2,7 @@
## 一个简洁而精致的 笔记管理 & 博客 & 文档 主题
[![CI](https://github.com/xugaoyi/blog/workflows/CI/badge.svg)](https://github.com/xugaoyi/blog/actions?query=workflow%3ACI) [![baiduPush](https://github.com/xugaoyi/blog/workflows/baiduPush/badge.svg)](https://github.com/xugaoyi/blog/actions?query=workflow%3AbaiduPush) [![last-commit](https://img.shields.io/github/last-commit/xugaoyi/blog)](https://github.com/xugaoyi/blog/commits/master) [![GitHub stars](https://img.shields.io/github/stars/xugaoyi/blog)](https://github.com/xugaoyi/blog/stargazers) [![QQ](https://img.shields.io/badge/撩我-894072666-brightgreen)](https://xugaoyi.com/about/#%E8%81%94%E7%B3%BB)
[![CI](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/workflows/CI/badge.svg)](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/actions?query=workflow%3ACI) [![baiduPush](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/workflows/baiduPush/badge.svg)](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/actions?query=workflow%3AbaiduPush) [![last-commit](https://img.shields.io/github/last-commit/xugaoyi/vuepress-theme-vdoing-blog)](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/commits/master) [![GitHub stars](https://img.shields.io/github/stars/xugaoyi/vuepress-theme-vdoing-blog)](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/stargazers) [![QQ](https://img.shields.io/badge/撩我-894072666-brightgreen)](https://xugaoyi.com/about/#%E8%81%94%E7%B3%BB)
效果预览：[ Evan's blog](https://xugaoyi.com/)
@ -24,9 +24,9 @@
<li>
简单的导航栏配置，参照 <a href="https://vuepress.vuejs.org/zh/theme/default-theme-config.html#导航栏">官方配置</a>
</li>
<li>简单的目录页配置，参照 <a href="https://github.com/xugaoyi/blog/issues/330">目录页配置</a></li>
<li>简单的目录页配置，参照 <a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/330">目录页配置</a></li>
<li>自动生成侧边栏工具（请看第6条）</li>
<li><a href="https://github.com/xugaoyi/blog/blob/master/docs/.vuepress/plugins/enhanced-search/README.md">扩展的搜索框插件</a></li>
<li><a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/blob/master/docs/.vuepress/plugins/enhanced-search/README.md">扩展的搜索框插件</a></li>
</ul>
</details>
@ -36,7 +36,7 @@
<ul>
<li><a href="https://github.com/dongyuanxin/vuepress-plugin-comment">评论栏插件</a>
</li>
<li><a href="https://github.com/xugaoyi/blog/issues/331">时间轴+分类 页面配置</a>
<li><a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/331">时间轴+分类 页面配置</a>
</li>
<li>最近更新模块（暂无文档）</li>
</ul>
@ -45,7 +45,7 @@
6. 自动侧边栏满足不了需求？手动配置侧边栏工作繁杂？没关系，我们有**自动生成侧边栏工具**！
[根据目录自动生成侧边栏和分类标签的约定说明](https://github.com/xugaoyi/blog/issues/113)
[根据目录自动生成侧边栏和分类标签的约定说明](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/113)
7. 添加对*前端程序员*很友好**Demo演示模块**，很方便的在博客中插入demo，同时可以查看demo源码，跳转到codepen在线编辑。
@ -53,11 +53,11 @@
8. VuePress 的页面链接对于博客来说是一个阴暗面，官方对于 [永久链接](https://vuepress.vuejs.org/zh/guide/permalinks.html) 的处理我个人不是特别喜欢，因此就有了**自动生成永久链接**，你不需要给每个页面定义一个[Front Matter](https://vuepress.vuejs.org/zh/guide/frontmatter.html)指定永久链接，我们会通过文件名来生成一个永久链接码到你的页面Front Matter。但这并不妨碍你在特定页面手动指定自己喜欢的永久链接。
[自动生成Front Matter工具](https://github.com/xugaoyi/blog/issues/324)
[自动生成Front Matter工具](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/324)
9. **自动部署**，内置 `deploy.sh` 和 [GitHub Actions](https://github.com/features/actions) 两种自动部署脚本，一键发布到 GitHub Pages 或 国内访问速度更快的Coding Pages。
[自动部署到 github 或 coding](https://github.com/xugaoyi/blog/issues/325)
[自动部署到 github 或 coding](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/325)
@ -65,8 +65,8 @@
```bash
# 克隆项目后进入
git clone https://github.com/xugaoyi/blog
cd blog
git clone https://github.com/xugaoyi/vuepress-theme-vdoing-blog
cd vuepress-theme-vdoing-blog
# 安装依赖并运行开发服务
npm install # or yarn install
@ -100,7 +100,7 @@ npm run dev # or yarn dev
3. **自定义域名及解析**
[自定义域名及解析](https://github.com/xugaoyi/blog/issues/326)
[自定义域名及解析](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/326)
4. **SEO相关**
@ -124,5 +124,5 @@ npm run dev # or yarn dev
7. **在线编辑和新增文章的方法**
[在线编辑和新增文章的方法](https://github.com/xugaoyi/blog/issues/327)
[在线编辑和新增文章的方法](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/327)

4
deploy.sh
View File

@ -13,10 +13,10 @@ cd docs/.vuepress/dist
echo 'b.xugaoyi.com' > CNAME
if [ -z "$GITHUB_TOKEN" ]; then
msg='deploy'
githubUrl=git@github.com:xugaoyi/blog.git
githubUrl=git@github.com:xugaoyi/vuepress-theme-vdoing-blog.git
else
msg='来自github actions的自动部署'
githubUrl=https://xugaoyi:${GITHUB_TOKEN}@github.com/xugaoyi/blog.git
githubUrl=https://xugaoyi:${GITHUB_TOKEN}@github.com/xugaoyi/vuepress-theme-vdoing-blog.git
git config --global user.name "xugaoyi"
git config --global user.email "894072666@qq.com"
fi

6
docs/.vuepress/config.js
View File

@ -4,7 +4,7 @@ const sidebar = require('./config/sidebar-auto.js');
module.exports = {
title: "Evan's blog", // 标题
description: 'web前端技术博客,简洁至上,专注web前端学习与总结。JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github等技术文章。', // 描述,以 <meta> 标签渲染到页面html中
// base: '/blog/', // 默认'/' || github仓库名'/<仓库名>/',
// base: '/vuepress-theme-vdoing-blog/', // 默认'/' || github仓库名'/<仓库名>/',
head: [ // 注入到页面<head> 中的标签，格式[tagName, { attrName: attrValue }, innerHTML?]
['link', { rel: 'icon', href: '/img/favicon.ico' }], //favicons，资源放在public文件夹
['meta', { name: 'keywords', content: '前端博客,个人技术博客,前端,前端开发,前端框架,web前端,前端面试题,技术文档,学习,面试,JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github,markdown'}],
@ -23,7 +23,7 @@ module.exports = {
sidebar, // 侧边栏 'auto' | 自定义
sidebarDepth: 2, // 侧边栏显示深度，默认1，最大2（显示到h3标题）
logo: '/img/EB-logo.png', // 导航栏logo
repo: 'xugaoyi/blog', // 导航栏右侧生成Github链接
repo: 'xugaoyi/vuepress-theme-vdoing-blog', // 导航栏右侧生成Github链接
searchMaxSuggestions: 10, // 搜索显示最大数
lastUpdated: '上次更新', // 更新的时间，及前缀文字 string | boolean (取值为git提交时间)
@ -102,7 +102,7 @@ module.exports = {
options: {
clientID: 'a6e1355287947096b88b',
clientSecret: 'f0e77d070fabfcd5af95bebb82b2d574d7248d71',
repo: 'blog', // GitHub 仓库
repo: 'vuepress-theme-vdoing-blog', // GitHub 仓库
owner: 'xugaoyi', // GitHub仓库所有者
admin: ['xugaoyi'], // 对仓库有写权限的人
distractionFreeMode: false,

40
docs/.vuepress/config/nav.js
View File

@ -42,44 +42,4 @@ module.exports = [
},
{text: '关于', link: '/about/'},
{text: '时间轴', link: '/timeline/'},
// {text: '前端', link: '/01.前端/01.JavaScript/01.JavaScript中的名词概念'},
// {text: '页面', link: '/02.页面/01.html-css/00.flex布局语法'},
// {text: '技术杂谈', link: '/03.技术杂谈/01.技术杂谈/01.Git使用手册'},
// {text: '其他',
// items: [
// {text: '学习', link: '/04.其他/01.学习/01.学习网站'},
// {text: '学习笔记', link: '/04.其他/02.学习笔记/01.小程序笔记'},
// {text: '面试', link: '/04.其他/03.面试/01.面试问题集锦'},
// {text: '在线工具', link: '/04.其他/04.在线工具'},
// {text: '友情链接', link: '/04.其他/05.友情链接'},
// ]
// },
// {text: '关于我', link: '/05.关于我/01.关于我'},
// {text: '技术杂谈',items:[
// {text: '技术',items:[
// {text: 'Git使用文档', link: '/other/git'},
// {text: 'GitHub高级搜索技巧', link: '/other/github'},
// {text: 'Markdown使用教程', link: '/other/markdown'},
// {text: 'npm使用教程', link: '/other/npm'},
// {text: 'yaml教程', link: '/other/yaml'},
// ]},
// {text: '学习',items:[
// {text: '学习效果低，忘性很大怎么办？',link: '/other/LearningAndMemory'},
// {text: '学习网站分享', link: '/other/study'},
// ]},
// {text: '学习笔记',items:[
// {text: '小程序笔记',link: '/other/note/01.小程序笔记'},
// {text: '《Python语言程序设计》基础课程学习',link: 'https://github.com/xugaoyi/python-learn'},
// ]},
// {text: '面试',items:[
// {text: '面试问答集锦', link: '/other/interview'},
// ]},
// {text: '其他',items:[
// {text: '在线工具', link: '/other/utils'},
// {text: '关于本博客搭建', link: 'https://github.com/xugaoyi/blog'},
// {text: '解决百度无法收录搭建在GitHub上的个人博客的问题', link: '/other/baidushoulu'}
// ]},
// ]},
]

6
docs/.vuepress/theme/components/PageNav.vue
View File

@ -69,7 +69,11 @@ export default {
this.isShowTooltip = true
const tooltipEle = this.$refs.tooltip
tooltipEle.textContent = e.target.dataset.tooltip
const tooltipText = e.target.dataset.tooltip
if (tooltipEle.textContent !== tooltipText) {
tooltipEle.textContent = tooltipText
}
const clientW = document.body.clientWidth
const X = e.clientX
const tooltipEleStyle = tooltipEle.style

4
docs/02.页面/20.CSS/40.水平垂直居中的几种方式-案例.md
View File

@ -1,9 +1,9 @@
---
title: 水平垂直居中的几种方式
title: 水平垂直居中的几种方式-案例
date: 2020-03-13 16:13:43
permalink: /pages/cb7cb251adba4bf7
---
# 水平垂直居中的几种方式
# 水平垂直居中的几种方式-案例
<iframe height="880" style="width: 100%;" scrolling="no" title="水平垂直居中的几种方式" src="https://codepen.io/xugaoyi/embed/poJLeYv?height=880&theme-id=light&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/xugaoyi/pen/poJLeYv'>水平垂直居中的几种方式</a> by xugaoyi

2
docs/03.技术/02.GitHub技巧/02.GitHub Actions 实现自动部署静态博客.md
View File

@ -11,7 +11,7 @@ permalink: /pages/6b9d359ec5aa5019
coding pages在国内的访问速度比github pages要快很多，而且还可以被百度收录。
一开始的部署方式是使用[sh部署脚本](https://github.com/xugaoyi/blog/blob/master/deploy.sh)把代码提交到这两个平台的仓库分支，虽然已经很方便了，但是我还想把博客未打包的源码提交到Github主分支上。这就需要我操作两次命令，**我就想能不能只需要一次操作就可以同时把源码、部署代码一次性提交到两个平台呢？**
一开始的部署方式是使用[sh部署脚本](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/blob/master/deploy.sh)把代码提交到这两个平台的仓库分支，虽然已经很方便了，但是我还想把博客未打包的源码提交到Github主分支上。这就需要我操作两次命令，**我就想能不能只需要一次操作就可以同时把源码、部署代码一次性提交到两个平台呢？**

4
docs/03.技术/02.GitHub技巧/03.GitHub Actions 定时运行代码：每天定时百度链接推送.md
View File

@ -75,7 +75,7 @@ function main() {
}
```
上面代码仅是针对我个人的博客生成链接到`urls.txt`文件。更多代码在 [这里](https://github.com/xugaoyi/blog/blob/master/utils/baiduPush.js)。
上面代码仅是针对我个人的博客生成链接到`urls.txt`文件。更多代码在 [这里](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/blob/master/utils/baiduPush.js)。
运行如下命令就可以生产一个包含博客所有链接的`urls.txt`文件：
```sh
@ -126,7 +126,7 @@ jobs:
run: npm install && npm run baiduPush # 运行命令。（注意，运行目录是仓库根目录）
```
上面代码中，指定运行环境是最新的ubuntu，流程的第一步是从代码仓库获取代码，第二步运行两个命令，先安装项目依赖，再运行写在`package.json`的`baiduPush`命令。完整代码看 [这里](https://github.com/xugaoyi/blog/blob/master/.github/workflows/baiduPush.yml)
上面代码中，指定运行环境是最新的ubuntu，流程的第一步是从代码仓库获取代码，第二步运行两个命令，先安装项目依赖，再运行写在`package.json`的`baiduPush`命令。完整代码看 [这里](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/blob/master/.github/workflows/baiduPush.yml)

2
docs/03.技术/04.博客搭建/01.解决百度无法收录搭建在GitHub上的个人博客的问题.md
View File

@ -6,7 +6,7 @@ permalink: /pages/41f87d890d0a02af
# 解决百度无法收录搭建在GitHub上的静态博客的问题
::: warning
如果你正在寻找本博客的搭建文档，博主建议您查看这个仓库的[README](https://github.com/xugaoyi/blog)。
如果你正在寻找本博客的搭建文档，博主建议您查看这个仓库的[README](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)。
:::
## 背景

6
docs/05.关于/01.关于.md
View File

@ -9,10 +9,10 @@ article: false
<!-- # 关于 -->
### 📚Blog
这是一个兼具博客文章、个人技能树、文档查找的个人网站，主要内容是Web前端技术。如果你喜欢这个博客&主题欢迎到[GitHub](https://github.com/xugaoyi/blog)点个Star、获取源码，或者交换[友链](/pages/844eea1b2387fb96/) ( •̀ ω •́ )✧
这是一个兼具博客文章、个人技能树、文档查找的个人网站，主要内容是Web前端技术。如果你喜欢这个博客&主题欢迎到[GitHub](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)点个Star、获取源码，或者交换[友链](/pages/844eea1b2387fb96/) ( •̀ ω •́ )✧
### 🎨Theme
本站主题是根据[VuePress](https://vuepress.vuejs.org/zh/)的默认主题修改而成。取名[Vdoing](https://github.com/xugaoyi/blog)(维度)，旨在方便你多维度的快速的管理和查找学习笔记以及技术文档。添加方便管理笔记文档的目录页、自动生成侧边栏工具、搜索框功能扩展等，添加博客所需的评论、时间轴、分类、最近更新等。更多[详情](https://github.com/xugaoyi/blog)。
本站主题是根据[VuePress](https://vuepress.vuejs.org/zh/)的默认主题修改而成。取名[Vdoing](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)(维度)，旨在方便你多维度的快速的管理和查找学习笔记以及技术文档。添加方便管理笔记文档的目录页、自动生成侧边栏工具、搜索框功能扩展等，添加博客所需的评论、时间轴、分类、最近更新等。更多[详情](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)。
### 🐼Me
从事Web前端开发工作，喜欢唱、跳、rap、篮球，写程序。 本人↓↓↓
@ -20,7 +20,7 @@ article: false
<img src='https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg' alt='本人照片' style="width:106px;">
[更新日志](https://github.com/xugaoyi/blog/commits/master)
[更新日志](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/commits/master)
## :email: 联系

6
docs/index.md
View File

@ -44,10 +44,10 @@ footer:
## 关于
### 📚Blog
这是一个兼具博客文章、个人技能树、文档查找的个人网站，主要内容是Web前端技术。如果你喜欢这个博客&主题欢迎到[GitHub](https://github.com/xugaoyi/blog)点个Star、获取源码，或者交换[友链](/pages/844eea1b2387fb96/) ( •̀ ω •́ )✧
这是一个兼具博客文章、个人技能树、文档查找的个人网站，主要内容是Web前端技术。如果你喜欢这个博客&主题欢迎到[GitHub](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)点个Star、获取源码，或者交换[友链](/pages/844eea1b2387fb96/) ( •̀ ω •́ )✧
### 🎨Theme
本站主题是根据[VuePress](https://vuepress.vuejs.org/zh/)的默认主题修改而成。取名[Vdoing](https://github.com/xugaoyi/blog)(维度)，含义是方便你多维度的快速的管理和查找学习笔记以及技术文档。添加方便管理笔记文档的目录页、自动生成侧边栏工具、搜索框功能扩展等，添加博客所需的评论、时间轴、分类、最近更新等。更多[详情](https://github.com/xugaoyi/blog)。
本站主题是根据[VuePress](https://vuepress.vuejs.org/zh/)的默认主题修改而成。取名[Vdoing](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)(维度)，含义是方便你多维度的快速的管理和查找学习笔记以及技术文档。添加方便管理笔记文档的目录页、自动生成侧边栏工具、搜索框功能扩展等，添加博客所需的评论、时间轴、分类、最近更新等。更多[详情](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)。
</br>
@ -126,7 +126,7 @@ footer:
* [解决百度无法收录搭建在GitHub上的静态博客的问题](/pages/41f87d890d0a02af/)
* [使用Gitalk实现静态博客无后台评论系统](/pages/1da0bf9a988eafe5/)
* [GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床](/pages/a5f73af5185fdf0a/)
* [博客源码](https://github.com/xugaoyi/blog)
* [博客源码](https://github.com/xugaoyi/vuepress-theme-vdoing-blog)
### 💡更多

2
utils/sidebar.js
View File

@ -81,7 +81,7 @@ function mapTocToSidebar(root, prefix){
let [order, title, type] = filename.split('.');
order = parseInt(order, 10);
if (isNaN(order) || order < 0) {
logger.error(`该文件 "${file}" 序号出错，请填写正确的序号，序号约定请查看：https://github.com/xugaoyi/blog/issues/113`);
logger.error(`该文件 "${file}" 序号出错，请填写正确的序号，序号约定请查看：https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/113`);
return;
}
if (sidebar[order]) { // sidebar数组的order位置的数据的布尔值