notes vuepress
1.0.0
| 집 | ActionText | actionLink |
|---|---|---|
진실 | 일과 삶의 균형 → | /#주문하다 |
::: 팁이 저장소를 기반으로 자신의 문서 웹 사이트를 신속하게 만들 수 있습니다. 강조 구문 지원 목록 Prismjsshiki :::: 팁은 컴파일 중에 최대 3 층 디렉토리 구조로 메뉴 표시 줄과 사이드 바를 자동으로 구성합니다. ::::: 팁 많은 열정적 인 개발자 오픈 소스 테마 VuePress-Theme :::
::: 팁 vuepressvitepress를 사용하는 것이 불편하다고 생각되면 정적 블로그 작성 클라이언트 Gridea :::를 사용할 수 있습니다.
.
│ .gitignore git忽略文件
│ package-lock.json NPM依赖配置文件
│ yarn.lock yarn依赖配置文件
│ package.json 项目配置文件
│ README.md 首页md文件
│
├─.github GitHub配置目录
│ └─workflows Actions工作流目录
│ deloy.yml 项目的Actions部署配置
│
├─.vuepress 用于存放VuePress的配置、组件、静态资源等。
│ │ config.js VuePress配置
│ │ nav.js 除创建的目录之外，自定义添加的导航栏
│ │ push.js 自定义推送脚本
│ │ utils.js 侧边栏和菜单栏自动配置工具
│ │
│ ├─styles 用于存放样式相关的文件
│ │ │
│ │ └─index.styl 自定义全局样式文件
│ │
│ ├─public 静态资源目录
│ │ │ CNAME CNAME文件指定域名，防止发布时被清空
│ │ │ manifest.json 5+App（HTML5 Plus移动App）的配置文件
│ │ │ static.json heroku使用buildpack静态部署配置文件
│ │ │
│ │ ├─assets css/img/js等默认的存放路径
│ │ │ │
│ │ │ └─js 自定义js文件存放目录
│ │ │
│ │ ├─files 可直接访问并下载的文件存放目录
│ │ │
│ │ └─images 存放所有文档的图片目录
│ │ │
│ │ └─icons 存放图标目录
│ │
│ └─theme 主题存放目录
│
├─docs 编译后的静态资源文件输出目录
│
│
......其他自己的md文档或文件夹，都会打包到docs文件夹下，md文件会编译成html
즉, 위의 디렉토리 구조 만 따라 사용하여 자신의 문서를 수정하면됩니다. ::: 경고 구성 파일의 주석 텍스트 부분에주의를 기울입니다. 공식 VuePress 문서와 함께 그 의미를 이해 한 다음 구성을 수정하십시오! :::
# 先克隆本仓库
git clone https://github.com/bajins/notes-vuepress.git
# 保留上面目录结构列出的文件和文件夹，其他的全部删除
# 使用前请自行安装Node.js环境
# 安装项目的全部依赖
npm install
# 这时创建并书写你自己的md文档
# 开始运行开发环境，然后访问窗口中的路径
npm run dev
# 修改.vuepress/public/CNAME中的域名
# 如果发布到GitHub请见：项目的Actions部署配置
# Actions教程：https://www.bajins.com/IDE/Git%E6%9C%8D%E5%8A%A1.html#actions
::: 경고 참고 Node.js 버전> = 8.6을 확인하십시오. :::
