npm install @vuepress-reco/theme-cli@1.0.7 -g theme-cli init yarn # 初始化,并选择 2.x yarn global add @vuepress-reco/theme-cli@1.0.7 theme-cli init 这里我选择第一种方式 1. 先新建一个文件夹命名vuepress。 2. 进入vuepress文件夹,执行命令 `npx @vuepress-reco/theme-cli init` 选择2.x版...
详细介绍在这里vuepress-theme-reco,我也是基于这个主题快速搭建上手,别人造好的轮子能用就用(嘻嘻!感谢开源!) 上面还有很多案例,都很棒,有的主题胡里花哨(真的美!),比如山海以南、摸鱼人这些真的美,值得鉴赏和借鉴(copy)!!! 自己搭好的博客介绍一下 上面说了那么多怎么搭,那我该介绍一下自己博客网站了,看看...
config.ts配置修改 import{defineUserConfig}from"vuepress";importrecoThemefrom"vuepress-theme-reco";exportdefaultdefineUserConfig({title:"码无止境 Code is Life",description:"在无止境的编程代码世界里遨游,用代码改变我们的生活",theme:recoTheme({style:"@vuepress-reco/style-default",logo:"/logo.png",au...
npm install vuepress-theme-reco --save-dev # or yarn add vuepress-theme-reco config.js配置: module.exports = { // ... theme: 'reco' // ... } 刷新页面即可看见改变。这里就不贴具体图样了 添加文章信息 我们的文章必需要标题,可能需要展示文章作者信息、创建日期等信息,我们可以给文章的md文件...
详细介绍在这里vuepress-theme-reco,我也是基于这个主题快速搭建上手,别人造好的轮子能用就用(嘻嘻!感谢开源!) 上面还有很多案例,都很棒,有的主题胡里花哨(真的美!),比如山海以南、摸鱼人这些真的美,值得鉴赏和借鉴(copy)!!! 自己搭好的博客介绍一下 ...
最近在使用vuepress-theme-reco构建属于自己的博客,感兴趣的同学可以自己去官网上构建自己的博客。 在使用这个框架构建博客的时候,发现了一个及其令人头疼的问题——中文标签返回404,具体的表现形式: 解决办法 很快的啊,我找到了issue,里面的大佬已经给了对应的解释和解决办法。
下载vuepress-theme-reco官方的主题模板(脚手架),再根据自己的需要进行相应的修改,再根据自己的服务器配置Github Actions文件,最后上传到Github,触发Github Actions自动构建部署到第三方服务器。以后就只需提交markdown文件到Github,Github Actions便可自动部署到第三方服务器 ...
下载vuepress-theme-reco官方的主题模板(脚手架),再根据自己的需要进行相应的修改,再根据自己的服务器配置Github Actions文件,最后上传到Github,触发Github Actions自动构建部署到第三方服务器。以后就只需提交markdown文件到Github,Github Actions便可自动部署到第三方服务器 ...
上面的步骤已经让我们搭建出了一个最简单的博客系统了,就和Vue官网长得差不多,可能有些小伙伴不太喜欢,所以我们可以取网上找一个好看的主题改一下。 比如我们就是用下图的这种主题: 主题官网:主题 在blog目录下执行命令: npm install vuepress-theme-reco --save-dev ...
调整nav子标题的大小:vuepress-theme-vdoing\components\dropdownlink.vue style > h4 > font-size。 # 发布 进入 /home close之前的dist文件夹 sh close_dist.sh 1 xftp传输dist文件夹 f:\project\vuepress-blog\docs\.vuepress -> /var/vuepress 至此,算是正式发布第一版! #博客搭建 #vuepress 上次更新:...