模板更换为 vuepress-theme-reco 主题。自动分类和标签聚合,以及分页和评论。
有些注意事项:
- 不使用一级标题,使用 yaml 来编辑元数据。日期中要注意前面补齐 0。
---
title: Node 爬虫编写
date: 2020-03-25
tags:
- Node.js
categories:
- 技术
---
这里的内容会被显示成摘要。
1. 可以放置文案;
2. 可以放置图片作为文章封面。
<!-- more -->
tags:
工具 陪娃 育娃软件 市场经济 公众号文章 数据库 Node.js Vue.js PostgREST Linux 测绘小程序
categories:
技术 儿童 个人 思考
-
评论使用 Valine
-
编译结果在
/public/
,而非docs/.vuepress/dist
-
Github Action 脚本可用,只要 push blog 分支,自动将生成静态文件文件写入 master 分支,Page 直接访问。同时支持使用 scp 静态复制文件到服务器。
没有安装 yarn 的,把以下命令中的 yarn 替换为 npm run
# 安装依赖
yarn install
# 本地启动
yarn dev
# 编译
yarn build
# 编译为非根目录站点 (还需修改package.json中的script中的参数)
yarn buildSubpath
# 自动上传静态部署文件
yarn autopush
使用 vuepress 创建 SEO 友好的静态文章站。一键发布到 github page,内置 github action 自动部署脚本。
vuepress 通过一定号称简单的配置之后,为每一个 md 文件生成静态 html 脚本,并通过主题挂接起来。用来写文档是非常不错的。写文章就要做一点工作,踩一点坑。
必须放在 md 文件在最上方才能生效
修改 config.js 后,是没办法热更新的,只能 ctrl+c 结束任务然后重新 yarn dev
增加了一个 utils/db_hm.js 脚本,在 build 之后手动复制统计代码到首页 index.html 中。请自行从百度申请统计和推送链接代码。
开启项目 action。
开启 page。并使用 master 分支为 Page 源地址。
设置 secret。在Settings-Tokens里选择第一项 repo 生成 token,复制 token 到项目 Settings-Secrets 下新建的ACCESS_TOKEN
中
然后 git push 就好,CI 脚本自动发布。
如果要发布到非根目录。要 修改 package.json 中 buildSubpath
命令里的两处: VUEPRESS_BASE=/codingyang/
中的 codingyang
替换为自己要部署的子目录名。然后修改 Action 脚本 nodejs.yml
中最后一行脚本中的 npm run build
为 npm run buildSubpath
。