【卡夫卡的島上書店】：一個利用 vuepress 的主題 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的靜态部落格

說明

主題是用了​​[email protected]​​​ 以及​​[email protected]​​，自己在此基礎上進行了兩款主題的融合，以及部分功能的改造、個性化的功能開發。

個人部落格連結：​​【卡夫卡的島上書店】​​

源碼位址：​​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​

​

總目錄頁面

分類頁面

标簽頁面

歸檔頁面

文本頁面

圖書館頁面

留言闆頁面