【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客

简介: 【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客

说明

主题是用了vuepress-theme-reco@1.6.1 以及vuepress-theme-vdoing@1.7.2,自己在此基础上进行了两款主题的融合,以及部分功能的改造、个性化的功能开发。

源码地址:https://gitee.com/kaimo313/kxm-blog

目前版本效果

配置的代码:docs/.vuepress/config.js

const head = require('./config/head.js');
const plugins = require('./config/plugins.js');
const themeConfig = require('./config/themeConfig.js');
module.exports = {
  title: "卡夫卡的岛上书店",
  base: '/blogs/', // 格式:'/<部署仓库名>/', 默认'/'
  description: "卡夫卡的岛上书店是凯小默的个人博客,用于记录学习笔记、分享音乐、书籍、旅行等个人兴趣的站点。",
  dest: "public",
  theme: require.resolve('../../theme-reco-vdoing'), // 使用本地主题
  markdown: {
    lineNumbers: true // 代码行号
  },
  head,
  plugins,
  themeConfig
}


首页



首页代码组件:theme-reco-vdoing/components/HomeBlog.vue

总目录页面


分类页面

标签页面


归档页面

文本页面


图书馆页面

留言板页面



目录
相关文章
|
9月前
|
JavaScript 前端开发 Go
8 大博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比
探索各类博客引擎:Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js和Middleman的对比,包括语言、模板引擎、速度、社区活跃度等。了解每种引擎的优缺点,助你选择合适的博客构建工具。查看详细文章以获取更多实战和安装指南。
Hugo教程#3单页面布局
上集我们学习了如何创建一个index的布局,那么是不是所有的页面都要创建一个布局,那肯定不是的,那样的话实在太麻烦,因为只显对应页面的markdown里面的内容,所以创建一个single.html布局就可以了,所有的页面都可以使用这个布局
101 0
vuepress-theme-vdoing
vuepress-theme-vdoing
101 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-vue3.0-图标库安装使用
前端学习笔记202305学习笔记第二十二天-vue3.0-图标库安装使用
64 0
butterfly主题的下载及美化
butterfly主题的下载及美化
233 0
|
前端开发
【Butterfly美化】Hexo Butterfly主题使用阿里巴巴iconfont
Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢?可以使用阿里巴巴iconfont来拓展啦,今天教大家在Hexo中使用阿里巴巴iconfont矢量图标库。
595 0
|
搜索推荐
【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客
【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客
162 0
【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客
|
前端开发
前端知识学习案例1-tailWind Css+vite2.0-创建项目
前端知识学习案例1-tailWind Css+vite2.0-创建项目
66 0
前端知识学习案例1-tailWind Css+vite2.0-创建项目
|
前端开发
前端知识学习案例2-tailWind Css+vite2.0-创建项目2
前端知识学习案例2-tailWind Css+vite2.0-创建项目2
64 0
前端知识学习案例2-tailWind Css+vite2.0-创建项目2
|
前端开发
前端知识学习案例10-tailWind Css+vite2.0-部署项目
前端知识学习案例10-tailWind Css+vite2.0-部署项目
141 0
前端知识学习案例10-tailWind Css+vite2.0-部署项目