Hii,你好呀!欢迎来到我的网络小窝~

使用工具

我的博客由Hexo框架驱动,使用Hexo的Butterfly模板做了一丢丢修改,部署在github上。日常用vscode进行博客美化,用Typora撰写博客。

这篇文章主要介绍博文更新的方法。其他部分比如博客搭建、Hexo主题使用、效率工具推荐(vpn/插件/chatgpt/notion…)之后会不定时更新(先立个flag)。

更新一篇新文章分为文章写作和推送两个部分。强烈推荐这篇文章,讲的超级详细,也可以通过Hexo官方文档(好有用哇!)和Typora的Markdown语法查看更多信息。

文章写作

创建新文章

在vscode终端界面输入以下命令就可以根据已有的Hexo主题模板创建新文章,不添加layout关键字默认使用post模板。

1
2
hexo new [layout] <title>
#可简写为 hexo n [layout] <title>

更多信息查看: Hexo-Writing

写作

在Typora中编辑新生成的.md文档。右键可以很方便地插入各种。不过有些懒得右键点选,推荐快捷键来操作。(p.s. Hexo框架用的渲染器默认只支持基本语法,不支持扩展语法,关于等号高亮的支持参考这里

1
2
3
4
5
6
7
8
9
10
11
12
13
# 标题一 【根据#数量可以创建1-6层级的标题】
```插入代码块 【ctrl+shift+k】
`代码块高亮`
[链接文本](链接地址) 【ctrl+k】
**加粗** 【ctrl+b】
_斜体_
> 引用
![图片文本](图片地址) 【ctrl+shift+i】
插入表格:【ctrl+t】
- 无序列表项
==高亮==
~删除~
<font color=<Hex Code>>在md中用inline HTML更改颜色</font>

p.s. 在vscode里直接写markdown的话,插入链接用ctrl+L;ctrl+k后单击v可以打开内置预览。

更多信息查看:Typora快捷键

文章推送

清除原有静态文件

1
hexo clean

生成新的静态文件

1
2
hexo generate
#可简写为hexo g

静态文件生成在public 目录中

本地运行查看

1
2
hexo start
#可简写为hexo s -o (参数o表示打开本地网页)

部署到远程服务器

1
hexo d

hexo d:通常只推送 public 目录到gh-pages分支下,不影响源代码仓库(master 或 main 分支),保持源代码和静态文件的分离。

hexo d会检查public文件夹是否为空,如果为空,自动触发hexo g命令。尽管hexo d可以自动生成,但为了确保生成的文件是最新的且没有缓存问题,建议手动运行 hexo clean hexo generate 后再运行 hexo d。这样可以避免潜在的缓存冲突或生成错误。

更多信息查看:Hexo-DeploymentHexo-Troubleshooting