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

全网最全小白搭建Hexo+Gitee/Coding 全网最全小白搭建Hexo+Gitee/Coding 本站内容已全部转移到https://www.myyuns.ltd,具体请移步到www.myyuns.ltd查看

目录 快速入门 在现有vue项目中安装本地开发依赖vuepress 在现有vue项目根目录下创建docs目录 创建并配置文档首页内容 运行,查看效果 可能会出现vue和vue-server-renderer版本不匹配的报错 以下通过示例说明vuepress的基本使用方法 最终效果预览 示例目录结构说明 页面效果和文件对应关系说明 (Window OS)将项目文档部署到Gitee上 创建用于部署项目文档的仓库 配置script 在项目根目录创建build.bat和deploy.bat 在confi

一.本地环境搭建 1.安装Git Git可以有效.高速的处理各种项目版本管理.也就是用来管理你的hexo博客文章,上传到GitHub的工具. Git下载地址 安装好了之后使用git -version查看版本 2.安装Node.js Hexo基Node.js,需要安装一下Node.js和里面的npm工具 Node.js下载地址 安装好了之后win+R,输入cmd 在终端输入node -v npm-v查看是否安装成功 3.安装Hexo Hexo是一款基于Node.js的静态博客框架Hexo官网 先创

利用mkdocs建立简单的文档博客 一.概述 MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作为配置文档. 二.mkdocs安装 1.安装python 可以去python官网下载安装,安装方法网上很多就不多做赘述. 2.安装mkdocs python3安装后已经自带pip,可以立即安装mkdocs. pip install mkdocs 如果下载慢,可更换安装源为豆瓣 pip install

title: 码云上部署hexo博客框架 Hexo框架在码云上实现个人博客 本文受 https://www.jianshu.com/p/84ae2ba1c133 启发编写 本地调试 安装完Node.js https://nodejs.org/en/ 安装git bash工具 https://gitforwindows.org/ 在目录下建立博客文件夹,同时cd进目录 右键 git bash here 输入命令 npm install -g hexo-cli 查看是否安装成功,输入命令 hexo

目录 用Hugo在gitee上构建博客(Windows环境下) 1.为什么要用gitee? 2.安装git 3.安装Hugo 4.创建远程仓库 5.搭建博客 (以下所有命令都在git bash中输入) 6.感言 用Hugo在gitee上构建博客(Windows环境下) 大家好!这是我第一次在gitee上搭建博客,也是我第一次写博客.作为一个博客小白,我在搭建博客的过程中走了很多弯路,但也收获了丰富的经验.现在我把自己搭建博客的过程分享给大家,希望能帮助到有需要的人.当然其中还有很多不足之处,欢迎

Hexo.主题.部署上线 安装Hexo git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开). 比如我的博客文件都存放在D:\MyBlog目录下. 在该目录下右键点击Git Bash Here,打开git的控制台窗口,以后我们所有的操作都在git控制台进行,就不用Windows自带的cmd了. npm install -g hexo-cli 安装完后输入hexo -

前言 点此转到--精简版 可能很多小伙伴都有搭建一个属于自己的博客的想法.但是经常是无奈于自己匮乏的知识.但是,每个老手都是新手过来的,再困难的事情,只要肯花一点时间都可以办成. 本次教程分为详细版和精简版. 精简版,顾名思义,废话 少说,重在操作. 详细版,重在拓展基础知识,并且通俗易懂的讲解.大家可以按需取用. 另外,文章末尾常见问题部分写了几个新手经常忽略的点 & 遇到的坑 建议大家在遇到问题的时候,先ctrl+F在此页面先搜索,找不到再百度或谷歌. 前期准备 搭建前需要知道的 一个网站的

什么是 GitHub Actions ? GitHub Actions 是一个 CI/CD(持续集成/持续部署)工具,GitHub 于 2018 年 10 月推出,正式版于 2019 年 11 月正式推出. 本文假设你已经有了自己的 hexo 静态博客,因此只简单介绍了自动化部署需要的设置. 创建代码仓库 1.我已经有了 tonywdy.github.io 仓库用来存放静态博客页面,仓库类型是 public 2.新建一个 myblog 仓库用来存放 Hexo 项目的源码,这个仓库的类型是 pri

