Tommy's Blog Tommy's Blog
首页
  • IT专题
  • 考研学习
  • 英语学习
  • 考公学习
  • 斗资博弈
  • 随笔
Tags
正经人
时光机
  • 关于
  • 建站分享
  • Hexo教程
GitHub (opens new window)

Tommy

实事求是
首页
  • IT专题
  • 考研学习
  • 英语学习
  • 考公学习
  • 斗资博弈
  • 随笔
Tags
正经人
时光机
  • 关于
  • 建站分享
  • Hexo教程
GitHub (opens new window)
  • 计算机相关分享 目录
  • Vuepress静态网站搭建分享

  • 本BLOG网站维护关键信息

  • C++刷题

  • windows坑爹问题杂谈

  • Hexo静态博客相关

    • 前言

    • 具体步骤

      • Part 1
      • Part 2
        • 这步会用到的 hexo 常用命令
      • Part 3
      • Part 4
    • 拓展

    • 附加

目录
这步会用到的 hexo 常用命令

Part 2

::: info 目的:在指定文件夹下部署 hexo 框架,并生成 Demo 网站以测试本地访问是否正常 :::

1.新建个人博客的文件夹,推荐取名为 Blog 即可 在空目录下右键,点击 Git Bash here 打开 Git 终端

win11 因为右键菜单改了,需要请点击下方显示更多选项后才会显示


2.随后在 Git 中进行相关框架的自动初始化

可能有同学会好奇为什么不能在 cmd 中执行该命令,答案是会报错,具体的我自己也暂时不太清楚,mac 系统确实可以用 sudo hexo init 命令全程不需要 git

hexo init //在当前路径下初始化 hexo,生成相关文件
1
1

提示

在步骤一里如果使用 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';
1
1

替换为:

const GIT_REPO_URL = 'https://github.com.cnpmjs.org/hexojs/hexo-starter.git';
1
1

再次运行 hexo init 即可

​

3.运行 hexo server 生成本地 Web 服务

hexo s //生成静态网页文件
1
1

随后便会在下方显示出生成的本地网址以及运行端口,复制即可 ( 注意这里的复制不是 ctrl+c, 最好使用右键复制, 本质上 git 的操作是基于 Linux 的操作逻辑的 )

进入该网站就可以看到生成好的模板网站了, 网站页面中的 Hello world 文档有几个常用命令给大家总结一下

# 这步会用到的 hexo 常用命令

在本地运行静态服务器

按 ctrl+c 结束

hexo server
# 可以简写为
hexo s
1
2
3
1
2
3

新建一篇文章

警告

会自动生成一个 md 文件在这个路径里, 记得文章的头部 YAML 信息不能删, 要不然配置网站时读取不出来

blog 的文件夹、source\_posts\
1
1
hexo new "文章名字"
1
1

清除缓存文件和已生成的静态文件 ( public 文件夹 )

hexo clean
1
1

注意

在某些情况 ( 尤其是更换主题后 ) ,如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。

生成静态文件 全称: hexo generate

hexo g
1
1

通常和 clean 配套使用, 以防止出现些奇怪的问题

上传部署至服务器

在配置好各个文件后, 使用以下命令上传部署至服务器, 即可实现网址访问

hexo deploy
# 可简写成
hexo d
1
2
3
1
2
3

注意

这里部署失败了很正常,分两种情况 第一种是第一次上传,需要和服务器链接并建立链接,成功率较低,多试几次即可 第二种是平常要更新网站,上传失败也是多上传几次 更多错误请看 Hexo 常见报错 大章节

在线编辑 (opens new window)
#Hexo博客相关(win)#静态博客知识分享
最近编辑时间: 2024/01/27 20:20:23
Part 1
Part 3

← Part 1 Part 3→

最近更新
01
本站维护方法(防止遗忘)
01-27
02
Speaking Corpus
04-28
03
Speaking Reference
04-24
更多文章>

Gitalking ...

Theme by Vdoing | Copyright © 2021-2025 | 备案信息:10086号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式