基于VuePress和github用搭建无服务器的博客、文档系统
来源:http://www.tudoupe.com时间:2022-05-24
我最近想做一个项目, 介绍我的一些项目和每日文件, 让他们有自己的家, https://g. org.
它可以发挥博客系统、文档系统、项目引入系统和丰富的插件的作用。
要使用的域名: http://vupress. com/I'm not sure you're talking about, xgs. Net 域名( Github pages), http://vumpress. com/ I'm not sure what you're talking about, xgs.
我不知道你在说什么,xgss。 我不知道你在说什么, 但我不知道你在说什么, 但我不知道你在说什么,
什么是《VuePress》?
VuePress分为两部分:第一部分是简单的静态网络生成器(在新窗口打开)。它包括由 Vue 驱动的主题系统和插件 API 。默认主题也设计为编写技术论文。设立该委员会是为了帮助编制Vue及其分项的文件。
简言之,这是一个快速创建文件站点的工具, 功能一旦轻易建立, 只需要一个 Markdown 文档, 就可以放在 Github 页面中 。
本项目是我们人权观察社特别报道的一部分,我表示歉意, vuejs.http://ww.un.org/zh/。
i. 安装 Yarn 装置的Nodejs
创建者是Windows11, 访问网站:http://nodejs.com.cn/download/I'm downing node-v161.40.0-x64.Msi, 和其他软件安装一样。
安装之后。
MINGW64/e/360数据/关键数据/桌面/Administor@star-win11
$ node -v
v16.14.0
安装yarn
$ npm i yarn -g
二. 建造一个新的Github仓库
在 Github 上创建一个仓库; 您也可以为我的仓库设叉 。
三、克隆项目
地址改成自己的
# git clone git@github.com:funet8/vuepress.xgss.net.git
或者
# git clone https://github.com/funet8/vuepress.xgss.net.git
# 进入项目
cd vuepress.xgss.net
# yarn init # npm init
# yarn add -D vuepress # npm install -D vuepress
弹出如下信息:
yarn add v1.22.17
info No lockfile found.
[1/4] Resolving packages...
warning @vuepress/theme-blog > @vuepress/plugin-pwa > workbox-build > @hapi/joi@15.1.1: Switch to 'npm install joi'
...
└─ zepto@1.2.0
Done in 113.09s.
DOCs:dev *Yarn # npm 运行 docs:dev
在浏览器中可访问 IP+ 端口时, 当以下内容可以访问 IP+ 端口时
> VuePress dev server listening at http://localhost:8099/
五、浏览器访问
http://localhost:8080/访问。
IP(替代IP):http://192.one.XX:80800/
关于图片
VuePress 坚持“同意压倒配置”的概念,并按照网络配置目录结构。
静态图片应该添加到 md 。 以下列出的静态图片可以用于 md 文件 。 以下图像文件夹可以在公共文件中访问 :
我不知道你在说什么 压抑/公共/图像/logo 对不起,彭
md文档中:

六. 在线项目到 Guthub 网页
我不知道你们在忙些什么, xgss。这篇文章是我们特别报导全球之声Online.net/doc/gitbook/Github-Page-My-Domain.html的部分内容。
CNAME项目有一个新的文件。
echo 'vuepress.xgss.net'> CNAME
github中,setting--->pages
域名解析
我不知道你在说什么,Vuepress。 我不知道你在说什么, xgss.Net 域名CNAME对funet8. 来吧,Github.Io。
我不确定你在说什么,xgs。这篇文章是我们对2011年叙利亚抗议的特别报导的一部分。
关于自动打包更新
脚本应该打包。 一旦每个工程文档被更改, 请运行脚本 。
cat deploy.sh
#!/usr/bin/env sh
# 确保脚本消除错误。
set -e
# 被送至阴囊作为参考
git init
git add -A
git commit -m 'deploy'
git push -f git@github.com:funet8/vuepress.xgss.net.git master
# 生成静态文件
yarn docs:build
# 转到生成的文件夹 。
cd docs/.vuepress/dist
git init
git remote add origin git@github.com:funet8/vuepress.xgss.net.git
git add .
“Script 提交自动” gitcommittee-m
git branch -M master
git push --force --quiet "git@github.com:funet8/vuepress.xgss.net.git" master:gh-pages
cd -
关于主题和插件
修改配置文件:
docs.vuepressconfig.js
添加主题:
theme: 'vuepress-theme-note',
上一篇:视频|Mac 键盘怎么选?我想推荐这 3 把超好用的键盘
下一篇:没有了
相关新闻
- 2022-05-24 视频|Mac 键盘怎么选?我想推荐这
- 2022-05-24 游戏早报:《永劫无间》新英雄演
- 2022-05-24 曾宣布不会延期!微软独占科幻3
- 2022-05-24 财熵|离开华为一年半,荣耀能独
- 2022-05-24 从iPod到Apple Music,苹果公司的两次
- 2022-05-24 史上最强大Surface!微软Surface Lapt
- 2022-05-24 荣耀70系列再曝:或首发索尼IMX80
- 2022-05-24 原创 联手腾讯,中兴将发货量超
- 2022-05-24 米哈游《绝区零》删档测试配置需
- 2022-05-24 无纸化会议、视频会议系统方案怎
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
