Hexo基本建站

短命女 2024-03-17 13:30 20阅读 0赞

**目录**

一、前言

二、Hexo安装、新建、启动

三、架构说明

四、写博客

五、打包

六、发布到GitHub

1.新建仓库

2.安装插件

3.修改配置文件：\_config.yml

4.部署github

5.查看仓库

6.访问网站

--------------------

#### 一、前言 ####

*  安装 Git
 *  安装 Node.js

#### 二、Hexo安装、新建、启动 ####

>     # 安装 hexo
>     $ npm install -g hexo-cli
>     # 新建博客项目：mindblog
>     $ npx hexo init mindblog
>     # 进入mindblog文件夹
>     $ cd mindblog
>     # 安装依赖
>     $ npm install
>     # 本地启动
>     $ npx hexo server

如果出现以下则执行：

![613d2d55bd5540999a6f43a2d2c5036c.png][]

$ npm install -g npm

执行完毕！

![58b40ca2099540979d1d9ce824206246.png][]

![9c82fc07b9da4cf483b016ab2401694e.png][]

#### 三、架构说明 ####

![3402345b53f54086a60f8d6129e210d3.png][]

>  *  \_config.yml：网站的 [配置][Link 1] 信息，您可以在此配置大部分的参数。
>  *  package.json：依赖信息。[EJS][], [Stylus][] 和 [Markdown][] 渲染引擎 已默认安装，可以自由移除
>  *  scaffolds：[模版][Link 2] 文件夹。当您新建文章时，Hexo 会根据 scaffold 来创建文件。
>  *  source：资源文件夹是存放用户资源的地方。除 `_posts` 文件夹之外，开头命名为 `_` (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 `public` 文件夹，而其他文件会被拷贝过去。
>  *  themes：[主题][Link 3] 文件夹。Hexo 会根据主题来生成静态页面。

配置文件说明：[配置 | Hexo][Link 1]

#### 四、写博客 ####

# 采用默认模板
    $ npx hexo new "my finrt blog"
    # 指定模板page
    $ npx hexo new page "my finrt blog"

![2e8155ff4e2743da8e39969e1bf536f1.png][]

启动服务访问

![ecdd5dbcdfe842a4ae24c53689847278.png][]

#### 五、打包 ####

# 清理缓存
    $ npx hexo clean
    # 打包
    $ npx hexo deploy

![6048f65bda6d41938e61866a0cd8a6a5.png][]

![0360516737dd4208847fee42536ef6d6.png][]

![baab7b24f55d4d8d8be78c842444ba4b.png][]

#### 六、发布到GitHub ####

##### 1.新建仓库 #####

![83c6dd0e25ff4825a0d863a752cc3943.png][]

![721b8b6915674bf986a22a01b60668d7.png][]

##### 2.安装插件 #####

$ npm install --save hexo-deployer-git

![5cf30853735f4bd48e24bd49ded30076.png][]

##### 3.修改配置文件：\_config.yml #####

deploy:
      type: git
      # 仓库地址
      repo: https://github.com/<username>/<project>
      # 仓库分支
      branch: gh-pages

![68371f3e93ed4452b8e4eba05c6e9594.png][]

##### 4.部署github #####

# 清理缓存
    $ npx hexo clean
    # 打包
    $ npx hexo deploy

中间会跳出弹窗：登录GitBub（使用账号密码或者token）

![c2dfe71a36c3400bac4cb8eb0a515a83.png][]

![006538fc9e494ad4ace5096aa33c7904.png][]

##### 5.查看仓库    #####

[https://github.com/yangyanzhao/yangyanzhao.github.io][https_github.com_yangyanzhao_yangyanzhao.github.io]

发现已经自动上传打包文件

![ee6bd1a959d2470ca17a9748c3a71582.png][]

##### 6.访问网站 #####

[https://yangyanzhao.github.io/][https_yangyanzhao.github.io]

![7e6f4a0839fb4b099174504806a00ebc.png][]

[613d2d55bd5540999a6f43a2d2c5036c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/b2f10973a6b0477fa431d83641a8d4ff.png
[58b40ca2099540979d1d9ce824206246.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/5725a8d0d1224737837fa48d1aaed972.png
[9c82fc07b9da4cf483b016ab2401694e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/6c55488010914f40b9a67991d8ab2cc3.png
[3402345b53f54086a60f8d6129e210d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/9b905d63f0c9406a9b2c50c2e168ad23.png
[Link 1]: https://hexo.io/zh-cn/docs/configuration
[EJS]: https://ejs.co/
[Stylus]: http://learnboost.github.io/stylus/
[Markdown]: http://daringfireball.net/projects/markdown/
[Link 2]: https://hexo.io/zh-cn/docs/writing#%E6%A8%A1%E7%89%88%EF%BC%88Scaffold%EF%BC%89
[Link 3]: https://hexo.io/zh-cn/docs/themes
[2e8155ff4e2743da8e39969e1bf536f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/b0afdebef2084b98a3a0d316bc4b629d.png
[ecdd5dbcdfe842a4ae24c53689847278.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f33c1326604d4882a5d04323eb201726.png
[6048f65bda6d41938e61866a0cd8a6a5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/e6e3ac0ed2b94e619ccb809acc163bd8.png
[0360516737dd4208847fee42536ef6d6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/26fbe4f75ec6476a92b387bd97c17275.png
[baab7b24f55d4d8d8be78c842444ba4b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/09f0e16e41f446098308bde616ca6b01.png
[83c6dd0e25ff4825a0d863a752cc3943.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/3695c37ecca3449bb968d5d0aea4486b.png
[721b8b6915674bf986a22a01b60668d7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/b0b1cd97fba442d6b10d517afc9a3806.png
[5cf30853735f4bd48e24bd49ded30076.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/67aaa0cf44f8466a9d841c0bb2c246ed.png
[68371f3e93ed4452b8e4eba05c6e9594.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/71061e6c61394f0282a8b48f9c29a42c.png
[c2dfe71a36c3400bac4cb8eb0a515a83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/29dab86e2f6847908d9636e27f8ecf37.png
[006538fc9e494ad4ace5096aa33c7904.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/2756f94cebd745ebb56091d0a2449ee9.png
[https_github.com_yangyanzhao_yangyanzhao.github.io]: https://github.com/yangyanzhao/yangyanzhao.github.io
[ee6bd1a959d2470ca17a9748c3a71582.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/5053eb397c7a4e7ebcde05385dc8557f.png
[https_yangyanzhao.github.io]: https://yangyanzhao.github.io/
[7e6f4a0839fb4b099174504806a00ebc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/c6e9eb4c35e94a6086ae21d3a3798a4b.png