备忘录
静态博客,长时间不使用会忘记使用方法,在这里记录下来,避免忘记!
🚀 使用方法
安卓手机端
可以通过github安卓端或者网页端在src\content\blog 新建文章.md或者修改已有文章。(不建议、因为无法断定文章的格式等有无问题,每次保存都会消耗重新部署.)
需要软件~
先打开Termux,然后打开MT管理器依次点击左上角三横线,展开页面右上角三个点,添加本地存储。选择Termux,使用此文件夹。就可以在MT管理三横线展开之后本地下面的Termux Home。这个就是termux的存储目录了。
进入termux,先安装依赖
pkg update && pkg upgrade -y
//更新
pkg install -y nodejs git openssh
//安装nodejs 和 git 和 openssh
npm install -g pnpm
//安装pnpm
使用 node -v git -v ssh-V pnpm -v查看是否成功安装。
拉取仓库到本地
先配置ssh密钥
ssh-keygen -t rsa -C "GitHub邮箱"
//生成ssh密钥
cat ~/.ssh/id_rsa.pub
//查看公钥复制到GitHub,登录GitHub-点击头像-Settings-SSH and GPG keys- New SSH key,粘贴公钥并命名
ssh -T git@github.com
//测试ssh链接,出现 You've succseefully authenticated 就成功
拉取私有仓库
mkdir - p ~/blog && cd ~/blog
//新建本地仓库存储目录blog
git clone git@github.com:用户名/仓库名.git
//逐个拉取
拉取到本地之后用下面的命令
cd youngyet
//进入到本地仓库
pnpm install
//安装依赖
pnpm dev
//本地开发,本地运行,浏览器实时查看
pnpm build
//构建静态文件(可不用)
pnpm newpost '文章标题'
//创建文章
去MT管理找到Termux Home创建的目录下就能找到本地仓库了。新建文章之后mt管理器找到文章目录写文章。因为一些限制导致浏览器打开运行之后的网址无法正常访问,需要在termux运行pnpm dev,在新建一个终端运行termux-open-url https://localhost:4321 选择浏览器打开.即可本地运行调试.
需要配置.gitconfig。termux 运行下面的命令,.gitconfig。存储在termux的根目录下,不配置无法提交推送。
git config --global user.email "github邮箱"
git config --global user.name "github用户名"
上传到仓库
git add .
//添加文件
git commit -m "更新内容"
//提交修改
git push origin main
//推送到远程
若是因为在其他设备进行了更改等操作,本地的仓库不是最新的需要进行拉取最新仓库
cd ~/blog(本地创建的存储仓库的目录)/仓库名
//进入本地仓库
git pull
//拉取同步最新代码
git pull origin main
windows PC端
需要软件~
以上需要的非必须,可以直接通过github desktop或者登录网页端github在content\blog 新建文章.md或者修改已有的内容.(不建议、因为无法断定文章的格式等有无问题,每次保存都会消耗重新部署.)
首先通过github desktop或者vscode的git拉取仓库到本地,然后在vscode打开项目,运行终端,执行命令
pnpm install
//安装依赖
pnpm dev
//本地开发,本地运行,浏览器实时查看
pnpm build
//构建静态文件(可不用)
pnpm newpost '文章标题'
//创建文章
文章存在src\content\blog 下。推送到仓库的方法很多,例如GitHub desktop直接上传推送,或者vscode进行提交。或者在vscode用命令提交。
// 将工作区的文件添加到暂存区(准备提交)
git add 文件名 // 跟踪单个文件
git add 目录名 //跟踪整个目录
git add . //跟踪当前目录所有未跟踪/修改的文件
git add -u //仅跟踪已修改/删除的文件(不包括新文件)
//提交到本地仓库
git commit -m "提交信息:描述本次修改内容"
git commit -am "提交信息" //跳过暂存区,直接提交已跟踪的修改文件(不包括新文件)
//推送到远程仓库
git push origin main
随用随装(安装卸载都有)
使用powershell和windows自带的笔记本.
Chocolatey安装Win+X 管理员打开终端,按照文档中的命令安装(下面仅供参考,详情去官方文档。).
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
//安装chocolatey
choco
//查看是否安装成功
choco upgrade chocolatey
//升级
卸载(如无法使用请去官方查看卸载文档)以管理员身份打开 PowerShell 或命令提示符 按下 Win + X,选择「Windows PowerShell (管理员)」。
删除 Chocolatey 安装目录 运行以下命令删除主安装目录(这是 Chocolatey 的核心文件位置):
Remove-Item -Path "C:\ProgramData\chocolatey" -Recurse -Force
删除用户目录下的残留文件 运行以下命令删除当前用户目录下的 Chocolatey 缓存文件:
Remove-Item -Path "$env:USERPROFILE\.chocolatey" -Recurse -Force -ErrorAction SilentlyContinue
清除环境变量中的 Chocolatey 路径 Chocolatey 安装时会添加环境变量,需要手动移除: 按下 Win + R,输入 sysdm.cpl 并回车,打开「系统属性」。 切换到「高级」选项卡,点击「环境变量」。 在「系统变量」或「用户变量」中找到 Path 变量,双击打开。 检查并删除所有包含 chocolatey 的路径(通常类似 C:\ProgramData\chocolatey\bin)。 点击「确定」保存更改。 验证卸载结果 关闭所有命令行窗口后重新打开一个新的 PowerShell / 命令提示符,输入:
choco
如果提示「‘choco’ 不是内部或外部命令,也不是可运行的程序或批处理文件」,则说明卸载成功。
安装nodejs git
choco install nodejs --version="22.17.1" -y
//安装nodejs
choco uninstall nodejs --version="22.17.1" -y
//卸载 nodejs
//node -v验证
choco install git --version=2.45.0 -y
//安装指定版本
choco uninstall git -y
//卸载,可指定版本与上面一样命令
//git -v 验证
拉取仓库到本地
先配置ssh密钥
ssh-keygen -t rsa -C "GitHub邮箱"
//生成ssh密钥
//生成密钥的地址下图所示,找到手动打开
//查看公钥复制到GitHub,登录GitHub-点击头像-Settings-SSH and GPG keys- New SSH key,粘贴公钥并命名
ssh -T git@github.com
//测试ssh链接,出现 You've succseefully authenticated 就成功
因为windows端22端口可能无法链接,需要打开.ssh目录下面的cofig,填入
Host github.com
Hostname ssh.github.com
Port 443
拉取私有仓库
win+x管理员打开poweshell,cd到要存储仓库的目录,然后拉取.
git clone git@github.com:用户名/仓库名.git
//逐个拉取
拉取到本地之后用下面的命令
cd youngyet
//进入到本地仓库
pnpm install
//安装依赖
pnpm dev
//本地开发,本地运行,浏览器实时查看
pnpm build
//构建静态文件(可不用)
pnpm newpost '文章标题'
//创建文章
然后通过笔记本修改文章. 检查有没有 C:\Users\你的用户名.gitconfig 没有.gitconfig 就需要现在powershell运行如下命令,不管在哪个目录,因为这是全局的命令。存储的位置都是上面检查的位置。
git config --global user.email "github邮箱"
git config --global user.name "github用户名"
上传到仓库
git add .
//添加文件
git commit -m "更新内容"
//提交修改
git push origin main
//推送到远程
若是因为在其他设备进行了更改等操作,本地的仓库不是最新的需要进行拉取最新仓库
cd ~/blog(本地创建的存储仓库的目录)/仓库名
//进入本地仓库
git pull
//拉取同步最新代码
git pull origin main
🍬 特色页面
友情链接
配置文件 src/page_data/Link.ts
📄 文章格式
---
title: 标题
categories: 分类
tags:
- 标签1
- 标签2
id: 文章ID
date: 文章创建日期
updated: 文章更新日期
cover: "封面图URL (为空默认随机内置封面 /public/assets/images/banner)"
recommend: false # 是否推荐文章
top: false # 是否置顶文章
hide: false # 是否隐藏文章
<!-- 页面独有 -->
type: "links" # 页面类型
comment: false # 关闭页面评论(默认开启)
---
🌈 组件
文本加粗
我喜欢的是 **你**
我喜欢的是 你
文本倾斜
我要笑死 _你自己_
我要笑死 你自己
文本删除
那就 ~~删了~~ 吧
那就 删了 吧
行内代码
`AI` 变得伟大》
AI
变得伟大》
引用
> 这是一个引用
这是一个引用
有序列表
牛肉的的营养如下:
1. 能量 (kcal)
2. 脂类 (fat)
3. 蛋白质 (protein)
4. 碳水化合物 (carbohydrate)
牛肉的的营养如下:
- 能量 (kcal)
- 脂类 (fat)
- 蛋白质 (protein)
- 碳水化合物 (carbohydrate)
无序列表
- 一个女朋友
- 二个女朋友
- 三个女朋友
- ...
- N 个女朋友
- 一个女朋友
- 二个女朋友
- 三个女朋友
- …
- N 个女朋友
超链接
[百度一下,你就懂了](https://sponsor.help)
3 行 3 列的表格
| 表头 | 表头 | 表头 |
| :--: | :--: | :--: |
| 鸡头 | 鸭头 | 狗头 |
| 鸡头 | 鸭头 | 狗头 |
| 鸡头 | 鸭头 | 狗头 |
表头 | 表头 | 表头 |
---|---|---|
鸡头 | 鸭头 | 狗头 |
鸡头 | 鸭头 | 狗头 |
鸡头 | 鸭头 | 狗头 |
代码块
package main
import "fmt"
func main() {
fmt.Println("我爱你")
}
H 标签
<!-- H标签,页面标题即h1,不建议文章内使用h1标签 -->
## H2
### H3
#### H4
##### H5
H2
H3
H4
H5
数学公式
% 函数式
${f(x)=a_nx^n+a_{n-1}x^{n-1}+a_{n-2}x^{n-2}}+\cdots$
% 四则运算
$2x - 5y = 8$
$3x + 9y = -12$
$7x \times 2y \neq 3z$
% 希腊字母
$\Gamma$、$\iota$、$\sigma$、$\phi$、$\upsilon$、$\Pi$、$\Bbbk$、$\heartsuit$、$\int$、$\oint$
% 三角函数、对数、指数
$\tan$、$\sin$、$\cos$、$\lg$、$\arcsin$、$\arctan$、$\min$、$\max$、$\exp$、$\log$
% 运算符
$+$、$-$、$=$、$>$、$<$、$\times$、$\div$、$\equiv$、$\leq$、$\geq$、$\neq$
% 集合符号
$\cup$、$\cap$、$\in$、$\notin$、$\ni$、$\subset$、$\subseteq$、$\supset$、$\supseteq$、$\N$、$\Z$、$\R$、$\R$、$\infty$
函数式
四则运算
希腊字母
、、、、、、、、、
三角函数、对数、指数
、、、、、、、、、
运算符
、、、、、、、、、、
集合符号
、、、、、、、、、、、、、
按钮组件
<!-- 按钮组件 -->
::btn[标题]{link="URL 链接"}
<!-- 支持类型:info、success、warning、error、import -->
::btn[按钮]{link="链接" type="info"}
Note 组件
<!-- note组件 -->
:::note
这是 note 组件 默认主题
:::
<!-- 支持类型:info、success、warning、error、import -->
:::note{type="info"}
这是 note 组件 success 主题
:::
这是 note 组件 默认主题
这是 note 组件 info 主题
这是 note 组件 success 主题
这是 note 组件 warning 主题
这是 note 组件 error 主题
这是 note 组件 import 主题
Picture 组件
:::picture



:::



LivePhoto 组件
<!-- 纵向图片 -->
::vhLivePhoto{photo="https://blog.yt/img/1.webp" video="https://blog.yt/img/1.mp4" type="y"}
<!-- 横向图片 -->
::vhLivePhoto{photo="https://blog.yt/img/2.webp" video="https://blog.yt/img/2.mp4"}
Music 组件
<!-- id 支持:歌曲 id / 歌单 id / 专辑 id / 搜索关键词
type 支持:song, playlist, album, search(默认值:song)
server 支持:netease, tencent, kugou, xiami, baidu(默认值:netease) -->
<!-- 单曲 -->
::vhMusic{id="29436904"}
<!-- 列表 -->
::vhMusic{id="13595302473" type="playlist"}
Video 组件
::vhVideo{url="https://picblog.study.st/file/BAACAgUAAyEGAASaAAFeoAADD2iDYJRNnOrvcLX9lpUJzAIKS1u1AALaGQACpNsZVMdawEqB2odXNgQ.mp4"}