title: Hexo 初始化 Hexo 项目
top_img: /img/text_20.jpg
cover: /img/text_20.jpg
categories: Hexo
abbrlink: a4a81253
description: 熟练掌握Linux命令行的特点
swiper_index: 20
1.远程连接失败排查流程
初始化 Hexo 项目
-
在目标路径(我这里选的路径为【C:/Blog】)打开cmd命令窗口,执行
hexo init
初始化项目。hexo init blog-demo(项目名)2.进入`blog-demo` ,输入`npm i`安装相关依赖。
2.进入blog-demo
,输入**npm i
**安装相关依赖。
3.输入hexo server或者hexo s 启动项目
4.打开浏览器,输入地址:http://localhost:4000/ ,看到下面的效果,说明你的博客已经构建成功了。
将静态博客挂载到 GitHub Pages
-
安装 hexo-deployer-git
npm install hexo-deployer-git --save
-
修改 _config.yml 文件
在blog-demo目录下的_config.yml,就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。
修改最后一行的配置,将repository修改为你自己的github项目地址即可,还有分支要改为main
代表主分支(注意缩进)。deploy: type: git repository: git@github.com:Fomalhaut-Blog/Fomalhaut-Blog.github.io.git branch: main
-
修改好配置后,运行如下命令,将代码部署到 GitHub(Hexo三连)。
hexo clean && hexo generate && hexo deploy // Git BASH终端 hexo clean ; hexo generate ; hexo deploy
**hexo clean:删除之前生成的文件,若未生成过静态文件,可忽略此命令。**
hexo generate:生成静态文章,可以用`hexo g`缩写
hexo deploy:部署文章,可以用`hexo d`缩写
## 5. 基础用法说明
### 5.1 Front-matter
`Front-matter` 是 markdown 文件最上方以`---`分隔的区域,用于指定个别档案的变数。
- Page Front-matter 用于页面配置
- Post Front-matter 用于文章页配置
如果标注可选的参数,可根据自己需要添加,不用全部都写
**Page Front-matter:**
MARKDOWN
title: 第一篇文章
date: 2023-4-14 22:27:00
updated: 2023-4-14 22:27:00
这是我的第一篇文章
### 标签页
1. 前往你的Hexo博客根目录,打开`Git Bash`执行如下命令:
hexo new page tags
2. 在`[BlogRoot]\source\`会生成一个含有`index.md`文件的`tags`文件夹。
3. 修改`[BlogRoot]\source\tags\index.md`,添加`type: "tags"`。
title: tags
date: 2022-10-28 12:00:00
type: “tags”
### 友情链接
1. 前往你的Hexo博客根目录,打开cmd命令窗口执行如下命令:
SHELL
hexo new page link
2. 在`[BlogRoot]\source\`会生成一个含有`index.md`文件的`link`文件夹
3. 修改`[BlogRoot]\source\link\index.md`,添加`type: "link"`
MARKDOWN
title: link
date: 2022-10-28 12:00:00
type: “link”
4. 前往`[BlogRoot]\source\_data`创建一个`link.yml`文件(如果沒有 `_data` 文件夹,请自行创建),并写入如下信息(根据你的需要写):
YAML
- class_name: 1.技术支持
class_desc: 本网站的搭建由以下开源作者提供技术支持
link_list:- name: Hexo
link: https://hexo.io/zh-cn/
avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
descr: 快速、简单且强大的网志框架
siteshot: https://source.fomal.cc/siteshot/hexo.io.jpg
- name: Hexo
### 404页面
主題內置了一个简单的404页面,可在设置中开放。
如需本地预览,请访问 http://localhost:4000/404.html
YML
A simple 404 page
error_404:
enable: true
subtitle: “页面沒有找到”
background:
**图床**
git add .
git commit -m "更新图片"
git push