前沿
地址
本人代碼倉庫:https://github.com/Lihua-cpu/BlockPage
個人博客地址:https://lihua-cpu.github.io/BlockPage/
展示效果
pc展示效果
app展示效果
入門
快速開始
快速開始同 VuePress 官網(wǎng)：
npx
# 初始化，并選擇 2.x
npx @vuepress-reco/theme-cli init
npm
# 初始化，并選擇 2.x
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
手動安裝
npm install vuepress@next vuepress-theme-reco@next --save-dev
# or
yarn add vuepress@next vuepress-theme-reco@next
// .vuepress/config.ts
import { defineUserConfig } from 'vuepress'
import { recoTheme } from 'vuepress-theme-reco'
export default defineUserConfig({
theme: recoTheme({
// options
})
})
部署
官方部署
部署gitee、github是可以的,但是gitee部署需要實(shí)名認(rèn)證,github則不需要.
官網(wǎng):https://vuepress.vuejs.org/zh/guide/deploy.html#github-pages
23-12-17目前我的部署
官網(wǎng)有給出多個平臺部署到步驟,但是他只是給出大概部署
總結(jié)起來的腳本就是:
1、打包——build
2、進(jìn)入打包的產(chǎn)物,將打包的產(chǎn)物提到另外的分支
3、部署關(guān)于這個分支的代碼到githubpage上
三個步驟
如果需要到時候?qū)懸幌玛P(guān)于“提交代碼立刻觸發(fā)這個腳本”的博客
因?yàn)闆]有寫流水線打包只能手動打包啦
1、創(chuàng)建分支gh-pages
2、打包build
3、將打包產(chǎn)物提交分支gh-pages
4、開啟github的page,然后將服務(wù)器指向gh-pages文章來源：http://www.zghlxwxcb.cn/news/detail-765204.html
1、創(chuàng)建分支gh-pages
2、打包build
3、將打包產(chǎn)物提交分支gh-pages
4、開啟github的page,然后將服務(wù)器指向gh-pages
參考
1、通過iconfont使用圖標(biāo)
https://juejin.cn/post/7242181894116573245
2、官網(wǎng)
https://vuepress-theme-reco.recoluan.com/
3、從創(chuàng)建到部署
這個比較全面,但是有不好的就是,他的部署也是看著官方寫的,如果不會部署的,直接自己build,然后把產(chǎn)物直接丟到github,然后就是開啟github的githubPage,流水線先別寫等熟悉再文章來源地址http://www.zghlxwxcb.cn/news/detail-765204.html
https://juejin.cn/post/7041134607869149215
到了這里，關(guān)于基于vuepress快速實(shí)現(xiàn)個人博客-github免費(fèi)部署的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
