手把手教你使用 VuePress 搭建个人博客 有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看. 一.为什么你需要一个博客? 优秀的程序员都在写博客,写博客有很多好处: 帮助自己梳理.总结.理解知识点(个人提升) 帮助别人理解知识点(好人一生平安) 简历更好看,更多面试机会(升职加薪) 二.什么是 VuePress,为什么要使用 VueP…

使用VuePress搭建个人博客 VuePress 是一个基于 Vue 的静态网站生成器.其中主要用到:Vue,VueRouter,Webpack. 类似的工具:hexo 基于 Markdown 语法生成网页 可以使用 Vue 开发的组件 使用 VuePress 搭建个人博客: 创建远程仓库 本地博客项目搭建 其它 创建远程仓库 来到Github,创建仓库 没有用户的话先注册.新建一个仓库: 点左边的New或右上角加号里面的New repository 填写仓库名,点Create reposit…

如何使用 VuePress 搭建一个 element-ui 风格的文档网站 { "devDependencies": { "vuepress": "1.5.3" }, "dependencies": { "async-validator": "1.11.5", "element-ui": "^2.14.1", // "vue":…

vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发的 vuepress主题.本文将介绍依赖这个主题,构建GitHub pages静态博客的详细过程 提前说明:本过程比较详细,相当于手把手的教,针对于不熟悉vuepress的人介绍的,大佬不喜勿喷. 第一步:新建一个GitHub仓库 1. 仓库名随便取,不用以 username.github.io 这…

推荐在这里阅读效果更佳 背景 网上搜了很多教程,包括官网的教程,但是还是费了一番功夫, 如果你使用自动化部署脚本部署不成功的话,可以参考我的这个笨方法 这是部署后的效果 前提 我假设你本地运行OK, 已经准备好要部署了 第一步 你的 vuepress 项目是否已经在github上的仓库下 如果是,请跳到第二步 如果不是,想在GitHub新建一个仓库,如图所示: ## 小坑 仓库名字要和config.js 里 的 base 属性值一样 比如你的仓库名字叫myBlog base就是/myBlog/…

为了实现组件效果预览及代码展示可折叠功能,使用了插件vuepress-plugin-demo-container 相关配置可参考官网说明文档 第一步 安装插件 npm i - D vuepress-plugin-demo-container 第二步 配置插件 在config.js 文件夹里(.vupress目录下)配置插件 module.exports = { plugins: ['demo-container'] } 第三步 创建components目录,新建md文件,用于展示组件 第四步 在…

尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行速度,还是打包速度超级快,果断将个人博客迁移到 Hugo. Hugo 官方的定义是: Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun ag…

前言 学 Rust 也有一段时间了,网上也有不少官方文档的中文翻译版,但是似乎只有 Rust中文网站 文档一直是最新的,奈何并没有 PDF 供直接下载,是在是不太方便,为了方便阅读以及方便后续文档更新,决定用 Python 写一个爬虫将网页下载下来保持为 PDF. 最后完成结果如下: 是的没错,将官网样式也保留下来成功转为 PDF,接下来分享一下整个爬虫的过程,最终的爬虫可以导出任意 VuePress 搭建的网站为 PDF. 爬虫 依赖库的选定 requests BeautifulSoup4 p…

将VuePress建立的博客部署到GitHub或Gitee上 在上一篇中,我们详细介绍了如何利用VuePress搭建起个人博客系统,但这只是在本地debug启动的,接下来,我们把它部署到Github网站. 在config.js中配置base base: '/v-blog/', v-blog是我Github上的仓库名 编写自动化脚本 在根目录/v-blog/下我们需要编写两个脚本 因为写在一个脚本里话编译完会直接退出, 所以把编译的命令单独放在另外一个脚本文件里调就可以了 build.bat @e…

原文参考链接 手把手教你使用 VuePress 搭建个人博客 有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看. 一.为什么你需要一个博客? 优秀的程序员都在写博客,写博客有很多好处: 帮助自己梳理.总结.理解知识点(个人提升) 帮助别人理解知识点(好人一生平安) 简历更好看,更多面试机会(升职加薪) 二.什么是 VuePress,为什么要…