【卡夫卡的岛上书店】:一个利用 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




目前版本效果


44d2cc74ff524faf811f61376373606e.png

配置的代码: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
}


首页

image.png


image.png



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

总目录页面


image.png


分类页面

image.png


标签页面

image.png



归档页面


image.png



文本页面


image.png




图书馆页面


image.png



留言板页面

2aba548e128443d5b4d16176ac73568b.png













目录
相关文章
|
4月前
|
JavaScript
tailwindcss使用教程
【8月更文挑战第1天】
64 3
|
7月前
|
JavaScript
Hexo个人博客之Next-8.20主题下载及美化
Hexo个人博客之Next-8.20主题下载及美化
|
7月前
|
JavaScript 前端开发 Go
8 大博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比
探索各类博客引擎:Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js和Middleman的对比,包括语言、模板引擎、速度、社区活跃度等。了解每种引擎的优缺点,助你选择合适的博客构建工具。查看详细文章以获取更多实战和安装指南。
|
7月前
|
搜索推荐
【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客
【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客
97 0
vuepress获取所有页面frontmatter
vuepress获取所有页面frontmatter
62 0
|
前端开发
【Butterfly美化】Hexo Butterfly主题使用阿里巴巴iconfont
Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢?可以使用阿里巴巴iconfont来拓展啦,今天教大家在Hexo中使用阿里巴巴iconfont矢量图标库。
582 0
|
前端开发
前端知识学习案例10-tailWind Css+vite2.0-部署项目
前端知识学习案例10-tailWind Css+vite2.0-部署项目
134 0
前端知识学习案例10-tailWind Css+vite2.0-部署项目
|
自然语言处理 数据可视化
使用vuepress-theme-reco搭建自己的博客
你想搭建属于你自己的博客吗?你想将你的笔记可视化吗?快来学些Markdown笔记一键生成网页的方法吧!
407 1
使用vuepress-theme-reco搭建自己的博客