CI/CD包含很多流程,如拉取代码.测试.构建打包.登录远程服务器.部署发布等等. 而Github Actions是GitHub推出的一个CI/CD工具,类似工具还有TravisCI.Jenkins等 在GitHub Actions中,每个独立的脚本就是一个action,这些action可以复用,参考官方action市场 Github Actions 基本概念 workflow 工作流 on 触发条件 job 任务 step 步骤 action 动作 环境变量 workflow 工作流 一个工作

最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么,不得搞个数据库么,不需要域名备案么?当然,这些确实是建立一个博客站点需要的东西,如果都没有,问题倒是也不大. 首先,Github 为我们做出了巨大的贡献,直接帮我们解决服务器和域名问题,当然,在国内访问 Github 可能会有些慢,但是国内有 Gitee 啊,完全不逊色 Github 的好不好. 博

其实所有单页面应用都一样 只需要在nginx里面配置 location / { root html; index index.html index.htm; rewrite ^/.*/$ / last; # Redirect everything to / (ex index.html) and let the JS router take care of the rest rewrite ^([^.]*[^/])$ $1/ permanent; # Force trailing slash }

什么是Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 本文将介绍如何在没有域名和云主机的情况下,使用Hexo和Gitee完成静态博客搭建. 环境介绍 NodeJS(Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本,本文演示使用v12.16.1) Git 安装NodeJS和Git就不再介绍,大家可以自行安装或通过搜索引擎查找相关教程. 开始安装 1.

使用 GraphQL 构建 VueJS 应用 零.前言 一.数据绑定.事件和计算属性 二.组件.混合器和功能组件 三.设置我们的聊天应用--AWS Amplify 环境和 GraphQL 四.创建自定义应用组件和布局 五.创建用户 Vuex 模块.页面和路由 六.创建聊天和消息 Vuex.页面和路由 七.将您的应用程序转换为 PWA 并部署到 Web VueJS2 Web 开发完全手册 零.前言 一.Vue.js 入门 二.显示.循环.搜索和筛选数据 三.优化应用并使用组件显示数据 四.使用 D

号外,号外!OneOS-Lite诞生啦!前有大哥OneOS,以及一众优秀的RTOS,正所谓珠玉在前,我很难啊.但我可不能怂,大哥叫小O,我就叫小L,站在大哥的肩上,小小L也有发光发热的机会. 小L代码结构简单,配置方便,极易上手,非常适合用以进行RTOS的学习和研究.精简稳定的内核是我的原能矩阵.适配广泛的外设驱动是我的钢铁战衣.丰富多样的组件是我的武器库,只需简单几步就可以快速实现应用开发,方便高效,火力十足!尤其在资源紧张的MCU上更显游刃有余. 1 代码图谱 和大哥相比,小L很Lite.目

超详细动手搭建一个Vuepress站点及开启PWA与自动部署 五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了. 记得最后一定要看注意事项! Vuepress介绍 官网:https://vuepress.vuejs.org/ 类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽.当然搭建成博客也不成问题. Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytic

vuepress是一款十分优秀简洁的文档生成器,可以根据目录下的md文档自动生成对应的html文件,界面简洁大方.每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO).本文将介绍如何在CentOS7环境下部署vuepress.可以先欣赏一下效果再决定是否要搭建:https://mfrank2016.github.io/wikibook/.个人觉得还算不错的,比较简洁大方. 一.安装nodejs curl -sL https://rp

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

先来一下演示效果.和vue的官方文档几乎是一致的,页面内容都可自定义. 此教程部署后的效果预览. 在你跟着教程搭建好项目之后,你会收获: 快速搭建一个文档/博客,后期只需要修改markdown内容和导航参数,即可一键打包生成页面. 页面具有非常好的加载性能和搜索引擎优化(SEO),其他的页面则会只在用户浏览到的时候才按需加载. 自动生成全局搜索.记录上次修改时间等功能. 可嵌入vue组件或跳转至其他页面,可定制自己的样式模板便于扩展. 一键免费部署到 github.pages,无需服务器即可拥有