关于我的博皮

目录

• PCNeoLooks v1.4
  • 主页
  • 样式展示
  • 文章页面
  • 目录
  • 顶踩&评论
  • 小细节
    • 鼠标拖尾&涟漪
    • 窗口大小自适应
    • 加载动画
  • 语法附加
    • 图片（1.4新增）
    • NeoTable
    • Systree
• 在哪里可以下载到？

这篇文章本来是2年之前(2023)的一篇老旧博文，写的是博皮开发笔记，但是当时太菜了（现在(2025)也是），自己看不下去了，于是换源变成了这一篇

我的博皮，是从入园以来，一点一点堆起来的，算下来，已经开发两年有余了。
在这期间，兴致来了，我就写一点点，没有兴致，我就不写，就是这么随性。
现在看来，这个博皮还是蛮漂亮的，虽然没有侧边栏

——隆重向你介绍：

PCNeoLooks v1.4

简洁又精致，美观又大方

采用纸片设计，主题为带阴影的纯色卡片，注重用户交互，处处有精致的小细节

字体：等线、Saira (PhigrOS)

主页

样式展示

戳这里

文章页面

目录

在文章开头写 [toc] 就能添加目录~

目录在 v1.4 时重写，变得更加有交互性！

顶踩&评论

小细节

鼠标拖尾&涟漪

窗口大小自适应

可以托托看~

加载动画

刷新

怎么一股 Phi 味

语法附加

自己用JS写的一些附加 markdown 语法。

图片（1.4新增）

在图片alt部分前面写 {w=...} 可以设置图片的大小！
如：[{w=114px}描述]()

{w=114px}描述

NeoTable

为表格提供一些简单的排版：

	语法	{cs=2}效果		备注
标记：好	[V]	[V]好	[V]	{rs=3}如果只有标记，会显示为右边的样子
标记：一般	[O]	[O]中	[O]
标记：差	[X]	[X]差	[X]
删除格子	[D]	[D]	我本来不该在这一列	会导致移位
横向合并	{cs=2}	{cs=2}Text		会把被合并的格子删除，所以|还是要写的
{rs=2}纵向合并	{rs=2}{rs=2}	{rs=2}Text	Text	{rs=2}会把下面的格子挤开 也可以写出格子再删掉
[D]	[D]	[D]	Text	[D]
格子染色	{col=skyblue}	{cs=2}{col=skyblue}Text		染色后不会被 DarkReader 影响

多个属性叠加时，必须按照表格的顺序写 因为太懒了没写循环

在第一个格子（其实是任意一个）里写 {simple} 会让整个表格变为 simple 样式：

{simple}Simple 的表格	语法	{cs=2}效果		备注
标记：好	[V]	[V]好	[V]	{rs=3}如果只有标记，会显示为右边的样子
标记：一般	[O]	[O]中	[O]
标记：差	[X]	[X]差	[X]
删除格子	[D]	[D]	我本来不该在这一列	会导致移位
横向合并	{cs=2}	{cs=2}Text		会把被合并的格子删除，所以|还是要写的
{rs=2}纵向合并	{rs=2}{rs=2}	{rs=2}Text	Text	{rs=2}会把下面的格子挤开 也可以写出格子再删掉
[D]	[D]	[D]	Text	[D]
格子染色	{col=skyblue}	{cs=2}{col=skyblue}Text		染色后不会被 DarkReader 影响

Systree

绘制树状图：

|||
Tree(
SubTree1(LeaF1,LeaF2),
[green]SubTree2(
LeaF3,LeaF4,SubSubTree(LeaF5,LeaF6)
)
)
|||

源代码

|||
Tree(
	SubTree1(LeaF1,LeaF2),
	[green]SubTree2(
		LeaF3,LeaF4,SubSubTree(LeaF5,LeaF6)
	)
)
|||

• 代码块用 ||| ||| 包起来，中间不能有空行
• 用 P(C1,C2,C3) 的格式表示树
• 在节点前面用 [color] 可以更换子树线的颜色
• 不兼容 markdown ？懒
• shift+点击 树可以改为对齐版本

在哪里可以下载到？

Github!
Gitee!

只需要把 page_begin.html page_end.html costom.css 复制到博客后台设置的对应位置就好啦~

---

就这些了，零零散散码了有1600行左右

哦，必须提醒一句：这个博皮好像有一点吃性能（？） v1.4 大幅优化了性能！

拜拜拜拜