搭建博客 | 梁嘉嘉の博客

搭建博客站点

1	npm config set registry https://registry.npm.taobao.org

安装 Hexo

1	npm install -g hexo-cli

初始化目录

hexo init

开启本地服务

hexo s

访问 http://localhost:4000/

部署 Hexo Blog

hexo-deployer-git 插件

修改站点配置文件 _config.yml

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:SolisAmicus/SolisAmicus.github.io.git
  branch: master

deploy：这是部署的配置部分的开始。
type：这个参数指定了部署的类型，即部署到何种类型的托管服务。
repo: 这个参数指定了博客网站的 Git 仓库地址。
branch: 这个参数指定了要部署到的 Git 分支。

使用 Git 将你的 Hexo 博客网站部署到名为 master 的 GitHub 仓库中。当你运行部署命令时，Hexo 将生成的静态网站文件推送到指定的 GitHub 仓库的 master 分支上，从而实现博客网站的部署。

博客代码部署

Github

添加新仓库

配置新仓库设置：

Repository name（仓库名称）: 仓库名称。
Description（描述）: 为仓库添加一个简短的描述。
Visibility（可见性）: 选择仓库的可见性。可以选择 Public（公开）或 Private（私有）。
Initialize this repository with（使用此模板创建仓库）: 可以选择初始化仓库，添加一个 README 文件，或者从某个模板开始。
Add .gitignore（添加 .gitignore 文件）: 可选，选择适合项目类型的 .gitignore 文件。
Choose a license（选择许可证）: 可选，选择一个适合项目的开源许可证。

建立本地与仓库连接

1 2	git config --global user.name "SolisAmicus" git config --global user.email solisamicus@163.com

生成 SSH key

1	ssh-keygen -t rsa -b 4096 -C "solisamicus@163.com"

会生成公钥 id_rsa.pub 和私钥 id_rsa

在 Github 上添加 SSH key

$\text {Settings} \rightarrow \text {SSH and GPG keys} \rightarrow \text {SSH keys}$ ： $\text {New SSH key}$

在 $\text {Key}$ 字段粘贴之前复制的公钥内容。

测试

1	ssh -T git@github.com

Hexo 部署

hexo cl：清理 Hexo 博客网站生成的静态文件。
hexo g：生成 Hexo 博客网站的静态文件。
hexo d：将生成的 Hexo 博客静态文件部署到预先配置好的目标位置，将网站发布到配置好的远程服务器或托管平台。

撰写博客

.deploy_git：用于部署的 Git 仓库的子文件夹，它包含了要部署到远程仓库的静态网站文件。
.github：用于存放 GitHub Actions 工作流配置文件的文件夹，用于自动化博客网站的构建和部署。
node_modules： Node.js 项目的依赖文件夹，里面包含了项目所需的各种 Node.js 模块。
public：生成的静态网站文件的输出目录，即最终生成的 HTML、CSS、JavaScript 等文件都在这个文件夹中。
scaffolds：Hexo 博客的模板文件夹，包含用于生成新文章、页面等内容的模板。
source：存放博客源文件的文件夹，包括文章、页面、图片等。
themes：存放博客主题的文件夹，用于定制博客的外观和样式。
.gitignore： Git 的忽略文件配置，用于指定哪些文件或文件夹在版本控制中应该被忽略。
db.json：Hexo 博客的数据库文件，用于存储博客的一些配置和元数据。
package-lock.json：Node.js 项目的包锁定文件，记录了每个模块的确切版本信息，用于保证项目在不同环境中的一致性。
package.json： Node.js 项目的配置文件，包含了项目的元信息、依赖列表和一些自定义脚本。
_config.landscape.yml： Hexo 配置文件，用于指定博客的特定配置，例如主题、链接、站点标题等。
_config.yml：站点配置文件

Typora-Markdown 语法

公式（ $\text {LaTex}$ ）
图片插入：

1
2
3

<div style="display: flex; justify-content: center;">
  <img src="图片文件路径" style="width: 图片宽度;">
</div>

行间公式：

1	<span style='...'>测试字体</span>

代码块：

1
2
3

```
	代码
```

表格：
无序列表
有序列表
…