当前主题与原版Stack主题不同的地方

尽管原生的Stack主题已经已经很好了，但是由于个人的审美和喜好，还是对其进行了一些自认为较合理的修改

网上的教程很多，搜索引擎遨游一下便有修改方法，以下只列出修改的结果

首页

设置鼠标移动至头像进行旋转
不显示社交媒体图标
菜单栏图标与文字修改间隔（–menu-icon-separation: 15px;）
菜单项排序（调整weight值）

中间内容

添加卡片中显示文章摘要
文章正文行距设置（margin-top: 10px;， margin-bottom: 10px;）
首页显示10片文章

添加鼠标移动至元素上放大效果
移除文字说明和修改分类图标
分类和标签右侧显示计数
分类和标签显示数量为10

底部

添加和设置 github，bilibili，mail图标和跳转

归档页

修改分类矩形框大小
显示双栏
添加tags显示

相册

修改Links页面为Gallery
相册使用fliphtml5外部链接展示

文章页

文章正文行距设置（margin-top: 10px;， margin-bottom: 10px;）
添加Fancybox灯箱
右侧目录修改了间距
修改了代码块样式
增加notice短代码
设置选中内容背景色

写作和推送脚本

创建md并用typora打开

# 项目目录下hugo.yaml文件最后添加
security:
  exec:
    allow:
      - '^(dart-)?sass(-embedded)?$'
      - '^go$'
      - '^git$'
      - '^npx$'
      - '^postcss$'
      - '^tailwindcss$'
      - '^typora$'  # 添加 typora 到允许的执行列表
  osEnv:
    - '(?i)^((HTTPS?|NO)_PROXY|PATH(EXT)?|APPDATA|TE?MP|TERM|GO\w+|(XDG_CONFIG_)?HOME|USERPROFILE|SSH_AUTH_SOCK|DISPLAY|LANG|SYSTEMDRIVE)$'

# 添加typora环境变量
系统--高级系统设置--环境变量--选中Path--编辑--新建--添加typora所在路径
typora测试：新开一个cmd窗口，输入typora--回车，能打开typora软件

# 直接用命令创建md并用typora打开
hugo new --editor typora post/xxx.md

create_article.bat 脚本，双击运行提示输入md文件名并用typora软件打开该md文件

@echo off
echo 【Create an article, enter the md file name, and the final format will be: YYYYMMDD_mdFileName.md】
set /p input= [mdFileName]: 
set date=%Date:~0,4%%Date:~5,2%%Date:~8,2%
hugo new post/%date%_%input%.md
start typora content\post\%date%_%input%.md"
exit

该脚本同样需要上一步骤中的添加yaml内容和添加环境变量操作

git_push_github.bat脚本，双击运行自动执行git相关命令

@echo off
:: 设置当前日期和时间格式
for /f "tokens=2 delims==" %%I in ('"wmic os get localdatetime /value"') do set datetime=%%I
set year=%datetime:~0,4%
set month=%datetime:~4,2%
set day=%datetime:~6,2%
set hour=%datetime:~8,2%
set minute=%datetime:~10,2%
set second=%datetime:~12,2%

:: 创建 commit 消息：格式为 "YYYY-MM-DD HH:MM:SS"
set commit_message=%year%-%month%-%day% %hour%:%minute%:%second%

:: 显示正在执行的命令
echo Executing git add ...
:: 执行 git add . 命令
git add .

:: 显示正在执行的命令
echo Executing git commit with message: "Commit on %commit_message%"
:: 执行 git commit 命令，使用动态生成的 commit 消息
git commit -m "Commit on %commit_message%"

:: 显示正在执行的命令
echo Executing git push ...
:: 执行 git push 命令
git push

:: 提示完成
echo Git push completed with commit message: "Commit on %commit_message%"

echo ---------- OK ----------
echo Automatically close the command prompt window after 60 seconds.
:: 等待 60 秒后自动关闭命令行窗口
timeout /t 60 /nobreak >nul
exit

Github Action 自动部署自行搜索了，不是很复杂的东西

说明

本人不是搞软件的，纯属瞎鼓捣
修改的使用的方法多来自网络和gpt对话
有些地方改的不如意，将就着用（弄不出来）
古德拜

当前主题与原版Stack主题不同的地方

首页

左侧 sidebar

中间内容

右侧 sidebar

底部

归档页

相册

文章页

写作和推送脚本

说明