博客篇-Nie-Blog的打怪升级之路
完美解决git上传报错unable to access
1 | fatal: unable to access 'https://github.com/Nie7-Melon/Nie7-Melon.github.io.git/': SSL certificate problem: unable to get local issuer certificate |
尝试过换热点、校园网、开VPN、换代理、开github加速器（加速器只会让unable to access 报错迅速出现），统统失败
最终解决方法：
- 设置系统代理
开启代理服务器，端口设置为7890
- 设置 Git 使用本地代理：
在终端输入以下命令git config --global http.proxy http://127.0.0.1:7890 - 检查
git config --global -l - 重新上传
你会发现这次”嗖”一下就上传成功了！！我甚至没有开VPN和加速器
文章中的图片无法显示
我在.md笔记中的图片很长一段时间无法在博客的文章中展示出来。
解决步骤：
1. 是文件夹问题吗
由于source资源文件夹下面的文章文件夹是_posts，所以我开始在创建图片文件夹的时候也是使用_postImgs命名的，
但是AI说：Hexo默认会忽略以_开头的文件夹（如_posts_imgs），因此你的图片可能没有被正确复制到生成的静态文件中
所以把图片文件夹前面的下划线去掉了
2. 是路径问题吗
开始以为是相对路径和绝对路径的问题，因为AI说：Hexo在生成静态文件时，可能会将路径解析为相对于生成的HTML文件的位置，而不是相对于.md文件的位置，所以应该用绝对路径而不是相对路径。
但是我的两种路径都一直失败，我的图片放在source文件夹下的postImgs文件夹中
3. 找到问题了！是hexo配置的问题！！
确保Hexo的配置文件_config.yml中没有禁用资源文件的处理。
检查_config.yml中的post_asset_folder选项：
post_asset_folder: true
如果设置为true，Hexo会为每篇博客创建一个同名文件夹，用于存放图片等资源。
可以将图片放在与.md文件同名的文件夹中，然后使用以下语法引用图片：
我没有用这个引用方法，但是这个设置从默认的false改为true之后，2中使用相对路径或绝对路径都能够在博客中显示引用的postImgs文件夹中的图片
Typescript篇文章问题，页面一直404
如标题，出问题时配置如下
文章文件名07-TypeScript.md
文章头文件
1 | --- |
deepseek解答
1. 文件名特殊字符问题
规则：Hexo生成文章路径时，会将文件名中的空格、中文、特殊符号（如!、#）转换为URL编码格式，但某些符号可能导致路径生成异常
操作：将文章的文件名改为全英文小写，并用短横线（-）分隔单词，例如 my-post-title.md
(在这里我的文章名没问题，但是以后要注意不要在文件名中使用中文)
2. 文章名规范
deepseek老师对我的文件命名做出了点评：
文件名规范：建议去掉开头的数字 07-，Hexo默认以 YYYY-MM-DD-title.md 格式解析文件名中的日期。
成功解决：
我把文件名，分类和标签的TypeScript都改成了小写typescript，然后重新hexo cl,hexo g,hexo d这篇文章能够正常展示了！
博客文件命名规范
Hexo生成文章路径时，会将文件名中的空格、中文、特殊符号（如!、#）转换为URL编码格式，但某些符号可能导致路径生成异常
Hexo生成的URL路径会将文件名转换为全小写（如 typescript），而如果文件名本身包含大写字母，可能导致路径不一致
常见错误规避
日期冲突：两篇文章不可使用相同日期+标题组合，否则生成路径重复。
Front-matter格式：确保YAML缩进使用空格（非Tab），冒号后需有空格2
缓存问题：修改主题配置后需执行 hexo clean 清除缓存
markdown中，文字内容对齐的四种方法
我想让代码码的描述在一竖行展示，并且对齐整齐，但是发现没有找到合适的方法，了解后总结一下方法：
使用 Markdown 表格
| 方法 | 描述 |
|---|---|
Math.round() |
四舍五入取整 |
Math.fround() |
舍入到最接近的32位浮点数 |
Math.ceil() |
向上取整 1.1 => 2 |
Math.floor() |
向下取整 1.9 => 1 |
使用 HTML<pre>标签
在<pre>标签中，空格和换行会被保留
Math.round() 四舍五入取整 Math.fround() 舍入到最接近的32位浮点数 Math.ceil() 向上取整 1.1 => 2 Math.floor() 向下取整 1.9 => 1
使用代码块
1 | Math.round() 四舍五入取整 |
HTML和CSS自定义样式–gird布局
Math.round()Math.fround()Math.ceil()Math.floor()
