Part 2
::: info 目的:在指定文件夹下部署 hexo 框架,并生成 Demo 网站以测试本地访问是否正常 :::
1.新建个人博客的文件夹,推荐取名为 Blog 即可
在空目录下右键,点击 Git Bash here 打开 Git 终端
win11 因为右键菜单改了,需要请点击下方显示更多选项后才会显示
2.随后在 Git 中进行相关框架的自动初始化
可能有同学会好奇为什么不能在 cmd 中执行该命令,答案是会报错,具体的我自己也暂时不太清楚,mac 系统确实可以用
sudo hexo init
命令全程不需要 git
hexo init //在当前路径下初始化 hexo,生成相关文件
提示
在步骤一里如果使用 npm 直接安装 hexo 最好要有魔法上网,不然可能初始化弹出网络连不上 github
使用 cnpm 安装 hexo 的话会自动替换为淘宝的镜像,就不会存在这个问题
如果已经用 npm 安装 hexo,也可以手动修改,路径如下
你设定的扩展插件安装路径 \node_modules\hexo-cli\console\init.js
文件
如果没有设定路径,默认如下
C: \Users\'你的用户名'\AppData\Roaming\npm\node_modules\hexo-cli\lib\console\init.js
注意
将
const GIT_REPO_URL = 'https://github.com/hexojs/hexo-starter.git';
替换为:
const GIT_REPO_URL = 'https://github.com.cnpmjs.org/hexojs/hexo-starter.git';
再次运行 hexo init 即可
3.运行 hexo server 生成本地 Web 服务
hexo s //生成静态网页文件
随后便会在下方显示出生成的本地网址以及运行端口,复制即可 ( 注意这里的复制不是 ctrl+c, 最好使用右键复制, 本质上 git 的操作是基于 Linux 的操作逻辑的 )
进入该网站就可以看到生成好的模板网站了, 网站页面中的 Hello world 文档有几个常用命令给大家总结一下
# 这步会用到的 hexo 常用命令
在本地运行静态服务器
按 ctrl+c
结束
hexo server
# 可以简写为
hexo s
2
3
2
3
新建一篇文章
警告
会自动生成一个 md 文件在这个路径里, 记得文章的头部 YAML 信息不能删, 要不然配置网站时读取不出来
blog 的文件夹、source\_posts\
hexo new "文章名字"
清除缓存文件和已生成的静态文件 ( public 文件夹
)
hexo clean
注意
在某些情况 ( 尤其是更换主题后 ) ,如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
生成静态文件
全称: hexo generate
hexo g
通常和 clean 配套使用, 以防止出现些奇怪的问题
上传部署至服务器
在配置好各个文件后, 使用以下命令上传部署至服务器, 即可实现网址访问
hexo deploy
# 可简写成
hexo d
2
3
2
3
注意
这里部署失败了很正常,分两种情况
第一种是第一次上传,需要和服务器链接并建立链接,成功率较低,多试几次即可
第二种是平常要更新网站,上传失败也是多上传几次
更多错误请看 Hexo 常见报错
大章节